首先我們來看一個(gè)最簡單的hello world例子 在babel中轉(zhuǎn)化為如下代碼 打印App()父晶，返回的對象就是一個(gè)虛擬DOM 實(shí)現(xiàn)React.createElement 通...
發(fā)簡信
IP屬地：香港
-
React原理(一)：動(dòng)手實(shí)現(xiàn)React.createElement和ReactDOM.render -
瀏覽器的工作原理從url到頁面發(fā)生了什么?對這個(gè)經(jīng)典問題氢橙，在搜索引擎中能找到無數(shù)個(gè)答案這篇文章也是我對這個(gè)問題的一個(gè)階段性總結(jié)寫博客的方式也從復(fù)制粘貼轉(zhuǎn)變到自己分析歸納總結(jié)用戶打開瀏覽器读恃，輸...
-
-
從原型繼承到ES6 class語法
原型 在面向?qū)ο蟮奈恼轮刑徇^的一種設(shè)計(jì)模式-組合使用構(gòu)造函數(shù)模式和原型模式 構(gòu)造函數(shù)用于定義實(shí)例屬性，原型模式用于定義方法和共享屬性 ES6引入了Calss這個(gè)概念灵寺，作為對象...
-
從閉包到es6變量聲明
之前學(xué)習(xí)閉包的時(shí)候碰到一道題 var聲明的變量沒有塊級作用域曼库。所以實(shí)際上這里的i實(shí)際上是定義在全局作用域下的 console.log(window.i) //10 函數(shù)在循環(huán)...
-
Vue組件學(xué)習(xí)筆記
組件用法 全局注冊Vue.component('my-component', { //選項(xiàng)})缺點(diǎn)：權(quán)限太大，容錯(cuò)率低 局部注冊new Vue({ el: '#a...
-
愿你在框架橫生的前端界，保持初心叮称； 萬變不離其宗种玛，Javascript 與你同行。 投稿須知： 1瓤檐、文章不少于500字赂韵，杜絕純圖片或純代碼片段； 2距帅、主題清晰右锨，文章思路分析透徹，有始有終碌秸，通俗易懂绍移； 3悄窃、前端相關(guān)技術(shù)文章； 4蹂窖、原創(chuàng)優(yōu)先轧抗；
-
-
面向?qū)ο蟮某绦蛟O(shè)計(jì)構(gòu)造函數(shù)模式 new 操作符創(chuàng)建一個(gè)新對象將構(gòu)造函數(shù)的作用域賦給新對象(this指向新對象)執(zhí)行構(gòu)造函數(shù)中的代碼(為這個(gè)新對象添加屬性)返回新對象構(gòu)造函數(shù)創(chuàng)建的對象有全新的作...
-
函數(shù)防抖與函數(shù)節(jié)流
函數(shù)防抖（debounce） 原理：在事件被觸發(fā)n秒后再執(zhí)行回調(diào)灯蝴，如果在這n秒內(nèi)又被觸發(fā)，則重新計(jì)時(shí)孝宗。 函數(shù)節(jié)流（throttle） 原理： 規(guī)定一個(gè)單位時(shí)間穷躁，在這個(gè)單位時(shí)間...
-
js獲取元素位置今天碰到了2個(gè)問題： 如何判斷頁面滾動(dòng)到底部? 如何判斷元素出現(xiàn)在視窗中？ 老規(guī)矩先打開 MDN 看完一系列屬性一大串的文字解釋因妇，一臉懵逼。不但沒看懂婚被，還把自己看暈了然后我翻...
-
jQuery動(dòng)畫隊(duì)列
當(dāng)在jQuery對象上調(diào)用動(dòng)畫方法時(shí)址芯，如果對象正在執(zhí)行某個(gè)動(dòng)畫效果灾茁，那么新調(diào)用的動(dòng)畫方法就會(huì)被添加到動(dòng)畫隊(duì)列中谷炸，jQuery會(huì)按順序依次執(zhí)行動(dòng)畫隊(duì)列的每個(gè)動(dòng)畫删顶∈缋龋可是如果用戶的...
-
同源策略及跨域解決方案
瀏覽器的同源策略 同源策略限制了從一個(gè)源加載的文檔和腳本如何與另外一個(gè)源的資源進(jìn)行交互（ 對于當(dāng)前頁面來說頁面存放的 JS 文件的域不重要季惩，重要的是加載該 JS 頁面所在什么...
-
HTML, CSS編碼規(guī)范
HTML 語義與呈現(xiàn)分離將元素的語義與元素對其內(nèi)容呈現(xiàn)結(jié)果的影響分開 元素選用原則少即是多（less is more）標(biāo)記只應(yīng)該應(yīng)內(nèi)容對語義的需要使用画拾。tips:問問自己打算...
-
理解JavaScript運(yùn)行機(jī)制（單線程青抛、異步模式）
在之前的博客中旗闽，我們認(rèn)識了瀏覽器是如何渲染頁面的？适室。今天來學(xué)習(xí)JavaScript在瀏覽器中的運(yùn)行機(jī)制嫡意。 瀏覽器的渲染進(jìn)程是多線程的 GUI渲染進(jìn)程負(fù)責(zé)渲染瀏覽器界面，解析H...
-
數(shù)組方法的總結(jié)
檢測數(shù)組 Array.isArray() 用于確定傳遞的值是否是一個(gè)數(shù)組.返回布爾值 轉(zhuǎn)換方法 tostring() toString() 返回由數(shù)組中每個(gè)值的字符串形式拼接...
-
理解執(zhí)行環(huán)境和作用域
執(zhí)行環(huán)境/執(zhí)行上下文(Execution Context) 執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問的數(shù)據(jù)汽畴。 每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對象(variable object)...
-
認(rèn)識JS隱式類型轉(zhuǎn)換
先來看看幾個(gè)例子 因?yàn)閖s比較靈活和寬容旧巾，所以在一些操作符下其數(shù)據(jù)類型會(huì)做一下類型轉(zhuǎn)換再計(jì)算而不是報(bào)錯(cuò)。if(xxx) 判斷和 == +都是比較常見的存在隱式類型轉(zhuǎn)換的操作忍些，...
-
若愚绳匀，饑人谷
