對于同步的狀態(tài)改變，是可以放在componentWillMount，對于異步的，最好好放在componentDidMount。但如果此時有若干細(xì)節(jié)需要處理，比如你的組件需要渲...
發(fā)簡信
IP屬地：安徽
-
[轉(zhuǎn)載] react異步數(shù)據(jù)如ajax請求應(yīng)該放在哪個生命周期？
-
sass版本更新, 舊變量調(diào)用語法將不適用新版本
詳見: https://sass-lang.com/documentation/breaking-changes/css-vars
-
js實(shí)現(xiàn)一個new
new 關(guān)鍵字實(shí)現(xiàn)了如下過程1.創(chuàng)建一個空對象 obj ={}2.鏈接到原型 obj.proto = Constructor.prototype3.綁定this值 Cons...
-
promise 與 async 實(shí)現(xiàn)順序異步任務(wù)對比
兩者思路相同，都是創(chuàng)建隊(duì)列去處理異步任務(wù)promise解決方法中，使用一個sequence初始觸發(fā)的pomise，狀態(tài)直接是resolve, 這個sequence不斷承接...
-
-
vue 響應(yīng)式與數(shù)據(jù)更新，dom更新與安全抓取
響應(yīng)式與數(shù)據(jù)更新 在vue中，需要展示在頁面上的數(shù)據(jù)必須在data中聲明，沒有在data中聲明的屬性將不會被vue感應(yīng)。 vue會使用Object.definePropert...
-
購物車可選擇商品支付，功能設(shè)計(jì)老系統(tǒng)中購物車內(nèi)所有商品只能全部結(jié)算，現(xiàn)在需要購物車內(nèi)商品可選擇結(jié)算，需求如下 需求描述 增加選擇結(jié)算功能 點(diǎn)擊提交訂單后選中商品從購物籃移除，未選擇商品保留在購物車（支付中...
-
iphoneX 類型機(jī)型適配
iphoneX類型手機(jī)在外觀上有三個改動：圓角（corners）、劉海（sensor housing）和小黑條（Home Indicator）。為了適配這些手機(jī)，安全區(qū)域這個...
-
算賬的精度（JS 浮點(diǎn)數(shù)計(jì)算與四舍五入問題）
最近做一些算賬問題，浮點(diǎn)數(shù)方面會出現(xiàn)錯誤，究其原因，JS對于number類型，在四則運(yùn)算或調(diào)用toFixed這樣的方法時，實(shí)際是使用的二進(jìn)制形式進(jìn)行計(jì)算，即計(jì)算的數(shù)值并非看到...
-
設(shè)備像素比>1的移動設(shè)備上，1px問題
在設(shè)備像素比 （物理像素/邏輯像素）>1 的移動設(shè)備上，css 的1px 并不對應(yīng)1物理像素，例如設(shè)備像素比為2的移動設(shè)備，1px高度的border，實(shí)際上占用了2物理像素的...
-
flex 伸縮項(xiàng)屬性
使用使用flex做橫向布局時，常常有左邊固定寬度，右邊自適應(yīng)占滿的需求，這個時候右面元素一般會使用flex:1 屬性自動填滿空間，但左邊元素會發(fā)生擠壓，無法達(dá)到css中給定的...
-
一句口訣與event loop
記得剛開始寫JS的時候，除了順著寫的代碼（同步），對回調(diào)等一干代碼的執(zhí)行順序非常模糊，沒搞明白，后來看晚上有個口訣，叫同步優(yōu)先，異步靠邊，回調(diào)墊底，簡單粗暴地理解為，即一個文...
-
Undefined與Null的區(qū)別
一、基本數(shù)據(jù)類型 在介紹undefined與null之前，我們先來了解一下ECMAScript中的數(shù)據(jù)類型。在ECMAScript中有六種簡單數(shù)據(jù)類型(也稱為基本數(shù)據(jù)類型):...
-
JS常用設(shè)計(jì)模式
1.單例模式 單例模式的定義：保證一個類僅有一個實(shí)例，并提供一個訪問它的全局訪問點(diǎn)。實(shí)現(xiàn)的方法為先判斷實(shí)例存在與否，如果存在則直接返回，如果不存在就創(chuàng)建了再返回，這就確保了一...
-
前端路由兩種模式：hash與history
SPA需要在不刷新頁面的情況下做頁面更新的能力，這就需要引入前端路由，實(shí)際上，前端路由是利用了瀏覽器的hash或history屬性。 hash ： hash （url中#后面...
-
移動端H5模擬長按行為
需求： 點(diǎn)擊編輯, 長按刪除 環(huán)境： 移動端H5 思路： 使用touchstart事件 +touchend事件 + setTimeout定時器模擬原生長按事件， 在touch...