原创 webpack:從入門到真實項目配置(二)

如何在項目中使用 webpack 項目中已經配置了很簡單的 babel 和 webpack,直接運行 npm run start 即可 這時候你會發現這個 bundle.js 居然有這麼大,這肯定是不能接受的,所以接下來章節的主要目

原创 簡單地css重置樣式

body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,ol,ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: no

原创 Angualr中自定義指令模板

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet

原创 webapp開發相關jquery手勢事件之jGestures

手機開發中,除了我們平時用的jquery基本事件之外,還有很多手勢,今天介紹一款jquery手勢插件jGestures,地址是:http://jgestures.codeplex.com/ 這個插件的強大之處在於它可以監聽以下事件

原创 Vue學習之源碼分析--從Vue.js源碼角度再看數據綁定(三)

數據綁定原理 前面已經講過Vue數據綁定的原理了,現在從源碼來看一下數據綁定在Vue中是如何實現的。 首先看一下Vue.js官網介紹響應式原理的這張圖。 這張圖比較清晰地展示了整個流程,首先通過一次渲染操作觸發Data的gett

原创 z.less

// ============================================= // @des: zless // @author: Busy // @url:

原创 Vue學習之源碼分析--Vue.js事件機制(四)

Vue事件API 衆所周知,Vue.js爲我們提供了四個事件API,分別是 $on, $once, $off, $emit。 初始化事件 初始化事件在vm上創建一個_events對象,用來存放事件。_events的內容如下

原创 Git與Angular入門

複習 Node Node.js — 類似一個操作系統 一個JS的運行環境 主要用於開發Web應用程序(回想登陸的例子) 很多的前端開發工具都是基於node這個平臺 所用的工具就相當於一些軟件 NVM (可選的) Node Ver

原创 Vue學習之源碼分析--VNode節點(Vue.js實現(五)

抽象DOM樹 在刀耕火種的年代,我們需要在各個事件方法中直接操作DOM來達到修改視圖的目的。但是當應用一大就會變得難以維護。 那我們是不是可以把真實DOM樹抽象成一棵以JavaScript對象構成的抽象樹,在修改抽象樹數據後將抽象

原创 js數組API--溫故知新

js數組API--溫故知新 一 、concat concat() 方法用於連接兩個或多個數組。 該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。 arrayObject.concat(arrayX,arrayX,....

原创 Vue學習之源碼分析--從template到DOM(Vue.js源碼角度看內部運行機制)(九)

從new一個Vue對象開始 let vm = new Vue({ el: '#app', /*some options*/ }); 很多同學好奇,在new一個Vue對象的時候,內部究竟發生了什麼? 究竟Vue.js

原创 Vue學習之源碼分析--Virtual DOM與diff(Vue.js實現)(六)

VNode 在刀耕火種的年代,我們需要在各個事件方法中直接操作DOM來達到修改視圖的目的。但是當應用一大就會變得難以維護。 那我們是不是可以把真實DOM樹抽象成一棵以JavaScript對象構成的抽象樹,在修改抽象樹數據後將抽象樹

原创 webpack:從入門到真實項目配置

簡單使用 安裝 在命令行中依次輸入 mkdir webpack-demo cd webpack-demo // 創建 package.json,這裏會問一些問題,直接回車跳過就行 npm init // 推薦這個安裝方式,當然你也安

原创 Vue學習之源碼分析--聊聊Vue.js的template編譯(七)

$mount 首先看一下mount的代碼 /*把原本不帶編譯的$mount方法保存下來,在最後會調用。*/ const mount = Vue.prototype.$mount /*掛載組件,帶模板編譯*/ Vue.prototy

原创 Vue學習之源碼分析--Vue.js響應式原理(一)

關於Vue.js Vue.js是一款MVVM框架,上手快速簡單易用,通過響應式在修改數據的時候更新視圖。Vue.js的響應式原理依賴於Object.defineProperty,尤大大在Vue.js文檔中就已經提到過,這也是Vue