使用過(guò) office 文檔的同學(xué)一定知道他的便捷，不僅可以很好的編輯文檔，還可以賦予它一定的格式、段落、縮進(jìn)，還可以使用圖片等等。 如果我們?cè)?web 上也想要實(shí)現(xiàn)這樣的效果...
發(fā)簡(jiǎn)信
IP屬地：北京
-
簡(jiǎn)單的實(shí)現(xiàn)一個(gè)富文本編輯器 -
如何向 js 文件中插入一段代碼？
前端開(kāi)發(fā)過(guò)程當(dāng)中，總會(huì)有一些機(jī)械重復(fù)的工作要做，比如：新建文件夾，新建一個(gè) ts 文件，新建一個(gè)樣式文件，向已有的菜單文件中增加新建的文件，初始化等等。這些繁復(fù)的工作雖然不復(fù)...
-
前端如何保證 ui 效果一致性？前端開(kāi)發(fā)時(shí)經(jīng)常會(huì)碰到需要還原設(shè)計(jì)稿而帶來(lái)的兼容性的問(wèn)題，有的問(wèn)題可以根據(jù)不同的機(jī)型不同的系統(tǒng)做出調(diào)整，而有的問(wèn)題則需要工程師有很深的功底才可解決，如何在不同的客戶端保證一致的...
-
按需加載
隨著 web 網(wǎng)頁(yè)的流行，越來(lái)越多的人選擇使用網(wǎng)頁(yè)來(lái)代替?zhèn)鹘y(tǒng)的 APP，隨之而來(lái)的就是網(wǎng)頁(yè)越來(lái)越龐大，前端性能的問(wèn)題尤其顯現(xiàn)。一些大的項(xiàng)目都會(huì)做一些性能優(yōu)化來(lái)提高訪問(wèn)速度，以...
-
dumi隨著業(yè)務(wù)的擴(kuò)展和公司品牌的重視，我們會(huì)發(fā)現(xiàn)越來(lái)越多的業(yè)務(wù)需要重新整合，這時(shí)候需要我們提供一些底層的能力來(lái)支撐未來(lái)更復(fù)雜的設(shè)計(jì)，和優(yōu)化我們的產(chǎn)研結(jié)構(gòu)、工作方向。 打造底層能力重...
-
React 中操作 DOM 的方法在以往的工作當(dāng)中，通常會(huì)遇到需要處理 DOM 的時(shí)候，DOM 操作屬于一個(gè)常規(guī)的范疇，我們可能需要通過(guò)它綁定一個(gè)事件、調(diào)整滾動(dòng)條的位置、管理焦點(diǎn)、文本選擇、媒體播放等等。 基...
-
如何快速書(shū)寫(xiě)文檔
當(dāng)我們?cè)谕瓿梢粋€(gè)任務(wù)時(shí)，會(huì)習(xí)慣性地留些文案來(lái)記錄整個(gè)過(guò)程，一是方便我們以后追溯之前為何會(huì)這么做，會(huì)帶來(lái)什么樣的影響，以及以后該怎么做；二來(lái)可以方便新人在剛接觸時(shí)能夠快速了解。...
-
單元測(cè)試
作為一個(gè)前端程序猿，在日常工作當(dāng)中可能會(huì)遇到定制化地封裝想要的組件的情況，此時(shí)我們寫(xiě)了很多行的代碼，卻并沒(méi)有測(cè)試給我們回歸，如果只靠我們自己保證質(zhì)量，難免有漏掉的情況發(fā)生，這...
-
Next.js最近在寫(xiě)組件庫(kù)，關(guān)注到了 Next.js，項(xiàng)目中也正在使用，現(xiàn)在把它整理成文檔記錄一下，也希望可以幫助需要的同學(xué)。 那么，什么是 Next.js ？ 它是一個(gè) React 開(kāi)...
-
Nginx
作為一名前端開(kāi)發(fā)程序猿，有的時(shí)候會(huì)遇到一個(gè)單體應(yīng)用的部署，當(dāng)我們開(kāi)發(fā)完一個(gè)應(yīng)用并上傳到遠(yuǎn)端后，需要給這個(gè)目錄指定一個(gè)單獨(dú)的域名方便調(diào)用。 此時(shí)，Nginx 是一個(gè)很好的選擇。...
-
React 17隨著 React 17 的發(fā)布，我們會(huì)驚訝地發(fā)現(xiàn)，v17 版本的最大特性是無(wú)新特性。因?yàn)樗鼪](méi)有添加任何面向開(kāi)發(fā)人員的新功能，而是專注在了如何簡(jiǎn)化 React 本身的升級(jí)。 R...
-
React Fiber隨著 React 16 的發(fā)布，Hooks 的正式上線，很多小伙伴都很興奮，都想要嘗試這一新的特性，升級(jí) React 的意愿越來(lái)越強(qiáng)烈了。 我們都知道 React 是一個(gè)優(yōu)秀...
-
前端性能測(cè)試前言 當(dāng)一個(gè)站點(diǎn)內(nèi)容非常豐富，功能非常強(qiáng)大時(shí)，它所需要加載的文件會(huì)是非常龐大的，打開(kāi)站點(diǎn)對(duì)網(wǎng)絡(luò)的要求會(huì)很高，在弱網(wǎng)的情況下打開(kāi)它會(huì)有更長(zhǎng)時(shí)間的等待，對(duì)用戶來(lái)說(shuō)是非常不友好的，...
-
前端微服務(wù)介紹 前端領(lǐng)域一直在不斷的發(fā)展，傳統(tǒng)的 jQuery + Backbone + Bootstrap MVC 解決方案逐漸被 Angular、Ember、React、Vue 等...
-
初談 React SSR什么是 SSR? Server Slide Rendering，縮寫(xiě)為 SSR 即服務(wù)器端渲染。 現(xiàn)在很多的前端項(xiàng)目都是單頁(yè)應(yīng)用，為了良好的用戶體驗(yàn)和前后端分離，我們會(huì)單獨(dú)創(chuàng)...
-
解決 git cannot create 'refs/remotes/origin/*' 報(bào)錯(cuò)Git 是一個(gè)開(kāi)源的分布式版本控制系統(tǒng)，用于敏捷高效地處理任何或小或大的項(xiàng)目?，F(xiàn)在有很多的公司都在使用，我的公司也使用了 Git。學(xué)會(huì) Git 幾乎成了開(kāi)發(fā)者的必備技能，有很...
-
實(shí)現(xiàn)一個(gè) PWA 應(yīng)用PWA 的英文全稱是 Progressive Web Apps，中文翻譯過(guò)來(lái)就是漸進(jìn)式 Web 應(yīng)用。Google 在 2015 年開(kāi)始推廣這類無(wú)需下載的應(yīng)用，運(yùn)用現(xiàn)代的 ...
-
immutability-helper前言 剛剛使用 React 的小伙伴可能會(huì)遇到，明明更新了 state ，為什么不渲染呢？ 一時(shí)不清楚為什么，就把所有的可能性都調(diào)試了一遍，還是沒(méi)有任何頭緒，后來(lái)通過(guò)一位資深...
-
React DnD前言 前面文章中我寫(xiě)過(guò) react-smooth-dnd 的拖拽，它是基于 React DnD 庫(kù)實(shí)現(xiàn)，將 React DnD 重新封裝，可以直接使用它來(lái)進(jìn)行排序，排序的結(jié)果...
-
React-smooth-dnd
前段時(shí)間，項(xiàng)目里有一個(gè)新的需求是關(guān)于三級(jí)拖拽的，我本身也在參與其它項(xiàng)目的開(kāi)發(fā)，并沒(méi)有時(shí)間做技術(shù)調(diào)研，慶幸同事有人做過(guò)相似需求的開(kāi)發(fā)，經(jīng)過(guò)同事的技術(shù)支持，在需求規(guī)定的時(shí)間內(nèi)完成...