原创 ES6語法——數組擴展

數組擴展 數組新增特性 Array.from Array.of copyWithin find / findIndex fill entries / keys / values 遍歷相關 includes { //Array

原创 ES6語法——字符串擴展

字符串新增特性 Unicode表示法 遍歷接口 模版字符串 新增方法(10種) //npm install babel-polyfill --save-dev 安裝這個包,去處理es7語法的兼容 Unicode表示法

原创 webpack 打包作用

webpack做了哪些事 把這些不同的靜態資源的類型把它打包成一個js,然後我們在html裏面去引用這個js的時候,我們的html裏面的js就可以正常的運行然後去執行我們的操作 因爲我們大家知道做前端項目的時候,大家應該有經驗就

原创 ES6語法——解構賦值

解構賦值 什麼是解構賦值 解構賦值在語法上就是個賦值 解構:左邊一種結構右邊一種結構,左右一一對應進行賦值 解構賦值的分類 數組解構賦值 左右都是數組 對象解構賦值 * 左右都是對象* 字符串解構賦值 左右都是字符串,

原创 ES6語法——數值擴展

數值擴展 數值處理新增特性 新增方法 立方根方法 指數方法 方法調整 把一些全局的處理數值相關的方法,移植到了Number對象上比如parseInt 但方法的行爲不變(原來怎麼用還是怎麼用);原來直接調API就可以,不需

原创 ES6語法——模塊化

模塊化 國外的require.js 國內sea.js 基本概念 模塊引入 import 模塊的導出 export ES6的模塊化語法 //a.js //導出一個變量、一個函數、一個類 { export let A = 1

原创 webpack配置 css單獨分離打包

Step1安裝插件 npm i extract-text-webpack-plugin webpack.config.js 配置 const ExtractPlugin = require('extract-text-web

原创 HTTP協議 導論

HTTP code 前端緩存 客戶端緩存,代理服務器緩存,還有緩存如何去驗證它的可用性 HTTP重要性 前端所有的靜態資源加載和數據加載都是要通過HTTP協議進行發送 價值提升 只要你是中高級的崗位,不可能不問你HTTP相

原创 ES6項目構建

基礎架構 基礎架構業務邏輯自動構建服務接口頁面交互編譯輔助數據接口自動刷新文件合併資源壓縮 任務自動化gulp 什麼是任務自動化 什麼是gulp gulp 的作用 瞭解如何使用gulp完成任務自動化 編譯工具(babel、we

原创 ES6作用域 let&const

塊作用域(即大括號內的作用域) es5中作用域:全局作用域、函數作用域 es6新增了塊作用域 離開了大括號,可以理解爲塊作用域的生命週期結束 es6強制開啓嚴格模式(“use strict”) 嚴格模式下,變量未聲明則不能引用,

原创 ES6語法——類

類 類的概念 基本語法 類的繼承 靜態方法 靜態屬性 以上是核心特性 getter setter //es5中的類(即構造函數) { function Fn(name,age){ this.name=name; t

原创 webpack vue框架代碼&業務代碼拆分

vue框架代碼&業務代碼拆分 需求分析 打包類庫文件,第三方包、vue框架代碼打包,這類代碼穩定性比較高的 業務代碼是經常更新迭代的 爲了讓瀏覽器儘可能長的時間緩存我們的靜態文件,如果把類庫代碼和業務代碼打包在一起,那麼類庫代

原创 ES6語法——函數擴展

函數擴展 函數新增特性 參數默認值 rest參數 擴展運算符 箭頭函數 this綁定 尾調用 { //函數參數默認值 //默認值後面,不能有,沒有默認值的變量 //function(x,y=123,z) 這是錯誤的 /

原创 ES6語法——Iterator、for...of循環

Iterator、for…of循環 什麼是Iterator接口 在整個js過程中,操作某些數據結構,比如Map、Set、數組、對象,它們都可以理解爲數據集合,對於數據集合我們怎麼去讀取,因爲數據結構本身不同,我們怎麼能用一種相同

原创 vue-loader配置

vue-loader 配置項 對於.vue文件的配置項 在build目錄下 新建 vue-loader.config.js vue-loader.config.js 配置項目 使用函數 是爲了 不同環境進行使用 module.ex