原创 CSS——設置滾動條樣式
webkit滾動條樣式重置 1、scrollbar包含scrollbar buttons和一個track。track進一步細分爲track pieces和thumb。trace pieces爲thumb的上半部分和半下部分。2、scroll
原创 VUE2.6.10——computed計算屬性
computed初始化 在實例化Vue對象得時候,我們通過computed來定義計算屬性: var vm = new Vue({ el: '#example', data: { message: 'Hello' },
原创 JS基礎——Proxy
Proxy 用於修改某些操作的默認行爲(基本操作有屬性查找,賦值,枚舉,函數調用等)。 /* * target 目標對象(可以是任何類型的對象,包括原生數組,函數,甚至另一個代理) * handler 一個對象,其屬性是操作對應的自定義代理
原创 VUE2.6.10——Vue對象
/src/core/index.js /src/core/instance/index.js function Vue (options) { if (process.env.NODE_ENV !== 'production' &&
原创 VUE2.6.10——entry-runtime-with-compiler.js
文件路徑:srcplatformswebentry-runtime-with-compiler.js entry-runtime-with-compiler.js 入口文件爲Vue重寫了$mount方法,並添加了compile方法。 $mo
原创 VUE2.6.10——scripts/config.js
rollup -w -c scripts/config.js --environment TARGET:web-full-dev-c 指定配置文件-w 監聽文件,文件發生改變時重新構建--environment 設置環境變量。如rollup
原创 VUE2.6.10——package.json
main 程序入口文件,默認爲根目錄index.js,當require('moduleName')調用時,就會加載main字段指定的目錄下的文件module 使用ES6的module模塊引入該模塊時加載的文件路徑,即使用import '
原创 JS基礎——高階函數
定義 高階函數是至少滿足下面一個條件的函數:1、接收一個或多個函數作爲參數。比如filter函數2、返回一個函數。 比如bind函數舉個例子:比如我們要篩數組[1,2,3,4,5]中大於3的所有元素,我們通常的實現方法爲: let new
原创 JS基礎——call、bind、apply 和 this
this 首先我們分析一下下面代碼的執行結果 function foo(num) { console.log( "foo: " + num ); this.count++; //記錄函數執行次數 } foo.count
原创 工程化——前端靜態資源緩存策略
增量更新是目前大部分團隊採用的緩存更新方案,能讓用戶在無感知的情況獲取最新內容。具體實現方式通常是(一般我們通過構建工具來實現,比如webpack): 構建產出文件hash(如:index.d94f83fac22c203b788c.css
原创 JS基礎——數據類型判斷typeof、instanceof、Object.prototype.toString
typeof用在基本數據類型和函數時,返回其對應類型的描述,對於引用類型都返回爲object. instanceof無法判斷基本數據類型,對於引用類型數據,返回其其對應類型。 Object.prototype.toString無論基
原创 JS基礎——作用域鏈與執行環境
每一個函數存在一個[[Scope]]內部屬性,包含了一個函數被創建得作用域中對象得集合,這個集合爲函數得作用域鏈。例如下面的全局函數: fucntion add(num1, num2){ var sum = num1 + num2;