gird和flex各自的應(yīng)用場景 1.要考慮，是一維布局 還是 二維布局 一般來說，一維布局用flex，二維布局用grid 2.是從內(nèi)容出發(fā)還是從布局出發(fā) 從內(nèi)容出發(fā)：你先有...
發(fā)簡信
IP屬地：廣東
-
Flex與Grid如何選擇
-
新的 CSS 屬性：aspect-ratio 為元素設(shè)置寬高比
.img_container { width: 100%; aspect-ratio: 16 / 9; } 用于防止圖片加載后對(duì)頁面布局的影響，亦可用于媒體查詢
-
Vue動(dòng)態(tài)路由的坑點(diǎn)
對(duì)于動(dòng)態(tài)路由/user/:name，組件為 User 操作 1：從其他頁面跳轉(zhuǎn)到/user/duke操作 2：從/user/duke跳轉(zhuǎn)到/user/lemon操作 3：從u...
-
實(shí)現(xiàn)一個(gè)輪詢函數(shù)
要求 函數(shù)接收兩個(gè)函數(shù)為參數(shù)，一個(gè)返回boolean值的功能函數(shù)，第二個(gè)是功能函數(shù)返回true時(shí)需要執(zhí)行的回調(diào)函數(shù)。初始等待 1 秒后執(zhí)行，不成功則增加 50%的等待時(shí)間，再...
-
實(shí)現(xiàn)深拷貝deepCopy函數(shù)
實(shí)現(xiàn) 測試 以下是針對(duì)拷貝前后的數(shù)據(jù)，取任意層級(jí)的引用數(shù)據(jù)類型屬性值進(jìn)行對(duì)比是否相等，或者修改新數(shù)據(jù)是否會(huì)影響原數(shù)據(jù)
-
關(guān)于for..in..你必須知道的事
先說結(jié)論：for..in..會(huì)遍歷對(duì)象的自有屬性及其原型鏈上的屬性，所以要保證預(yù)期的話可以用obj.hasOwnProperty(key)去判斷是否是對(duì)象的自有屬性。 我們知...
-
調(diào)試React源碼的前期準(zhǔn)備工作
拉取源碼 最好有梯子 安裝依賴 如果在執(zhí)行 yarn的過程中拋錯(cuò)，需要執(zhí)行（Mac，Windows就不知道了） 沒有安裝 brew 的需要安裝 brew 打包react、sc...
-
需要mac版的請(qǐng)私信我你的郵箱
Typora歷史版本
Mac官網(wǎng)歷史版本： https://typora.io/dev_release.html[https://typora.io/dev_release.html]最新免費(fèi)版本...
-
Typora歷史版本
Mac官網(wǎng)歷史版本： https://typora.io/dev_release.html[https://typora.io/dev_release.html]最新免費(fèi)版本...
-
Axios核心原理解析
使用者 - 導(dǎo)入axios axios源碼 - 創(chuàng)建axios實(shí)例/返回axios實(shí)例 我們導(dǎo)入的是利用默認(rèn)配置生成的一個(gè)axios實(shí)例 使用者 - 配置實(shí)例基本配置 axi...
-
echarts自定義矢量icon(實(shí)用+簡便)https://echarts.apache.org/zh/option.html#legend.data.icon[https://echarts.apache.org/z...
-
React函數(shù)組件優(yōu)化
主要針對(duì)于函數(shù)組件，父組件重渲染時(shí)，減少子組件不必要的渲染。 性能優(yōu)化方向 1.減少重新 render 的次數(shù) 2.減少計(jì)算的量 組件重新渲染的原因 1.組件自己的狀態(tài)改變 ...
-
redux types模塊化-解決命名沖突
實(shí)現(xiàn) redux 中 action.type 按照組件分類實(shí)現(xiàn)模塊化，解決不同組件下 types 的命名沖突。這里提供兩種方案： 項(xiàng)目目錄結(jié)構(gòu) 第一種方案：利用 Symbol...
-
ClassComponent和PureComponent的區(qū)別結(jié)論在最后。 為了探究React 中 Component 和 PureComponent 的區(qū)別，我們創(chuàng)建一個(gè)父組件(Component 組件)，一個(gè)子組件(PureComp...
-
"extract-text-webpack-plugin" loader is used without the corresponding plugin
"extract-text-webpack-plugin" loader is used without the corresponding plugin 解決 webpac...