原创 Chrome的調試技巧系列三

Chrome的騷操作三Network面板篇Request initiator請求過濾自定義請求表Replay XHRSources面板篇XHR/fetch斷點Element面板篇h插入樣式規則的按鈕Drawer面板篇Drawer

原创 坑!!!高清解決方案導致iOS 上h5頁面滑不動的解決辦法

首選這個問題出現在我們一個h5頁面的首頁上,滑不動!在iPhone X和iPhone 11上並且系統版本發現是13.2.2,而iPhone  X  Max 系統版本12.2的並沒有出現。所以我估摸着應該是iOS系統版本13.0以上都會有問

原创 高德地圖的汽車路線規劃的路線顏色樣式更改

高德用的汽車路線規劃,動畫回放的功能,路線顏色改不了,粗細也改不了,所以會很醜。甲方爸爸很生氣,後果很嚴重!!! 先來欣賞一下改之前的長什麼樣 然後改之後看看: 是不是好看很多!!!   只貼部分代碼片段哈,主要用react, 下面的

原创 Mac ZSH 配置

安裝zsh這個是超級坑!!! 參考官方吧:https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH 命令安裝,死活安不上 就這個手動安裝勉強安裝上了,之前一直在報這個錯 Failed t

原创 JS代碼運行之預編譯

JS代碼運行之預編譯變量提升JS 代碼運行的3大步驟GO和 AO預編譯的執行步驟暗示全局變量(imply global)GO對象AO對象舉幾個🌰eg1eg2eg3eg4eg5公衆號 變量提升 用var 定義的變量會提升到最頂部,

原创 Chrome調試的騷操作一

Chrome的騷操作一Chrome的copying & savingcopyingsaving保存堆棧信息( Stack trace )使用command命令面板截屏切換主題公衆號 Chrome的copying & saving

原创 Chrome調試技巧的騷操作二

Chrome的騷操作二代碼塊Snippets的使用console中的'$'$0~$4$$$$_$i 使用 npm 插件console篇console.assert()console.log({})console.table()t

原创 taro引入自定義組件會渲染2個相同的View節點

先來看看原來啥樣子     要解決簡單,就是給這個自定義組件添加任意屬性,比如:   看看添加屬性之後的結果: 就剩下一個啦!   邀請大家關注我的公衆號,和優秀的工程師們一起成長:     參考:https://github.c

原创 移動端的div 按鈕點擊會出現陰影

去除的方法就是讓它的高亮透明度爲0,或者直接用transparent div{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }  

原创 小程序真機調試的時候取不到對象裏面的值

這是一個神奇的bug,非常的坑!!!對象可以打印出來,但是裏面的key和value卻打印出undefined, 經過查詢,發現是一個異步的問題,   需要加setTimeout,把它們放到隊列尾,達到取出值的效果,這裏只是貼了部分代碼

原创 ant mobile 的 ListView 組件加載一定數據後,回到之前的滾動條的滾動位置

這種長列表加載很多頁之後,然後跳轉至某個詳情頁面再返回到列表頁要到原來的位置 最重要的是加ref, ref={ node => handelRef(node) }, 還有就是要動態的設置initialListSize的值,首屏渲染的條數,

原创 antd的Toast 點擊多次會導致Toast不關閉

這個就是antd的bug 解決辦法就是加一個定時器,幾秒後強制關閉 Toast.fail('您輸入的賬號有誤!', 2) setTimeout(() => Toast.hide(), 2000)  

原创 crypto-js的前端md5加密

現在的一個需求就是要前端這邊做md5加密,本來想要用crypto,而crypto是node內置的模塊,在npm查了一下,這個包已經沒有了,所以改用crypto-js,這個還是很簡單的。 我們這邊的md5的加密規則如下: 將除了sign和a

原创 Support for the experimental syntax 'decorators-legacy' isn't currently enabled

我是遇到了這個問題,是因爲mobx裝飾器的問題,然後找到了徹底解決的辦法,請參考鏈接:https://cloud.tencent.com/developer/ask/193850 是這個回答,我截個圖,不然下次忘了:        

原创 Promise 配合async await 做的紅綠燈閃爍

    直接上代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt