原创 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;