React服務(wù)端渲染-next.js 前端項(xiàng)目大方向上可以分為兩種模式：前臺(tái)渲染和服務(wù)端渲染掷空。 前臺(tái)渲染-SPA應(yīng)用是一個(gè)主要陣營(yíng)粟耻，如果說(shuō)有什么缺點(diǎn)赞咙，那就是SEO不好伟恶。因?yàn)槟?..
發(fā)簡(jiǎn)信
IP屬地：四川
-
React服務(wù)端渲染-next.js -
【React深入】React事件機(jī)制
關(guān)于React事件的疑問(wèn) 1.為什么要手動(dòng)綁定this 2.React事件和原生事件有什么區(qū)別 3.React事件和原生事件的執(zhí)行順序，可以混用嗎 4.React事件如何解決...
-
React項(xiàng)目國(guó)際化介紹（react-i18next眷蚓、react-intl)
國(guó)際化可以使web站點(diǎn)或者app在不同的國(guó)家或者地區(qū)使用慢逾。可以國(guó)際化的內(nèi)容有文本哪廓，日期狗唉、時(shí)間和數(shù)字的格式，還有貨幣等涡真。目前市場(chǎng)上流行的react國(guó)際化框架主要有react-i...
-
常用的git命令以及利用git進(jìn)行版本控制這段時(shí)間一直在學(xué)習(xí)新的版本控制git分俯，作為從svn過(guò)度過(guò)來(lái)的使用者表示還不太習(xí)慣： 下面是個(gè)人的常用Git命令： //創(chuàng)建用戶(hù) git config --global use...
-
git命令行操作指南（git指令及使用場(chǎng)景詳解及git stash、git branch哆料、git分支關(guān)聯(lián)等）git小白的命令行初體驗(yàn) 現(xiàn)在版本控制使用git的挺多缸剪，之前常用SVN，偶爾使用Git也是使用可視化工具操作（sourcTree东亦，IDE自帶的Git功能）杏节，之前不求甚解，所以...
-
【React.js 20】React性能優(yōu)化React性能優(yōu)化 React性能優(yōu)化主要分三塊： React 組件性能優(yōu)化 屬性傳遞優(yōu)化針對(duì)單組件性能優(yōu)化，很多時(shí)候其實(shí)都是側(cè)重在屬性傳遞優(yōu)化上奋渔，舉幾個(gè)例子： 同理： 或者...
-
react hook性能優(yōu)化：memo镊逝，useCallback阻止不必要的重新渲染在react函數(shù)組件中修改狀態(tài)會(huì)觸發(fā)整個(gè)函數(shù)組件的重載，重載過(guò)程中會(huì)導(dǎo)致函數(shù)中的方法重載和組件重新渲染嫉鲸，這個(gè)過(guò)程中有很多重載和重新渲染是不必要的撑蒜，我們可以使用memo和use...
-
react之a(chǎn)ntd table二次封裝
阿里出品的Ant Design UI組件用起來(lái)可以說(shuō)是很順手的，但是用多了會(huì)發(fā)現(xiàn)有時(shí)候還能更高效一點(diǎn)玄渗，那么我就萌生了對(duì)個(gè)別組件驚醒二次封裝的念頭座菠，接下來(lái)我就介紹下我二次封裝的...
-
React Hook
react 16.8 以后加上了 react hook辈灼，它可以讓你在不編寫(xiě) class 的情況下使用 state 以及其他的 React 特性。16.8之前也榄，react組件可...
-
干貨：關(guān)于Git的超贊講解注：看到掘金上有一篇關(guān)于Git的寫(xiě)的很好的文章巡莹，轉(zhuǎn)載一下，希望能幫助到大家甜紫。若有任何問(wèn)題降宅，可與本人聯(lián)系，如侵必刪囚霸，謝謝腰根。文章出處：一篇文章，教你學(xué)會(huì)Git作者：Ruheng ...
-
公司項(xiàng)目里如何進(jìn)行前后端接口聯(lián)調(diào)
最近我的朋友Jack進(jìn)入一家新的公司拓型，正好公司項(xiàng)目采用的是前后端分離架構(gòu)额嘿，技術(shù)棧是Jack非常熟悉的vue全家桶，后端用的是Java語(yǔ)言劣挫。 在前后端開(kāi)發(fā)人員碰面之后册养，協(xié)商確定...
-
Vue實(shí)現(xiàn)刷新當(dāng)前頁(yè)面，重載頁(yè)面數(shù)據(jù)
前言 前幾天在做個(gè)人播放器項(xiàng)目時(shí)压固，遇到一個(gè)問(wèn)題：在進(jìn)行搜索功能時(shí)球拦，第一次搜索后，在搜素界面再次搜索時(shí)帐我，發(fā)現(xiàn)搜索完成只是hash地址發(fā)生的轉(zhuǎn)換坎炼，但是頁(yè)面的數(shù)據(jù)并沒(méi)有發(fā)生轉(zhuǎn)換，也...
-
前端開(kāi)發(fā)面試必備的13道可以舉一反三的Vue面試題
前言 Vue框架部分我們會(huì)涉及一些高頻且有一定探討價(jià)值的面試題,我們不會(huì)涉及一些非常初級(jí)的在官方文檔就能查看的純記憶性質(zhì)的面試題,比如: vue常用的修飾符? vue-cli...
-
Vuex持久化存儲(chǔ)之vuex-persist
問(wèn)題背景： Vuex 解決了多視圖之間的數(shù)據(jù)共享問(wèn)題拦键。但是運(yùn)用過(guò)程中又帶來(lái)了一個(gè)新的問(wèn)題是谣光，Vuex 的狀態(tài)存儲(chǔ)并不能持久化。也就是說(shuō)當(dāng)你存儲(chǔ)在 Vuex 中的 store ...
-
瀏覽器緩存芬为、HTTP緩存（強(qiáng)緩存抢肛、協(xié)商緩存）狼钮，瀏覽器緩存和CDN的關(guān)系轉(zhuǎn)載至http://www.cnblogs.com/blogbyhuer/p/9335257.html 一、CDN的定義 CDN：Content Delivery Netwo...
-
JavaScript防抖（Debouncing）和節(jié)流（Throttling）
防抖（Debouncing） 假設(shè)你正在坐公交捡絮，當(dāng)公交到站后接到人準(zhǔn)備啟動(dòng)車(chē)之前發(fā)現(xiàn)還有乘客要乘車(chē)熬芜，這時(shí)公交司機(jī)會(huì)按下開(kāi)門(mén)開(kāi)關(guān)，然后讓乘客上公交福稳；如果在坐公交關(guān)門(mén)之前涎拉，又有人...
-
前端性能優(yōu)化網(wǎng)絡(luò)方面： 1、減少http請(qǐng)求（合并js/css文件的圆、雪碧圖鼓拧、使用base64表示簡(jiǎn)單的圖片）；2越妈、減少資源體積（gzip壓縮季俩、js混淆、css壓縮梅掠、圖片壓縮）酌住；3、緩存（...
-
Vue進(jìn)階用法總結(jié)本文目錄： 1.$emit和$on 2.Vue.directive 3.Vue-extend進(jìn)階用法:自定義API 4.Vue.use:掛載插件 5.provide和inje...