原创 SSL建立的過程

客戶端使用http url訪問服務器,要求web服務器建立ssl鏈接 web服務器收到客戶端請求後,會將網站的證書(包含公鑰)返回給客戶端 客戶端與web服務器端協商SSL鏈接的安全等級,也就是加密等級 客戶端瀏覽器通過雙方協商

原创 實現監聽vuex的狀態變化並實時更新狀態

監聽vuex的狀態變化並實時更新狀態 需要使用狀態的頁面 data () { return { remarks: '' } }, watch: { "$store

原创 TCP協議三次握手分析

TCP(Transmission Control Protocol) 傳輸控制協議 TCP是主機對主機層的傳輸控制協議,提供可靠的連接服務,採用三次握手確認建立一個連接: SYN(synchronous建立聯機):建立連接 ACK

原创 JavaScript實現div鼠標跟隨

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .to

原创 修改el-table中的表格樣式

項目中遇到的一個坑吧,我們在完成UI給的效果圖的時候,總會需要修改el-table的樣式 <div class="tableDate"> <el-table :data="In

原创 vue中子組件調用父組件的方法

1.子組件通過this.$parent.event來調用父組件的方法 父組件 <template> <div> <child></child> </div> </template> <script> impor

原创 Vue中computed和watch有什麼區別

computed var var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar' }, computed:

原创 cookie各字段詳解

name字段:名稱 value字段:cookie的值 domain字段:爲可以訪問此cookie的域名,頂級域名只能設置domain爲頂級域名,不能設置爲二級域名或者三級域名,否則cookie無法生成。二級域名能讀取設置了doma

原创 JavaScript中call apply bind的區別

相同點:都可以改變this的指向 例子: var zhangsan = { name: "張三", gender: "男", age: 24, say:function () { al

原创 leetcode 9.迴文數題解(C++)

判斷一個整數是否是迴文數。迴文數是指正序(從左向右)和倒序(從右向左)讀都是一樣的整數。 示例 1: 輸入: 121 輸出: true 示例 2: 輸入: -121 輸出: false 解釋: 從左向右讀, 爲 -121 。 從右

原创 實現JavaScript中的new

新建一個空對象,這個空對象原型指向構造函數的prototype,執行構造函數後返回這個對象 function objectFactory(){ var obj = new Object(); //創建一個新對象

原创 javascript中的聲明提升

變量提升 先看第一個代碼 a = 1; var a; console.log(a); //1 按照思路來說第一行代碼創建了一個全局變量a並賦值1,第二行重新聲明並賦值undefined。按道理來說應該打印undefined。而我

原创 手寫ajax的實現過程

var xhr = new XMLHttpRequest(); xhr.open("GET",url,false); xhr.onreadstatechange = function() { if (xhr.ready

原创 leetcode 43 字符串相乘題解

給定兩個以字符串形式表示的非負整數 num1 和 num2,返回 num1 和 num2 的乘積,它們的乘積也表示爲字符串形式。 示例 1: 輸入: num1 = “2”, num2 = “3” 輸出: “6” 示例 2: 輸入:

原创 JS-深淺拷貝實現

淺拷貝 淺拷貝只複製指向某個對象的指針,而不復制對象本身,新舊對象還是共享同一塊內存,所以當一個對象發生變化時,另一個對象隨之改變 深拷貝 深拷貝會另外創造一個一模一樣的對象,新對象跟原對象不共享內存,修改新對象不會改到原對象;