我是按照掘金上flutter入門教程 https://juejin.cn/book/7212822723330834487/section/72125631140494049...
IP屬地：四川
-
flutter 環(huán)境搭建踩坑記錄 -
react性能優(yōu)化和實(shí)踐
為什么要性能優(yōu)化 從react16開始，react組件渲染到頁(yè)面上經(jīng)過調(diào)度，協(xié)調(diào)，渲染的過程。在其中協(xié)調(diào)（reconcile）過程中，react會(huì)對(duì)遞歸地新舊虛擬dom進(jìn)行d...
-
愿意為你解答關(guān)于簡(jiǎn)書鉆的一切疑問~<br><br>買簡(jiǎn)書會(huì)員 <a href="http://www.itdecent.cn/mobile/club?ref=676146d9" target="_blank">http://www.itdecent.cn/mobile/club?ref=676146d9</a>
-
基于React hooks的虛擬滾動(dòng)組件封裝背景 云倉(cāng)數(shù)據(jù)大盤中采購(gòu)單和訂單列表存在一單多貨的情況，無法使用egGrid組件。分頁(yè)每一頁(yè)數(shù)據(jù)量較大時(shí)，一次性渲染大量dom，勢(shì)必造成頁(yè)面卡頓。 原理 無論頁(yè)面中有多少條數(shù)...
-
關(guān)于async和defer的比較總結(jié)相同1: 用于外部腳本文件2: 異步下載腳本文件不同1.執(zhí)行時(shí)機(jī)：defer html解析之后 DomContentLoaded之前async 可能在DomContentLo...
-
React 源碼調(diào)試環(huán)境搭建為了更深入的學(xué)習(xí)react源碼，直接進(jìn)行斷點(diǎn)調(diào)試是一個(gè)不錯(cuò)的手段。因此，我們需要搭建一個(gè)調(diào)試環(huán)境。 下載源碼 首先，我們從github上把源碼down下來。react源碼在g...
-
接口最小響應(yīng)時(shí)間和接口超時(shí)時(shí)間有什么區(qū)別嗎
前端通用請(qǐng)求層封裝
什么決定了一個(gè)項(xiàng)目架構(gòu)設(shè)計(jì)的好壞？很多優(yōu)秀的項(xiàng)目構(gòu)架都是基于分層的思想，比如開放互聯(lián)的網(wǎng)絡(luò)協(xié)議，分層方便我們快速調(diào)整以及功能的豐富。在前端項(xiàng)目中，我們也會(huì)做一些通用的邏輯設(shè)計(jì)...
-
重新請(qǐng)求次數(shù)設(shè)置
前端通用請(qǐng)求層封裝
什么決定了一個(gè)項(xiàng)目架構(gòu)設(shè)計(jì)的好壞？很多優(yōu)秀的項(xiàng)目構(gòu)架都是基于分層的思想，比如開放互聯(lián)的網(wǎng)絡(luò)協(xié)議，分層方便我們快速調(diào)整以及功能的豐富。在前端項(xiàng)目中，我們也會(huì)做一些通用的邏輯設(shè)計(jì)...
-
create-react-app 項(xiàng)目配置全解析(比較詳細(xì)）create-react-app（以下簡(jiǎn)稱cra）作為react官方提供的腳手架工具，是目前生成react項(xiàng)目一個(gè)非常常用和主流的工具。很多企業(yè)級(jí)的應(yīng)用搭建也是基于這個(gè)腳手架...
-
macOS系統(tǒng)安裝nginx(已裝成功）1. 安裝Homebrew Homebrew是一款Mac OS平臺(tái)下的軟件包管理工具，擁有安裝、卸載、更新、查看、搜索等很多實(shí)用的功能。其操作與linux系統(tǒng)下的apt和yu...
-
node不同環(huán)境變量的配置和常用包在使用webpack對(duì)項(xiàng)目進(jìn)行打包構(gòu)建的時(shí)候一般都會(huì)區(qū)分開發(fā)環(huán)境和生產(chǎn)環(huán)境，這樣做的好處不言而喻，我們可以在不同的環(huán)境做一些不同的配置，例如生產(chǎn)環(huán)境為了減輕代碼體積會(huì)做一些壓...
-
小程序授權(quán)只提示一次的坑和處理方法
小程序在將圖片保存到相冊(cè)時(shí)，需要請(qǐng)求writePhotosAlbum的權(quán)限。但是小程序的坑就在于在第一次執(zhí)行保存前如果檢測(cè)到權(quán)限未開啟會(huì)彈出提示，但是如果這時(shí)點(diǎn)擊拒絕后，他喵...
-
關(guān)于css動(dòng)畫卡頓的問題在寫到小程序底部彈出模態(tài)框組件的時(shí)候希望在其展示和消失的時(shí)候有一個(gè)彈入-彈出的動(dòng)畫效果。那不可避免地就要用到我們css3的高級(jí)特性動(dòng)畫了，正好之前用動(dòng)畫用的比較少，那就手動(dòng)實(shí)...
-
-
頁(yè)面拖拽排序案例
h5中給元素新增了draggable全局屬性，定義了元素的可拖拽屬性。在項(xiàng)目中，拖拽排序也是比較常見的需求。 上圖view層的代碼如下 在拖動(dòng)上圖的圖標(biāo)時(shí)可以交換圖標(biāo)的位置，...
-
antd的樹形組件使用時(shí)遇到的一些坑坑1. 樹形組件的數(shù)據(jù)treeData如果是動(dòng)態(tài)請(qǐng)求回來的話，之前設(shè)置了defaultExpandAll 默認(rèn)展開所有節(jié)點(diǎn)會(huì)失效。 解決方案：在treeData數(shù)據(jù)變化時(shí)確保...
-
antd自定義表單校驗(yàn)規(guī)則antd的表單校驗(yàn)提供了大部分的校驗(yàn)規(guī)則，包括驗(yàn)空，長(zhǎng)度，正則等，但還是有一些情況需要我們手寫校驗(yàn)規(guī)則。以下就是一個(gè)例子，要求輸入的字符不能超過20個(gè)字節(jié)**這里要注意的是輸...
-
echarts配置兩則echarts的api非常繁雜，想要系統(tǒng)學(xué)習(xí)既不可能也沒必要，一般都是在工作中根據(jù)需求即時(shí)地去查api。正好最近在工作中用到了折線圖和柱狀圖，查api也是花了一些時(shí)間，現(xiàn)記錄...
-
巧用useRef鉤子實(shí)現(xiàn)忽略組件掛載時(shí)方法執(zhí)行
工作的時(shí)候突然需要實(shí)現(xiàn)這樣一個(gè)需求：根據(jù)表單中值的變化對(duì)頁(yè)面中的某一個(gè)部分進(jìn)行實(shí)時(shí)預(yù)覽，但是組件初次掛載時(shí)不執(zhí)行預(yù)覽。遂馬上找到了這個(gè)方法，用一個(gè)ref在初次渲染時(shí)將其置為f...
-
關(guān)于瀏覽器和node環(huán)境變量聲明的不同
首先，讓我們先來看一道關(guān)于this的面試題： 以上這段代碼在瀏覽器的環(huán)境下的運(yùn)行結(jié)果是undefined 10，而在node環(huán)境中的運(yùn)行結(jié)果是10 10。這是為什么呢？ 我們...
