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