介紹 可擴(kuò)展的 JavaScript Web 文本編輯器框架 原理：一個(gè)contentEditable的元素 主要概念 Editor instances 將所有內(nèi)容連接在一起...
發(fā)簡(jiǎn)信
IP屬地：北京
-
Lexical 概念
-
機(jī)器學(xué)習(xí)
視頻學(xué)習(xí)資料推薦： 吳恩達(dá)機(jī)器學(xué)習(xí)：https://www.youtube.com/playlist?list=PLOXON7BTL9IW7Ggbc09jLqGmzkwPI4...
-
SheetJS 筆記
用于前端操作Excel以及類似的二維表，js-xlsx是它的社區(qū)版本文檔地址：https://docs.sheetjs.com/[https://docs.sheetjs.c...
-
React 國(guó)際化
react-i18next 文檔地址：https://react.i18next.com/[https://react.i18next.com/] 安裝包：npm insta...
-
整理項(xiàng)目無(wú)用代碼
unused-files-webpack-plugin Github 地址：https://github.com/tomchentw/unused-files-webpack...
-
React 學(xué)習(xí)筆記
文檔地址：https://react.dev/learn[https://react.dev/learn] react@18.2.0 Add React to a Websi...
-
react-mentions 實(shí)例
需求背景 類似微博評(píng)論功能 @ 用戶的功能 列表中點(diǎn)擊某項(xiàng)，將其插入文本框失焦處 實(shí)現(xiàn) 插件：https://github.com/signavio/react-mentio...
-
React 常見(jiàn) hook
React 創(chuàng)建組件的方式： 類組件 函數(shù)式組件a. 純函數(shù)組件沒(méi)有狀態(tài)b. 純函數(shù)組件沒(méi)有生命周期c. 純函數(shù)組件沒(méi)有thisd. 只能是純函數(shù) 這就注定糠睡，我們所推崇的函數(shù)...
-
@海苔海苔3125 多謝鼓勵(lì)
Vue3 項(xiàng)目實(shí)戰(zhàn)
創(chuàng)建項(xiàng)目 pick a preset：Manually select features1. Check the features: Choose Vue version + ...
-
JS 小知識(shí)點(diǎn)整理
常見(jiàn)操作數(shù)組管呵、字符串 API 字符串API定義用法slice(start, end)用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符，包前不包后哺窄，返回新的 str捐下，不改變?cè)?str...
-
HTML 小知識(shí)點(diǎn)整理
W3C標(biāo)準(zhǔn) DOCTYPE 是 document type 的簡(jiǎn)寫，用來(lái)說(shuō)明你用的 XHTML 或者 HTML 是什么版本萌业。其中的 DTD (例如 xhtml1-transi...
-
CSS 小知識(shí)點(diǎn)整理CSS 盒模型 CSS 盒模型本質(zhì)上是一個(gè)盒子坷襟，盒子包裹著 html 元素。盒子由四個(gè)屬性組成生年，從內(nèi)到外分別是：content 內(nèi)容婴程、padding 內(nèi)填充、border 邊...
-
設(shè)計(jì)模式——JS中的單例模式應(yīng)用
單例模式的定義 保證一個(gè)類僅有一個(gè)實(shí)例抱婉，并提供一個(gè)訪問(wèn)它的全局訪問(wèn)點(diǎn)档叔。 實(shí)現(xiàn)方法 一般是先判斷實(shí)例是否存在，如果存在直接返回蒸绩，不存在就創(chuàng)建了再返回衙四，這就確保了一個(gè)類只有一個(gè)實(shí)...
-
多謝鼓勵(lì)！
簡(jiǎn)單算法
實(shí)現(xiàn) trim 斐波那契數(shù)列 斐波那契數(shù)患亿，通常用 F(n) 表示传蹈，形成的序列稱為斐波那契數(shù)列。該數(shù)列由 0 和 1 開始步藕，后面的每一項(xiàng)數(shù)字都是前面兩項(xiàng)數(shù)字的和惦界。也就是：F(0...
-
簡(jiǎn)單算法
實(shí)現(xiàn) trim 斐波那契數(shù)列 斐波那契數(shù)，通常用 F(n) 表示漱抓，形成的序列稱為斐波那契數(shù)列表锻。該數(shù)列由 0 和 1 開始恕齐，后面的每一項(xiàng)數(shù)字都是前面兩項(xiàng)數(shù)字的和乞娄。也就是：F(0...
-
實(shí)現(xiàn)一個(gè) vue 的雙向綁定
vue2.x 使用 Object.defineProperty() 實(shí)現(xiàn)數(shù)據(jù)的響應(yīng) 原理：遞歸遍歷 data 中的數(shù)據(jù)，使用 Object.defineProperty()[...
-
構(gòu)造函數(shù)显歧、this 指向仪或、函數(shù)防抖和節(jié)流構(gòu)造函數(shù) 構(gòu)造函數(shù) ，是一種特殊的方法士骤。主要用來(lái)在創(chuàng)建對(duì)象時(shí)初始化對(duì)象范删，即為對(duì)象成員變量賦初始值，總與 new 運(yùn)算符一起使用在創(chuàng)建對(duì)象的語(yǔ)句中拷肌。沒(méi)有返回值到旦，不能被直接調(diào)用旨巷，...
-
簡(jiǎn)單實(shí)現(xiàn)一個(gè)Virtual DOM
思路 定義一個(gè)類，用來(lái)創(chuàng)建 DOM 元素(element.js)添忘，含標(biāo)簽名采呐、節(jié)點(diǎn)屬性(包含樣式、屬性搁骑、事件)斧吐、子節(jié)點(diǎn)、標(biāo)識(shí) id; 比較新舊 DOM 樹的差異(diff.js...
-
HTML標(biāo)簽的相關(guān)操作判斷
統(tǒng)計(jì)HTML標(biāo)簽中以b開頭的標(biāo)簽數(shù)量 統(tǒng)計(jì)HTML標(biāo)簽中出現(xiàn)次數(shù)最多的標(biāo)簽 判斷DOM標(biāo)簽的合法性 如標(biāo)簽的閉合仲器、span里面不能有div煤率、其他符合HTML標(biāo)簽合法性的規(guī)則等...