前言 Alfred，想必大家就算沒用過也耳聞過。Alfred是一個讓你可以丟掉鼠標(biāo)的神器。很多讀者可能之前認(rèn)為Alfred的學(xué)習(xí)成本高，或者感覺它太復(fù)雜，而望之卻步。其實Al...
發(fā)簡信
IP屬地：江蘇
-
5分鐘上手Mac效率神器Alfred以及Alfred常用操作 -
請教下作者，updateChildren維護(hù)四個變量，這樣的方法優(yōu)勢在哪里？用比較簡單的思路 ： 逐個遍歷newVdom的節(jié)點(diǎn)，找到它在oldVdom中的位置，如果找到了就移動對應(yīng)的DOM元素，如果沒找到說明是新增節(jié)點(diǎn)，則新建一個節(jié)點(diǎn)插入。遍歷完成之后如果oldVdom中還有沒處理過的節(jié)點(diǎn)，則說明這些節(jié)點(diǎn)在newVdom中被刪除了，刪除它們即可。這樣有什么問題嗎？我覺得這樣算法上反而還簡單
簡潔清晰的virtual dom實現(xiàn)：snabbdom源碼閱讀
若無法打開文中引用鏈接，那么可能是你上網(wǎng)的姿勢不對 virtual dom中心思想 如果沒有理解virtual dom的構(gòu)建思想,那么你可以參考這篇精致文章Boiling R...
-
DOM事件
什么是DOM？ 文檔對象模型,HTML 是一棵樹，DOM 也是一棵樹。對 DOM 的理解，可以暫時先拋開瀏覽器的內(nèi)部因素，先從 JS 著手，即可以認(rèn)為 DOM 就是 JS 能...
-
請教下作者，我寫模態(tài)框也和你一樣，把展示通過自定義事件交給父組件控制，但是做后臺管理，父組件很多按鈕都(一個表格里特別多自定義操作)會彈出各種不同的模態(tài)框。就相當(dāng)于父組件里可能寫了七八九十個模態(tài)框，所有的模態(tài)框的展示，確認(rèn)邏輯都放在父組件內(nèi)。造成父組件的邏輯會既龐大又混亂。請問有解決辦法嗎
打造 Vue.js 可復(fù)用組件
Vue.js 是一套構(gòu)建用戶界面的漸進(jìn)式框架。我們可以使用簡單的 API 來實現(xiàn)響應(yīng)式的數(shù)據(jù)綁定和組合的視圖組件。 從維護(hù)視圖到維護(hù)數(shù)據(jù)，Vue.js 讓我們快速地開發(fā)應(yīng)用。...
-
數(shù)組的各種方法
會改變自身的方法 array.pop()刪除一個數(shù)組中的最后一個元素，并且返回這個元素 array.push(element1, ...elementN)添加一個或多個元素到...
-
vue中的虛擬dom和雙向數(shù)據(jù)綁定的結(jié)合。
vue中的虛擬dom和雙向數(shù)據(jù)綁定的結(jié)合。vue1.0中使用Object.defineProperty了雙向數(shù)據(jù)綁定，使用dep進(jìn)行訂閱發(fā)布鏈接watcher和data的橋梁...
-
Cookie、Session、Token那點(diǎn)事兒（原創(chuàng)）本文已獨(dú)家授權(quán) 鴻洋( hongyangAndroid) 公眾號發(fā)布！ 前言：新公司項目中使用到了Cookie，在各大Android技術(shù)討論群向前輩們?nèi)〗?jīng)討論這cookie、...
-
apply call bind 的實現(xiàn)
我們知道apply call bind 都是改變this的指向的，我們首先看apply call的實現(xiàn)。call的一般使用如下 我們可以通過什么方式來模擬call方法呢？ ...
-
js組件
比如我們要實現(xiàn)這樣一個組件，就是一個輸入框里面字?jǐn)?shù)的計數(shù)。 為了更清楚的演示，下面全部使用jQuery作為基礎(chǔ)語言庫。 最簡陋的寫法 以上是一串面向過程的寫法。各種變量混亂，...
-
虛擬DOM最近比較流行的前端框架都涉及到了虛擬dom的概念。那什么是虛擬dom呢？目前我們都是數(shù)據(jù)驅(qū)動視圖。頁面的更新根據(jù)數(shù)據(jù)的變化而變化。之前研究vue的雙向綁定時候，就是我們的數(shù)據(jù)...
-
babel
我們?yōu)槭裁磿褂胋abel？因為我們會使用很多es的新語法。但瀏覽器的支持卻還不完善。所以我們只能使用babel編譯器來幫助我們。如果我們還使用了webpack的話，我們會在...
-
網(wǎng)絡(luò)協(xié)議以及http協(xié)議我們平時可以上網(wǎng)通訊，是因為互聯(lián)網(wǎng)協(xié)議（TCP/IP協(xié)議族）。如何探測到通訊目標(biāo)，使用什么語言進(jìn)行通訊，怎樣結(jié)束不同的硬件，操作系統(tǒng)之間的通訊等都需要有一套規(guī)則來約束。我們把...
-
跨域通信阮一峰同源策略瀏覽器處于安全考慮實行了同源策略機(jī)制。同源指的是 協(xié)議相同 域名相同 端口相同 舉例來說，http://www.example.com/dir/page.htm...
-
webpack打包原理
webpack只是一個打包模塊的機(jī)制，只是把依賴的模塊轉(zhuǎn)化成可以代表這些包的靜態(tài)文件。并不是什么commonjs或者amd之類的模塊化規(guī)范。webpack就是識別你的 入口文...
-
this的使用
JS中this調(diào)用有幾種情況 一：純粹的函數(shù)調(diào)用 這是函數(shù)的最通常用法，屬于全局性調(diào)用，因此this就代表全局對象Global。 從第二個例子看出來對象中的方法如果通過復(fù)制的...
-
mongodb基本知識
關(guān)系型數(shù)據(jù)庫 比如大家可能熟悉的MySql, Sqlite等等，它的特點(diǎn)是數(shù)據(jù)以表格(table)的形式儲存起來的。數(shù)據(jù)庫由一張張排列整齊的表格構(gòu)成，就好像一個Excel表單...