原创 爲什麼 Promise 比 setTimeout() 更快？
// 每日前端夜話 第468篇// 正文共：1200 字// 預計閱讀時間：10 分鐘 實驗 先做一個實驗：來看看立即解決的 Promise 和立即超時（ 0 毫秒的超時）哪個執行的更快？ Promise.resolve(1).the
2021-01-30 09:37:05
原创 女程序員做了個夢......
- 要論程序員的理性程度，怕是沒有其他行業能超越了。 連夢見男朋友和別的女生逛街的第一反應都是去查源碼。 還有同行朋友跟着出謀劃策。 大概也是單純可愛
2021-01-30 09:37:05
原创 限時免費領取 24 張高清 IT 技能圖譜，穩了~
學習一門新技術的時候，最大的苦惱之一，大概就是不知道從何入手。 典型的情況是，你大概知道學會以後，這門技術可以幫你解決什麼問題。但是，怎麼才能學會、循序漸進的學習路線是什麼、學習範圍有多大的深度和廣度、涉及到哪些前置知識……這些
2021-01-30 09:37:05
原创 從輸入 URL 到展現涉及哪些緩存環節(非常詳細)
前言 緩存是一項用來提高網站性能不可或缺的技術，利用這項技術可以很好地提高 web 的性能。緩存可以很有效地降低網絡的時延，同時也會減少大量請求對於服務器的壓力。大家在繼續看下去之前可以先思考一下 “從輸入 U
2021-01-30 09:37:05
原创 這個煩人的 NPM 安裝依賴報錯，暗藏了幾個知識點
筆者之前在開發模塊分析工具，使用npm list命令時遇到 UNMET PEER DEPENDENCY 這個問題，在探究解決方法的時候對npm的包管理機制有了很多新的認識，分享一下過程中的思考。 UNMET PEER DEPEND
2021-01-30 09:37:04
1
原创 快過年了，用 JS 讓你的網頁放煙花吧
馬上就要過春節了，大城市裏依然是不準燃放煙花這種空氣污染的東西的，想念小時候在自家院子裏放花的快樂時光，大城市裏的小朋友們是體會不到這種快樂了。但作爲前端工程師，這難不倒我們，下面就教大家如何用JS在網頁裏放煙花。 在 codepen
2021-01-30 09:37:04
原创 我可能不適合做前端，你呢？
01 前端並不簡單 近年來，前端的發展速度極快，前端開發不再是曾經衆人調侃的“寫網頁的程序員”了，更不是早期掌握 JavaScript+CSS+HTML ，便可以找到一份相對不錯工作的時候了。 只是，一直以來，
2021-01-30 09:37:04
原创 現有 Vue.js 項目快速實現多語言切換的一種思路
Web 項目多語言（i18n，即國際化）是比較常見的需求，常規的做法大概有以下幾種： 每種語言單獨開發頁面，適用於 CMS 之類的網站 多語言文本和頁面結構分離，運行時動態替換。適用於單頁應用（SPA） 直接用網頁翻譯插件，機器翻譯。這種
2020-09-17 14:00:24
原创 怎樣的變量命名，才顯得有文化？
There are only two hard things in Computer Science: cache invalidation and naming things. 計算機科學領域只有兩大難題：緩存失效和命名。 -- Phi
2020-09-14 14:08:33
原创 （幾乎）完美實現 el-table 列寬自適應
背景 Element UI 是 PC 端比較流行的 Vue.js UI 框架，它的組件庫基本能滿足大部分常見的業務需求。但有時候會有一些定製性比較高的需求，組件本身可能沒辦法滿足。最近在項目裏就碰到了。 很多頁面都需要用到表格組件el-ta
2020-08-28 14:32:16
原创 關於 JavaScript 字符串的一個小知識
說起字符串，我們再熟悉不過了。接觸編程的第一個經典任務就是輸出字符串：Hello, world。但是你知道 JavaScript 字符串在計算機裏是怎麼表示的嗎？ 最簡單直觀但不太準確的的理解就是，字符串就是由英文字母、數字和標點符號等這些
2020-08-14 14:33:14
原创 只需幾行 JavaScript 代碼，網頁瞬間有氣質了！
最近在網上閒逛，發現一個特別好玩的 JavaScript 庫，叫 RoughNotation。幹嘛用的呢？就是在網頁上給文字加標註，比如下劃線、方框、高亮文字背景等，不過是手寫風格的！截圖給大家感受下： 怎麼樣？是不是感覺網頁瞬間就生動了
2020-06-30 14:06:09
原创 五分鐘瞭解瀏覽器的工作原理
Web 瀏覽器無疑是用戶訪問互聯網最常見的入口。瀏覽器憑藉其免安裝和跨平臺等優勢，逐漸取代了很多傳統的富客戶端。 Web 瀏覽器通過向 URL 發送網絡請求來訪問 Web 服務器資源，並以交互性的方式展示這些內容。基本操作包括獲取、處理、顯
2020-05-14 13:26:31
原创 面試官：JavaScript 原始數據類型 Symbol 有什麼用？
以前提到 JavaScript 原始數據類型時，我們知道有Number，String，Null，Boolean，Undefined這幾種。ES6 引入了新的基本數據類型Symbol和BigInt。今天我們就來了解下Symbol類型。Symb
2020-04-10 13:23:00
原创 相見恨晚的 Git 命令動畫演示，一看就懂！
雖然 Git 是一個強大的工具，但是我覺得大部分人都會同意我說的：它也可以是一個……噩夢！我一直覺得，使用 Git 的時候把操作過程在腦海裏視覺化會非常有用：當我執行某個命令的時候，分支之間是如何交互的？又是如何影響提交歷史的？當我在ma
2020-04-08 14:25:58