原创 sourcemap
一、從源碼轉換講起 JavaScript腳本正變得越來越複雜。大部分源碼（尤其是各種函數庫和框架）都要經過轉換，才能投入生產環境。 常見的源碼轉換，主要是以下三種情況： （1）壓縮，減小體積。比如jQuery 1.9的源碼，壓縮前是2
2018-09-04 13:18:33
原创 es6 和 common.js
ES6標準發佈後，module成爲標準，標準的使用是以export指令導出接口，以import引入模塊，但是在我們一貫的node模塊中，我們採用的是CommonJS規範，使用require引入模塊，使用module.exports導出接口
2018-09-04 13:18:32
原创 import和require
import命令會被 JavaScript 引擎靜態分析，先於模塊內的其他模塊執行（叫做”連接“更合適）。所以，下面的代碼會報錯。 // 報錯 if (x === 2) { import MyModual from ‘./myMo
2018-09-04 13:18:32
原创 vue中遇到的坑
1 一個是eventHub的坑–重複監聽的問題：解決方案監聽之前先off掉 2 路由的坑–不加replace會兩個頁面來回跳，無法正常的返回父級頁面。 3 vuejs對data中數組的原生方法進行了封裝，所以在改變數組時能夠觸發視圖更
2018-09-04 13:18:32
原创 壓縮包
apk是androidpackage的縮寫，也即使Android安裝包，他是類似Symbian Sis或者Sisx的文件格式，通過將apk文件直接傳遞到android模擬器，或者 android手機中即可進行安裝。 apk文件和sis一樣
2018-09-04 13:18:32
原创 基於nodeJS的前端開發到底啥意思？
今天在回來的班車上突然頓悟了‘基於node的前端開發’這句話的奧義！ 這個長久以來困擾着自己的問題，一直在尋找的答案，也許我現在的理解也不見得就十分準確，但是可以肯定的是，對於現階段的我自己來說是有幫助的，現在記錄如下： 上個週末去了上海
2018-09-04 13:18:32
原创 vue webpack.base.config.js
其中的webpack.base.conf.js是一個基礎的的環境配置，裏面寫的個各個環境（包括開發環境，生產環境，測試環境）都需要的配置可以認爲是公共部分。 比如說入口文件和輸出文件這類，然後開發環境的webpack的配置webpack.
2018-09-04 13:18:31
原创 代理
express服務器提供靜態文件服務，不過它還使用了http-proxy-middleware，一個http請求代理的中間件。前端開發過程中需要使用到後臺的API的話，可以通過配置proxyTable來將相應的後臺請求代理到專用的API服
2018-09-04 13:18:31
原创 vue2.0 語法
1、v-else 0.5”> Now you see me div v-else Now you don’t div e-else 元素必須緊緊的跟在v-if或者v-else
2018-09-04 13:18:31
原创 IIFE
常見格式：(function() { /* code */ })(); 解釋：包圍函數（function(){})的第一對括號向腳本返回未命名的函數，隨後一對空括號立即執行返回的未命名函數，括號內爲匿名函數的參數。 作用：可以用它創建
2018-09-04 13:18:30
原创 es6
import命令具有提升的效果，會提升到整個模塊的頭部，首先執行，require則沒有這個特性。 import 是靜態執行的，所以不能使用表達式和變量，這些只有在運行時才能得到結果。 export default 命令 使用import命
2018-09-04 13:18:30
5
原创 組件間通信
在vue和react中父子組件之間的通信原來是相似的，首先，在vue和react中父組件向子組件通信都是通過父組件給子組件傳遞props的方式來進行的，並且兩個框架都規定 子組件不得改變父組件傳過來的參數，如果一定要改變那麼最好在子組件中
2018-09-04 13:18:30
1
原创 npm install 命令知多少
網看到一個答案，回答的很好：一個node package有兩種依賴，一種是dependecies一種是devDependecies其中，前者是正常運行該包時候所需要的 依賴項，而後者是開發的時候需要的依賴項，比如一些進行單元測試之類的包
2018-09-04 13:18:25
原创 webpack
更快捷的執行打包任務 執行類似於node_modules/.bin/webpack這樣的命令其實是比較煩人的，而且容易出錯，不過值得慶幸的是 npm可以引導任務的執行，對其進行配置後可以使用簡單的npm start命令來代替這些繁瑣
2018-09-04 13:18:25
原创 異步加載
下面就是兩種異步加載的語法。 上面代碼中，標籤打開defer或async屬性，腳本就會異步加載。渲染引擎遇到這一行命令，就會開始下載外部腳本，但不會等它下載和執行，而是直接執行後面的命令。 defer與async的區別是：前者要等到整個頁
2018-09-04 13:18:24