Validator校驗器 一、背景 定義一個Validator校驗器，可用于表單驗證，但又與表單組件相互獨立，參數(shù)提供“需要校驗的數(shù)據(jù)”和“校驗規(guī)則”，返回“校驗結(jié)果”。（R...
發(fā)簡信
IP屬地：四川
-
Validator校驗器（解決多個異步檢驗）
-
React之“函數(shù)組件” or “class組件”一、class組件 基本寫法： 關(guān)鍵詞：extends React.Component、constructor(props)、super(props)、render() { ...
-
React Hooks之useState/useReducer（手寫useState）
手寫useState： 總結(jié)： 每個函數(shù)組件對應(yīng)一個React節(jié)點 每個節(jié)點保存著state和index useState會讀取state[index] index由useS...
-
Vue之transitionVue的transition實現(xiàn)動畫效果 Vue 提供了 transition 的封裝組件，可以給任何元素和組件添加進入/離開過渡；在進入/離開的過渡中，會有 6 個 cla...
-
vue中的$attrs對比props
首先需要弄清楚的是： 在vue中父類在使用子類組件時，默認將綁定事件傳給了子類組件的根元素。例：有這樣一個組件： 使用該組件： 以上例子中，click、focus事件的作用范...
-
靜態(tài)服務(wù)器搭建
目的 手寫簡易版搭建一個既能提供靜態(tài)文件，又能處理動態(tài)路由mock數(shù)據(jù)的服務(wù)器。 前提 會用到nodejs的幾個內(nèi)置模塊： 一. 入口，server.js： 本地啟動：nod...
-
理解Event Loop、宏任務(wù)、微任務(wù)官方文檔：The Node.js Event Loop, Timers, and process.nextTick()[%5Bhttps://nodejs.org/en/do...
-
輪子之vue-uploader 圖片上傳圖片上傳思路 選擇圖片： 監(jiān)聽input變化，（選好圖片后點擊確定按鈕就會觸發(fā)）：input.addEventListener('change',...) 通過FormDat...
-
輪子之vue-stickysticky，顧名思義，就是在頁面內(nèi)容滾動時，它將作為一部分內(nèi)容一起滾動，當滾動到一定位置，懸浮于文檔流不再滾動，而滾動回來，又會作為文檔流的一部分一起滾動。需求很好滿足，難...
-
有關(guān)viewport的一二三一、背景 通俗來講，css中的1px對應(yīng)電腦屏幕的1個物理像素，那么css中的像素就是屏幕的物理像素嗎？這只是一個錯覺，而實際上css中的px可以理解為一個抽象單位，在不同設(shè)...
-
Promise、await、async(含手寫Promise/Promise.all)
Promise概念 Promise是異步編程的一種解決方案，將異步操作以同步的流程表達出來，避免了層層嵌套的回調(diào)函數(shù)。 狀態(tài) 三種狀態(tài)：pending（等待）、fulfill...
-
用幾個demo幫助理解JS作用域鏈和聲明前置
聲明前置 變量的聲明前置：指在變量被定義時，會在代碼執(zhí)行之前將變量放在最前面進行初始化。 函數(shù)的聲明前置：會將函數(shù)聲明放在代碼執(zhí)行之前先去生成該函數(shù)，所以函數(shù)聲明受到函數(shù)提升...
-
頁面調(diào)試關(guān)于移動端的一些調(diào)試方法 方法一在頁面選擇手機模式，選擇相應(yīng)機型，進行調(diào)試image.png 方法二http-server:啟動http-server，PC端、移動端連接同一...
-
怎么理解JQuery中的動畫隊列
隊列 隊列是一種具有 ‘先進先出’特性的線性表，即在前端刪除（出），在尾端添加（入）。 在數(shù)組中常用到push給數(shù)組尾端添加元素，shift在數(shù)組前端刪除元素，可以將此看做是...