如果覺得還有點(diǎn)用，請您給我一個(gè)贊变姨！您的贊是我堅(jiān)持下去的動(dòng)力！ 目標(biāo)：理解原型鏈及實(shí)現(xiàn)類的功能 先看一段代碼輸出結(jié)果然后再來分析 這里順便對(duì)比一下class的區(qū)別,可以發(fā)現(xiàn)類的...
發(fā)簡信
IP屬地：上海
-
Js原型鏈及繼承 proto、prototype的關(guān)系 -
Js常用的算法教程 深度廣度熬北、冒泡選擇旺嬉、防抖荆忍、節(jié)流啃擦、二分查找
如果覺得還有點(diǎn)用囊蓝，請您給我一個(gè)贊！您的贊是我堅(jiān)持下去的動(dòng)力令蛉！ 深度遍歷 拿DOM作為遍歷對(duì)象聚霜，實(shí)現(xiàn)2種遍歷方法案例 廣度遍歷 防抖 原理：函數(shù)在調(diào)用倒計(jì)時(shí)n時(shí)間內(nèi)沒有重復(fù)調(diào)用...
-
瀏覽器加載web流程 - 如何優(yōu)化首屏?xí)r間如果覺得還有點(diǎn)用，請您給我一個(gè)贊珠叔！您的贊是我堅(jiān)持下去的動(dòng)力蝎宇！ 下面這張圖給大家略形象的解釋了我們前端開發(fā)需要了解的瀏覽器加載的關(guān)鍵節(jié)點(diǎn) 總結(jié)一下1、幾個(gè)load事件調(diào)用先后順...
-
字符轉(zhuǎn)義encode了解多少祷安？encodeURI姥芥、encodeURIComponent、escape辆憔、RFC3986如果覺得還有點(diǎn)用撇眯，請您給我一個(gè)贊报嵌！您的贊是我堅(jiān)持下去的動(dòng)力虱咧！ 一張圖了解 encodeURI、encodeURIComponent锚国、escape腕巡、RFC3986 的區(qū)別 總結(jié)...
-
Js設(shè)計(jì)模式,工廠、訂閱血筑、單體绘沉、觀察者等
如果覺得還有點(diǎn)用，請您給我一個(gè)贊豺总！您的贊是我堅(jiān)持下去的動(dòng)力车伞！ 為了不為學(xué)習(xí)設(shè)計(jì)模式而學(xué)習(xí)設(shè)計(jì)模式,我們從實(shí)際運(yùn)用的角度來看一下常用的設(shè)計(jì)模式,我會(huì)用盡量少的代碼來描述設(shè)計(jì)模式...
-
SASS實(shí)用技巧mixin、include喻喳、function另玖、%等
如果覺得還有點(diǎn)用，請您給我一個(gè)贊！您的贊是我堅(jiān)持下去的動(dòng)力谦去！ 占位符選擇器 % - 適用于一個(gè)樣式多個(gè)選擇器共用 /******sass******/ %big{fon...
-
CSS常用樣式及不常用的隱藏屬性如果覺得還有點(diǎn)用慷丽，請您給我一個(gè)贊！您的贊是我堅(jiān)持下去的動(dòng)力 滾動(dòng)條樣式 設(shè)置id為box的dom滾動(dòng)條樣式鳄哭，要求在內(nèi)容超出的時(shí)候顯示滾動(dòng)條要糊，內(nèi)容不超出的時(shí)候隱藏滾動(dòng)條 CSS...
-
JS正則表達(dá)式從入門到夠用
如果覺得還有點(diǎn)用，請您給我一個(gè)贊妆丘！您的贊是我堅(jiān)持下去的動(dòng)力 設(shè)想我們是否遇到這些問題锄俄？ 一個(gè)url的參數(shù)列表var str= "?am_id=2&approach=test&...
-
使用v-for時(shí):key的作用
如果覺得還有點(diǎn)用，請您給我一個(gè)贊勺拣！您的贊是我堅(jiān)持下去的動(dòng)力 我們使用一個(gè)案例來分析珊膜，上代碼，我利用transition來讓大家直觀的看到dom有沒有被刪除或增加 然后當(dāng)點(diǎn)擊按...
-
js變量類型如果覺得還有點(diǎn)用宣脉，請您給我一個(gè)贊车柠！您的贊是我堅(jiān)持下去的動(dòng)力 常用的類型判斷方法有 target.constructor === Object判斷target變量的constr...
-
this到底指向的是誰？箭頭函數(shù)和普通函數(shù)中的this
如果覺得還有點(diǎn)用塑猖，請您給我一個(gè)贊竹祷！您的贊是我堅(jiān)持下去的動(dòng)力 myobj.getCount() myobjmyobj.getCountArrow() windowmyobj.g...
-
組件懶加載及加載指示器處理加載狀態(tài)
如果覺得還有點(diǎn)用，請您給我一個(gè)贊羊苟！您的贊是我堅(jiān)持下去的動(dòng)力 環(huán)境：react 16.11.0 實(shí)現(xiàn)組件的懶加載以及加載中狀態(tài)的處理 實(shí)現(xiàn)路由頁面的懶加載 如果覺得還有點(diǎn)用塑陵，請...
-
音頻和視頻自動(dòng)播放問題
如果覺得還有點(diǎn)用，請您給我一個(gè)贊蜡励！您的贊是我堅(jiān)持下去的動(dòng)力 視頻自動(dòng)播放 使用video播放mp4時(shí)令花，如果沒有自動(dòng)播放，原因是因?yàn)闉g覽器禁止視頻附帶的音樂在沒有用戶操作的前提...
-
rem和viewport輕松解決屏幕適配
如果覺得還有點(diǎn)用凉倚，請您給我一個(gè)贊兼都！您的贊是我堅(jiān)持下去的動(dòng)力 拋棄media查詢當(dāng)你期望你的站點(diǎn)在任何屏幕下都按設(shè)計(jì)稿的原始比例展示的時(shí)候，這里提供2種方案稽寒，分別是:viewp...
-
React類組件和函數(shù)組件區(qū)別對(duì)比使用
如果覺得還有點(diǎn)用扮碧，請您給我一個(gè)贊！您的贊是我堅(jiān)持下去的動(dòng)力 環(huán)境：react 16.12.0 這里將會(huì)用類和函數(shù)組件2種方法實(shí)現(xiàn)同一目標(biāo)來對(duì)比他們的區(qū)別 目錄 子組件向父組件...
-
React中使用Vue的slot插槽功能
如果覺得還有點(diǎn)用杏糙，請您給我一個(gè)贊慎王！您的贊是我堅(jiān)持下去的動(dòng)力 在vue中經(jīng)常使用的slot功能在react下其實(shí)非常容易實(shí)現(xiàn) 場景案例：我們假設(shè)有個(gè)Panel組件，然后暴露一個(gè)...
-
js異常捕獲
如果覺得還有點(diǎn)用宏侍，請您給我一個(gè)贊赖淤！您的贊是我堅(jiān)持下去的動(dòng)力 常用的3種異常捕獲方式 1、listener監(jiān)聽 特點(diǎn): 利用冒泡階段的捕獲谅河，可以捕獲到 等標(biāo)簽的資源加載失敗的o...
-
web常見的三種屏幕布局方案
如果覺得還有點(diǎn)用咱旱，請您給我一個(gè)贊嗜愈！您的贊是我堅(jiān)持下去的動(dòng)力 經(jīng)常聽到有人拿到設(shè)計(jì)稿時(shí)(特別是做移動(dòng)端的人拿到pc端時(shí))不知道該用什么方法做布局，所以我做了3套動(dòng)效展示給大家來...