原创 js中異步處理-------callback，promise， async/await
1. 回調函數callback 回調就是在異步操作之後把得到的值傳遞給回調函數進行處理。 function queryCity(latitude, longitude, callback) { wx.request({
2019-03-30 04:58:32
原创 常用的css效果
利用border畫各種三角形 <style> .triangle{ width:0; height:0; border-right:50px solid transparent;
2019-03-28 05:07:32
原创 總結面試中的問題
深克隆和淺克隆 淺複製：就是把數據的地址賦值給對應變量，而沒有把具體的數據複製給變量，變量會隨數據值的變化而變化。 深複製：就是把數據賦值給對應的變量，從而產生一個與源數據不相干的新數據(數據地址已變化)。 //深克隆代碼 fun
2019-03-24 04:38:37
原创 懶加載技術（記錄遇到的需要處理的情況）
懶加載是在網頁存在大量圖片或者視頻的時候爲了提升用戶體驗和節約帶寬，不是首屏直接加載，而是按需進行加載的技術。 主要點就是使用佔位符代替真實圖片url,按需進行替換； 計算img元素進入到可視區域進行替換。 網頁某一模塊需要加載大量
2019-03-16 05:04:04
原创 記錄項目遇到錯誤的排查步驟
1.很久之前做的首頁node改版，今天想看一下代碼，發現沒發運行，只報了500錯誤碼。？？？一臉懵逼，也不知道去哪找問題，而且這個問題遇到過不止一次，上次找了好久，誤打誤撞發現接口路徑寫錯了，汗。但是不能總能誤打誤撞吧。記錄下這次怎麼
2019-02-27 18:29:39
原创 服務端渲染
項目中涉及到服務端渲染，一直只知道在服務端會渲染一部分數據，服務端不能渲染的由客戶端渲染，但是不知道具體怎麼做，今天在項目中開啓/關閉服務端渲染返回的文件有啥不同。 關閉服務端渲染： <!DOCTYPE html> <html>
2019-02-27 18:29:39
原创 項目遇到的問題以及解決方法---h5頁面回退，保留前一個頁面用戶瀏覽位置
具體需求描述：一個h5的產品列表頁，用戶滑動列表頁，當用戶滑動到感興趣的產品，點擊進入詳情頁，瀏覽完詳情頁在回退到列表頁能保留之前用戶瀏覽位置。（react下開發） 1.開始什麼都沒做，回退的時候自然無法保留用戶瀏覽位置。 2.然後考
2019-02-23 18:29:25
原创 react中需要注意的幾點
1狀態更新可能是異步的 this.props 和 this.state 可能是異步更新的，你不應該依靠它們的值來計算下一個狀態。 // Wrong this.setState({ counter: this.state.count
2019-02-22 01:48:13
原创 記錄項目中遇到的問題以及解決方法（1小程序頁面數據量大帶來的渲染問題）
一 、問題描述：小程序開發中開發一個城市列表選擇頁，如下： 但是由於接口返回的城市數量過多，導致首屏白頁的問題： 怎麼優化這個問題？ 1. 首先考慮是把接口返回數據存儲爲本地文件，進行本地加載，可以節約請求回顯時間，但是這種做法並
2019-02-20 18:05:27
原创 讀you don't know js提取自己沒注意的點
1. == 和===區別 之前理解：前者檢查值的等價性，而後者檢查值和類型兩者的等價性，一般隨意兩者隨意使用 讀書之後理解：前者在允許強制轉換的條件下檢查值的等價性，而後者是在不允許強制轉換的條件下檢查值的等價性。判斷是何時使用哪個的
2019-02-20 18:05:27
原创 記錄fillder遇到的坑
安裝完fiddler, 配置https和Connections. 配置完點擊options-HTTPs右側Action-導入證書到桌面。 然後在谷歌瀏覽器設置-高級-管理證書-受信任的跟證書頒發機構中導入fillder證書，重啓
2019-02-19 06:49:50
原创 坑貨----win10下的node canvas
在安裝node canvas的時候直接使用npm install canvas結果報錯，具體可能由於canvas一堆依賴並依賴C++,於是查找資料，按照https://my.oschina.net/wangr15/blog/1540
2019-02-01 14:17:34
原创 微信小程序中的坑
1. 注意在tabbar中配置的頁面，在小程序如果要跳轉到這個頁面，不能使用wx.navigateTo, 要使用wx.switchTo 2.如果navigateTo傳遞的參數本身攜帶?，可以使用encodeURIComponent和d
2018-12-07 18:17:13
原创 es6中class繼承的坑
1. es6繼承的過程 ES6 的繼承機制和ES5完全不同，實質是先將父類實例對象的屬性和方法，加到this上面（所以必須先調用super方法），然後再用子類的構造函數修改this。在子類的構造函數中，只有調用super之後，纔可以使
2018-11-26 03:17:37
原创 react中進行狀態提升，多個組件公用的組件提到父組件
我們使用一個日期和毫秒實時轉化的樣例作爲例子，像圖中這種，上面輸入日期，下邊可以實時轉爲毫秒，同時毫秒也可以實時轉爲日期： 大概思考的方向： 首先需要一個輸入組件，承載用戶的輸入；然後需要一個父組件存放這兩個輸入組件。如果把stat
2018-11-20 03:32:30