使用過 office 文檔的同學(xué)一定知道他的便捷把介，不僅可以很好的編輯文檔，還可以賦予它一定的格式蟋座、段落拗踢、縮進(jìn)，還可以使用圖片等等向臀。 如果我們在 web 上也想要實(shí)現(xiàn)這樣的效果...
發(fā)簡信
IP屬地：北京
-
簡單的實(shí)現(xiàn)一個富文本編輯器 -
如何向 js 文件中插入一段代碼巢墅？
前端開發(fā)過程當(dāng)中，總會有一些機(jī)械重復(fù)的工作要做券膀，比如：新建文件夾君纫，新建一個 ts 文件，新建一個樣式文件芹彬，向已有的菜單文件中增加新建的文件蓄髓，初始化等等。這些繁復(fù)的工作雖然不復(fù)...
-
前端如何保證 ui 效果一致性雀监？前端開發(fā)時經(jīng)常會碰到需要還原設(shè)計(jì)稿而帶來的兼容性的問題双吆，有的問題可以根據(jù)不同的機(jī)型不同的系統(tǒng)做出調(diào)整眨唬，而有的問題則需要工程師有很深的功底才可解決会前，如何在不同的客戶端保證一致的...
-
按需加載
隨著 web 網(wǎng)頁的流行，越來越多的人選擇使用網(wǎng)頁來代替?zhèn)鹘y(tǒng)的 APP匾竿，隨之而來的就是網(wǎng)頁越來越龐大瓦宜，前端性能的問題尤其顯現(xiàn)。一些大的項(xiàng)目都會做一些性能優(yōu)化來提高訪問速度岭妖，以...
-
dumi隨著業(yè)務(wù)的擴(kuò)展和公司品牌的重視临庇，我們會發(fā)現(xiàn)越來越多的業(yè)務(wù)需要重新整合，這時候需要我們提供一些底層的能力來支撐未來更復(fù)雜的設(shè)計(jì)昵慌，和優(yōu)化我們的產(chǎn)研結(jié)構(gòu)假夺、工作方向。 打造底層能力重...
-
React 中操作 DOM 的方法在以往的工作當(dāng)中斋攀，通常會遇到需要處理 DOM 的時候已卷，DOM 操作屬于一個常規(guī)的范疇，我們可能需要通過它綁定一個事件淳蔼、調(diào)整滾動條的位置侧蘸、管理焦點(diǎn)裁眯、文本選擇、媒體播放等等讳癌。 基...
-
如何快速書寫文檔
當(dāng)我們在完成一個任務(wù)時穿稳，會習(xí)慣性地留些文案來記錄整個過程，一是方便我們以后追溯之前為何會這么做晌坤，會帶來什么樣的影響逢艘，以及以后該怎么做；二來可以方便新人在剛接觸時能夠快速了解骤菠。...
-
單元測試
作為一個前端程序猿埋虹，在日常工作當(dāng)中可能會遇到定制化地封裝想要的組件的情況，此時我們寫了很多行的代碼娩怎，卻并沒有測試給我們回歸搔课，如果只靠我們自己保證質(zhì)量，難免有漏掉的情況發(fā)生截亦，這...
-
Next.js最近在寫組件庫爬泥，關(guān)注到了 Next.js，項(xiàng)目中也正在使用崩瓤，現(xiàn)在把它整理成文檔記錄一下袍啡，也希望可以幫助需要的同學(xué)。 那么却桶，什么是 Next.js 境输？ 它是一個 React 開...
-
Nginx
作為一名前端開發(fā)程序猿，有的時候會遇到一個單體應(yīng)用的部署颖系，當(dāng)我們開發(fā)完一個應(yīng)用并上傳到遠(yuǎn)端后嗅剖，需要給這個目錄指定一個單獨(dú)的域名方便調(diào)用。 此時嘁扼，Nginx 是一個很好的選擇信粮。...
-
React 17隨著 React 17 的發(fā)布，我們會驚訝地發(fā)現(xiàn)趁啸，v17 版本的最大特性是無新特性强缘。因?yàn)樗鼪]有添加任何面向開發(fā)人員的新功能，而是專注在了如何簡化 React 本身的升級不傅。 R...
-
React Fiber隨著 React 16 的發(fā)布旅掂，Hooks 的正式上線，很多小伙伴都很興奮访娶，都想要嘗試這一新的特性商虐，升級 React 的意愿越來越強(qiáng)烈了。 我們都知道 React 是一個優(yōu)秀...
-
前端性能測試前言 當(dāng)一個站點(diǎn)內(nèi)容非常豐富，功能非常強(qiáng)大時称龙，它所需要加載的文件會是非常龐大的留拾，打開站點(diǎn)對網(wǎng)絡(luò)的要求會很高，在弱網(wǎng)的情況下打開它會有更長時間的等待鲫尊，對用戶來說是非常不友好的痴柔，...
-
前端微服務(wù)介紹 前端領(lǐng)域一直在不斷的發(fā)展，傳統(tǒng)的 jQuery + Backbone + Bootstrap MVC 解決方案逐漸被 Angular疫向、Ember咳蔚、React、Vue 等...
-
初談 React SSR什么是 SSR? Server Slide Rendering搔驼，縮寫為 SSR 即服務(wù)器端渲染谈火。 現(xiàn)在很多的前端項(xiàng)目都是單頁應(yīng)用，為了良好的用戶體驗(yàn)和前后端分離舌涨，我們會單獨(dú)創(chuàng)...
-
解決 git cannot create 'refs/remotes/origin/*' 報錯Git 是一個開源的分布式版本控制系統(tǒng)糯耍，用于敏捷高效地處理任何或小或大的項(xiàng)目。現(xiàn)在有很多的公司都在使用囊嘉，我的公司也使用了 Git温技。學(xué)會 Git 幾乎成了開發(fā)者的必備技能，有很...
-
實(shí)現(xiàn)一個 PWA 應(yīng)用PWA 的英文全稱是 Progressive Web Apps扭粱，中文翻譯過來就是漸進(jìn)式 Web 應(yīng)用舵鳞。Google 在 2015 年開始推廣這類無需下載的應(yīng)用，運(yùn)用現(xiàn)代的 ...
-
immutability-helper前言 剛剛使用 React 的小伙伴可能會遇到琢蛤，明明更新了 state 蜓堕，為什么不渲染呢？ 一時不清楚為什么博其，就把所有的可能性都調(diào)試了一遍套才，還是沒有任何頭緒，后來通過一位資深...
-
React DnD前言 前面文章中我寫過 react-smooth-dnd 的拖拽贺奠，它是基于 React DnD 庫實(shí)現(xiàn)霜旧，將 React DnD 重新封裝，可以直接使用它來進(jìn)行排序儡率，排序的結(jié)果...
-
React-smooth-dnd
前段時間，項(xiàng)目里有一個新的需求是關(guān)于三級拖拽的以清，我本身也在參與其它項(xiàng)目的開發(fā)儿普，并沒有時間做技術(shù)調(diào)研，慶幸同事有人做過相似需求的開發(fā)掷倔，經(jīng)過同事的技術(shù)支持眉孩，在需求規(guī)定的時間內(nèi)完成...