原创 前端開發都應該懂的事件循環（event loop）以及異步執行順序（setTimeout、promise和async/await）
文章目錄1. JS是單線程的2. 事件循環（event loop）3. 事件循環（進階）與異步3.1 試試setTimeout(fn, 0)3.2 事件循環中的Promise3.2.1 單獨使用Promise3.2.2 Promi
2020-06-13 03:07:32
原创 React請求數據的一種優化思路
文章目錄1. 前期：分散開發時的階段2.中期：統一的階段3. 後期：單次訪問只發起1次請求 大家在網購或者寄快遞時，應該都有碰到地址選擇欄，也就是選擇省市區。 我在開發一個國外快遞官網的時候也遇到了這個需求，在這個項目中，由於國外
2020-06-13 03:07:32
原创 ERROR in app.bundle.js from UglifyJs Unexpected token: name «element», expected: punc «;» 的錯誤處理
遇到問題 webpack打包時使用UglifyJs（github地址）來壓縮美化JS代碼，在npm run build時報錯了： // webpack.prod.js 內容 const merge = require('webpa
2020-06-13 03:07:32
1
原创 JS實現判斷棧的壓入、彈出序列
作爲前端，接觸算法的機會可能比較少，但是我們腦子可不能鏽了~ 一道題目：輸入兩個整數序列，第一個序列表示棧的壓入順序，判斷第二個序列是否爲該棧的彈出順序。假設壓入棧的所有數字均不相等。 例如：1，2，3，4，5是某個棧的壓入順序，
2020-06-13 03:07:32
原创 前端很容易遇到的一個大坑
避坑指南：在對一個對象取屬性的時候（特別是對數組取length屬性時），寫代碼前的第一步是保證該對象不爲null或者undefined，確認對象爲“真”的情況下再做取對應屬性值的操作。 前端開發時，我們經常會通過.操作符來獲取屬性
2020-05-26 13:23:27
1
原创 棧的壓入、彈出序列
作爲前端，接觸算法的機會可能比較少，但是我們腦子可不能鏽了~ 一道題目：輸入兩個整數序列，第一個序列表示棧的壓入順序，判斷第二個序列是否爲該棧的彈出順序。假設壓入棧的所有數字均不相等。 例如：1，2，3，4，5是某個棧的壓入順序，
2020-03-31 22:19:12
原创 記一次React地址選擇相關的優化思路
文章目錄1. 前期：分散開發時的階段2.中期：統一的階段3. 後期：單次訪問只發起1次請求 大家在網購或者寄快遞時，應該都有碰到地址選擇欄，也就是選擇省市區。 我在開發一個國外快遞官網的時候也遇到了這個需求，在這個項目中，由於國外
2020-03-18 00:22:07
原创 純CSS實現氣泡框
文章目錄用CSS畫三角形氣泡框正三角形的氣泡框斜三角形的氣泡框總結 在工作中，我們可能會遇到氣泡框相關的需求，如下圖： 這個氣泡框我們可以使用純CSS代碼來實現。接下來跟我一起一步步實現吧！ 用CSS畫三角形 用CSS畫個三角形
2020-03-17 00:32:04
6
原创 HTTP的前世今生
文章目錄HTTP 0.9 / 1.0HTTP/1.1HTTP/2HTTP/3 本文轉載自：HTTP的前世今生 HTTP (Hypertext transfer protocol) 翻譯成中文是超文本傳輸協議，是互聯網上重要的一個協
2020-03-01 07:04:36
原创 避免在移動端頁面中使用100vh
100vh帶來的問題 在CSS中，視口單位（Viewport units）聽起來不錯。如果要設置一個元素的樣式使它佔據整個屏幕的高度，那麼你可以設置height: 100vh，這樣你就擁有一個完美的全屏元素，該元素會隨着視口的變化
2020-02-24 12:52:15
1
原创 display: none、visibility: hidden與opacity: 0的區別
文章目錄1. display: none、visibility: hidden與opacity: 0的區別2. 補充：其他隱藏元素的方法 1. display: none、visibility: hidden與opacity: 0
2020-02-24 12:52:15
3
原创 常用 Git 命令清單
文章目錄1.新建代碼庫2.配置3.增加/刪除文件4.代碼提交5.分支6.標籤7.查看信息8.遠程同步9.撤銷10.其他 關於git相關操作的教學文章多如牛毛，我也就不再贅述了，本文轉載自阮一峯的博客：常用 Git 命令清單 一般來
2020-02-24 12:52:15
原创 Node讀寫Excel文件（txt文件）
文章目錄讀取txt文件寫入txt文件讀取Excel文件寫入Excel文件 前端有時要處理一些數據（比如多語言文件內容的替換），我們不要傻乎乎地幹這種重複枯燥又浪費時間的ctrl C+ ctrl V的工作，這種事情交給計算機做再合適
2020-02-24 12:52:15
原创 獲取項目（文件夾）的樹形結構
在寫項目文檔的時候，有時我們想要對項目的結構進行說明，當然我們是不可能手動來寫文件結構的，在windows系統下，有一個tree命令可以幫我們生成對應的樹結構。使用方式如下： 我們只要在命令提示符（CMD）中進去到你想要生成的樹結
2020-02-24 12:52:15
原创 JavaScript解構（Destructuring）的5個有趣用法
原文鏈接：https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/ 文章目錄1. 交換變量（Swap
2019-09-16 06:45:46