原创 html中重排和重繪問題
HTML頁面進行重繪和重排(迴流) 1 核心問題講解 瀏覽器的運行機制： 構建DOM樹（parse）：渲染引擎解析HTML文檔，首先將標籤轉換成DOM樹中的DOM node（包括js生成的標籤）生成內容樹（Content Tre
2020-07-06 09:06:28
原创 web前端面試常見問題(get與post的區別,http常用狀態碼,跨域條件及解決方案)
面試常見問題(get與post的區別,http常用狀態碼,跨域條件及解決方案) 1.get與post的區別，什麼時候使用post？ 1.get和post在HTTP中都代表着請求數據，其中get請求相對來說更簡單、快速，效率高些 2
2020-07-06 09:06:27
原创 React組件(函數組件和類組件)
React組件(函數組件和類組件) 1.創建組建的兩種方式 1.1 函數組件 1.函數組件:使用js函數創建組件; 2.約定:函數名稱必須以大寫字母開頭( React 據此區分 組件 和 普通的React 元素), 3.函數組件必
2020-07-06 09:06:27
1
原创 Vue中實現$set方法(Vue原理之步驟四)
Vue中實現$set方法(續上一篇watch偵聽器) **注意:**與上一篇緊緊相連 可以看到,這個dep和上一篇中defineReactive函數閉包中的"筐"不同的另一個"筐",當屬性的值是一個對象時,把觸發getter和w
2020-07-06 09:06:27
原创 React起源和特點及其使用方法(手動安裝和腳手架工具使用)
React起源和特點及其使用方法(手動安裝和腳手架工具使用) 1.react的起源及其思想(簡單概述) facebook內部的一個xhp項目，在頁面上提交一個請求，由後臺計算好數據以及新頁面的結構返回給前端。 這種方式沒有異步a
2020-07-06 09:06:27
2
原创 數據結構---鏈表小案例
鏈表的一些小案例 /** * 構造函數 表示鏈表的一個節點 * */ function Node(value){ this.value = value; //節點的數據 this.next = null;
2020-07-06 09:06:17
1
原创 VUE中實現數據代理和數據劫持(Vue原理之步驟二)
VUE中實現數據代理和數據劫持 1.VUE中實現數據代理 把所有data中的數據代理到new出來的Vue實例上 class Vue { //options是傳過來的參數類似一個對象 constructor(opt
2020-07-06 09:06:16
原创 js中比較數組中的對象下邊的某個屬性最小值
js中數組中對象下的某屬性最小值和最大值 最小值 var arr = [{a:1,b:'b'},{a:5,b:'bbb'},{a:0,b:'bbbbb'}] //最小值 Math.min.apply(Math,arr.map(el
2020-07-06 09:06:16
原创 Vue中實現watch偵聽器(Vue原理之步驟三)
實現watcher 基於上一篇 (實現數據代理和數據劫持) 由於模板涉及到Vue的編譯和vdom等知識,所以先用watch選項和$watch api來測試對屬性的監聽 注意: 問題1: 首先,回調函數肯定不能硬編碼到setter中
2020-07-06 09:06:16
原创 Object.defineProperty的用法以及存取器getter/setter(Vue原理之步驟一)
Object.defineProperty用法 Object.defineProperty(obj,prop,descriptor) //obj:必需,目標對象 //prop:必需, 需定義或修改屬性的名字 //descripto
2020-07-06 09:06:16
原创 React中組件的props和(父子,子父,兄弟)組件之間傳遞數據
React中組件的props和(父子,子父,兄弟)組件之間傳遞數據 1.組件的props 1.組件是封閉的,要接收外部數據應該通過props來實現; 2.props作用:接收傳遞給組件的數據; 3.傳遞數據:給組件標籤添加屬性;
2020-07-06 09:06:16
2
原创 Vue實現computed(Vue原理之步驟六)
Vue實現computed計算屬性(Vue原理之步驟六) 基於上一篇(Vue中實現數組) 根據計算屬性幾個特點設計思路: 1.他的值是一個函數的運行結果; 2.函數裏用到的所有屬性都會引起計算屬性的變化; 計算屬性仍然屬於Vue響
2020-07-06 09:06:16
1
原创 前後端交互,Promise 基本API
前後端交互,Promise 基本API 1.接口調用方式 1.原生ajax; 2.基於jQuery的ajax; 3.fetch; 4.axios; 2.異步 JavaScript的執行環境是「單線程」 所謂單線程，是指JS引擎
2020-07-06 09:06:16
原创 python基礎(條件判斷,input,循環,break,continue)
1.條件判斷 if <條件判斷1>: <執行1> elif <條件判斷2>: <執行2> elif <條件判斷3>: <執行3> else: <執行4> 2.input 讀取用戶輸入 age =
2020-07-06 09:06:16
1
原创 React有狀態和無狀態組件,State和SetState基本使用
有狀態和無狀態組件,State和SetState 1.有狀態和無狀態組件 1.函數組件又叫做無狀態組件,類組件又叫有狀態組件; 2.狀態(state)就是數據; 3.函數組件沒有自己的狀態,只負責數據展示; 4.類組件有自己的狀態
2020-07-06 09:06:16
1