原创 正則表達式小記
文章目錄1. 使用正則很酷1.1 不使用正則1.2 使用正則2. JS中正則表達式的創建方式3. 術語與操作符3.1 精確匹配3.2 匹配一類字符3.3 轉義3.4 匹配開始與匹配結束3.4 重複出現3.5 預定義字符類3.6 分
2019-08-08 06:35:24
原创 一口氣搞懂JS中的事件循環（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
2019-07-30 05:44:23
2
原创 幫你徹底搞懂防抖和節流（附帶在React使用的一個例子）
文章目錄1. 前言2. 防抖（debounce）3. 節流（throttle）4. 兩個比喻來幫助區分防抖和節流5. 在React中使用5.1 未使用防抖5.2 使用防抖 1. 前言 開門見山，使用防抖和節流技術的意義：節約資源
2019-07-30 05:44:23
2
原创 解決localhost改爲本機IP後網頁無法訪問的方法
在web開發時，有時我們遇到問題需要同事幫忙看看，或者是開發的一些移動端的頁面需要在真機上測試，這時我們就需要通過IP的方式來訪問網頁。當然，對方想要通過你的IP來訪問網頁，你們需要在同一個局域網內才行。 解決方法 將應用的監聽改
2019-06-18 07:54:42
1
原创 修改input元素placeholder樣式的方法
我們時常需要跟input輸入框打交道，很多情況下都要對placeholder的內容進行修改，例子： {/* React的寫法 */} <input type="text" placeholder={'placeholder'}/>
2019-06-16 09:14:21
原创 重新鞏固JS（二）——JavaScript操作符與表達式
文章目錄1.表達式1.1原始表達式1.2表達式2.操作符 重新鞏固JS系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第二篇。 其他JS重新鞏固系列： 重新鞏固JS（一）——JavaScript基本類型 重新鞏固JS（
2019-06-11 15:57:15
1
原创 重新鞏固JS（三）——JavaScript語句
文章目錄1. 條件語句1.1 if else語句1.2 switch語句2. 循環語句2.1 while語句2.2 do while語句2.3 for語句2.4 for in語句3. 控制語句3.1 continue語句3.2 b
2019-06-11 15:57:15
1
原创 React實現瀏覽器打印部分內容
React 瀏覽器打印1. 構建待打印元素2. 打印動作觸發時的處理3. 注意點 近期着手項目任務的打印功能，在此作個記錄，本文介紹基於React的一種調用瀏覽器打印的方法。 整體思路： 通過構建一個隱藏的元素（該元素包裹需打印的內容
2019-05-15 05:59:36
2
原创 React input[type='file'] 連續上傳同一文件不觸發onChange事件的解決方法
在使用type類型爲file的input來上傳文件時，發現連續上傳同一個文件，第二次以後就不會再觸發onChange事件，原因是onChange事件觸發的條件爲其value發生變化，上傳文件時，該input的value值爲文件在磁盤中
2019-04-11 06:49:06
原创 重新鞏固JS（一）——JavaScript基本類型
文章目錄JavaScript基本類型1. 原始類型：1.1 數值—Number1.2 字符串—String1.3 布爾值—Boolean1.4 字符—Symbol（ES6新增）1.5 Undefined1.6 Null2. 對象類型—
2019-04-10 06:42:23
原创 避免移動端頁面focus輸入框時自動放大頁面的解決方法
在網頁適配移動端時遇到一個問題：本來頁面打開是正常顯示的，但是當你聚焦了textarea輸入框的時候，頁面自動放大了，破壞了原本正常的頁面，這不是我們想要的，有什麼方法解決呢？ 1. 設置meta標籤 網上很多人提到使用如下方法： <
2019-03-31 06:34:32
12
原创 添加網頁頭部小圖標
一般來說，我們打開一個網站的時候，網頁頭部都會有一個小圖標，一般是公司的logo，例如下面CSDN的例子： 添加這個小圖標的方法很簡單，只需要在html的<head>中填加一個如下形式的<link>標籤即可： <link type
2019-03-31 06:34:32
原创 JS比較運算符（“===”和“==”）的匹配規則以及if()條件的判斷結果
文章目錄1. 結論先行2. 結果判斷參照表2.1 全等運算符（“`===`”）的操作結果2.2 相等運算符（“`==`”）操作結果2.3 if()條件判斷結果3. 具體判斷的邏輯說明3.1 全等運算符 （“`===`”）3.2 相等運
2019-03-30 06:47:19
1
原创 爲什麼計算機中數字符號位0表示正數，1表示負數
大學時上計算機組成原理課程的時候，上到計算機如何存儲數據的相關知識時，因爲計算機世界裏面所有的數據歸根結底都是由0和1來存儲的，那麼如何表達數值的正負呢？只知道書本上說是有一個符號位，當該符號位爲0時，表示的是正數，爲1時表示負數
2019-03-10 03:40:18
原创 align-items和align-content的區別
文章目錄1. stack overflow上的回答（翻譯）2. 自己動手實踐2.1 子項爲單行的情況2.1.1 flex容器不設置高度2.1.2 flex容器設置高度2.2 子項爲多行的情況2.2.1 flex容器不設置高度2.2.2
2019-03-07 14:49:29