首先我們來看一個(gè)最簡(jiǎn)單的hello world例子 在babel中轉(zhuǎn)化為如下代碼 打印App()屋摇，返回的對(duì)象就是一個(gè)虛擬DOM 實(shí)現(xiàn)React.createElement 通...
發(fā)簡(jiǎn)信
IP屬地：河南
-
React原理(一)：動(dòng)手實(shí)現(xiàn)React.createElement和ReactDOM.render -
瀏覽器的工作原理從url到頁面發(fā)生了什么?對(duì)這個(gè)經(jīng)典問題秘噪，在搜索引擎中能找到無數(shù)個(gè)答案這篇文章也是我對(duì)這個(gè)問題的一個(gè)階段性總結(jié)寫博客的方式也從復(fù)制粘貼轉(zhuǎn)變到自己分析歸納總結(jié)用戶打開瀏覽器俩功，輸...
-
jQuery動(dòng)畫隊(duì)列
當(dāng)在jQuery對(duì)象上調(diào)用動(dòng)畫方法時(shí)，如果對(duì)象正在執(zhí)行某個(gè)動(dòng)畫效果德挣，那么新調(diào)用的動(dòng)畫方法就會(huì)被添加到動(dòng)畫隊(duì)列中，jQuery會(huì)按順序依次執(zhí)行動(dòng)畫隊(duì)列的每個(gè)動(dòng)畫』秸幔可是如果用戶的...
-
Vue組件學(xué)習(xí)筆記
組件用法 全局注冊(cè)Vue.component('my-component', { //選項(xiàng)})缺點(diǎn)：權(quán)限太大，容錯(cuò)率低 局部注冊(cè)new Vue({ el: '#a...
-
從原型繼承到ES6 class語法
原型 在面向?qū)ο蟮奈恼轮刑徇^的一種設(shè)計(jì)模式-組合使用構(gòu)造函數(shù)模式和原型模式 構(gòu)造函數(shù)用于定義實(shí)例屬性窟赏，原型模式用于定義方法和共享屬性 ES6引入了Calss這個(gè)概念妓柜，作為對(duì)象...
-
從閉包到es6變量聲明
之前學(xué)習(xí)閉包的時(shí)候碰到一道題 var聲明的變量沒有塊級(jí)作用域。所以實(shí)際上這里的i實(shí)際上是定義在全局作用域下的 console.log(window.i) //10 函數(shù)在循環(huán)...
-
面向?qū)ο蟮某绦蛟O(shè)計(jì)構(gòu)造函數(shù)模式 new 操作符創(chuàng)建一個(gè)新對(duì)象將構(gòu)造函數(shù)的作用域賦給新對(duì)象(this指向新對(duì)象)執(zhí)行構(gòu)造函數(shù)中的代碼(為這個(gè)新對(duì)象添加屬性)返回新對(duì)象構(gòu)造函數(shù)創(chuàng)建的對(duì)象有全新的作...
-
js獲取元素位置今天碰到了2個(gè)問題： 如何判斷頁面滾動(dòng)到底部? 如何判斷元素出現(xiàn)在視窗中涯穷？ 老規(guī)矩先打開 MDN 看完一系列屬性一大串的文字解釋棍掐，一臉懵逼。不但沒看懂拷况，還把自己看暈了然后我翻...