原创 八小時實現迷你版vuejs三:實現數據響應化

上一篇我們比較overview的講了vuejs 的架構,從這一篇開始我們來自己動手實現一個vuejs。 首先我們實現數據響應化,數據響應化的意思就是我們要能監聽到任何數據變動。比如執行了 this.name = “Yao Ming” 之後

原创 八小時實現迷你版vuejs: 一前言

目的 最近斷斷續續在看Vuejs源碼,版本是 V1.0,因爲最開始看的時候vue還沒出v2正式版 =。= 作者的代碼功力很深厚,整個代碼看起來非常優雅,對模塊的組織和依賴的處理非常值得學習。在看的過程中覺得自己實現一個迷你版的vue應該不

原创 八小時實現迷你版vuejs四:實現compile和Directive

這一篇,我們要實現一個事件綁定的功能: <div @click=“sayHello”></div> 那麼爲了實現這個功能,我們需要三步: 1. 實現 compileDirectives 方法, 可以從attrs中讀取directive的

原创 八小時實現迷你版vuejs七:展望和結束語

看代碼就像看電影一樣,不懂的時候覺得到處都是迷,覺得主角周圍發生的事都好不可思議,看懂了之後就能發現一根清晰的主線劇情,或是親情,或是愛情,或是復仇,或是爲名爲財。所有之前那些迷都豁然開朗。 vuejs源碼看下來也是,從3年前接觸到vue

原创 webpack 源碼解析系列

Webpack 源碼解析 Webpack 作爲前端領域最重要的構建工具,任何一個優秀的前端工程師必定需要對它有比較深入的瞭解。本系列文章會帶您深入理解webpack的實現原理,閱讀關鍵代碼,並自己實現一些簡單的功能。 這個系列總共包括8篇

原创 八小時實現迷你版vuejs六:實現常用指令

我們來實現一個 v-text 指令,其實非常簡單,只要在 update 的時候把獲取的值寫到 innerHTML 中就行了。 export default { bind () { }, update (value) {

原创 七週七種前端框架四:Vue.js 構建大型應用

真正的模塊化 前端模塊化很早就開始了,無論是 require.js,browserify 進行模塊化打包, 還是 Angular 進行依賴注入,我們都可以把JS代碼分成一個個小的模塊並組裝起來。然後我們還會通過 less 或者 sass

原创 手把手教你用Hexo搭建免費個人博客

文章轉載自 https://blog.lihongxun.com/2017/11/24/hexo-codingnet/ 個人博客的最佳解決方案 作爲較早的博主,我大概從 2010 年開始就在CSDN上寫博客,斷斷續續也寫了100+篇文章。

原创 常用算法整理:鏈表相關

鏈表的考點 鏈表很多時候都是考察基本功,因爲鏈表題大部分都不是很複雜,主要是對指針的操作,當然也有難的。 簡單的題目包括 刪除/插入節點、翻轉、去重、排序等,難度高一些的題目依然是這些,不過會有一些條件,比如多個鏈表或者局部操作。 對鏈

原创 vue-mobile - 一個基於VUE的UI框架

我對UI框架的一些想法 最近一年多一直在做UI庫,從 SUI Mobile -> Light7 -> jQuery WeUI。自己也在做的過程中對UI庫類的產品有了更深入的認識,SUI Mobile 和 Light7 有一個很大的問題在於

原创 記一次box-shadow動畫導致的性能問題

最近做一個項目發現在頁面沒有任何操作的情況下 CPU佔用率會達到 100%。當然這是一個核心的佔用率,所以頁面操作上並不卡。不過這個現象非常不正常,因爲頁面只做了一些簡單的CSS動畫。 在定位問題的過程中發現是由一個容器的box-shad

原创 七週七種前端框架四:Vue.js 概覽

關於 Vue Vue 從去年開始火的不行,如果你覺得 Angular1 又舊又太龐雜不好用,而Angular2又顯得磨磨唧唧一直不出正式版,那麼 Vue 可能是一個很好地選擇。另外 Vue 的作者是一個國人大牛。 看 Vue 第一眼的感覺

原创 數據庫sharding和一致性哈希算法

數據庫 sharding 分佈式數據庫的核心算法就是sharding,把一個數據庫通過sharding算法映射到不同的機器上處理。 sharding 分爲兩種方式: 縱向切分:就是把一個表按不同列進行切分。比如我們有一個 User 表,

原创 七週七種前端框架四:Vue.js 組件和組件通信

基本是按照官網的 Guide 全部梳理了一遍:http://vuejs.org/guide/index.html 這裏我們以一個 Todo List 應用爲例來把相關的只是都串起來,這篇裏面的全部代碼都在g

原创 常用算法整理:二叉樹

DFS - 二叉樹的先序,中序和後續遍歷 先序遍歷 https://leetcode.com/problems/binary-tree-preorder-traversal/ 遞歸解法: var preorderTraversal =