本期技術週刊小編給大家看點關於 JavaScript 的芝士！
文章推薦
使用 Webpack 構建 JavaScript 工具庫
最近收到需求，需要開發一些針對業務特定公共邏輯部分使用的 JavaScript 函數（類似於開發一個公共 SDK），統一維護，同時供各業務部門的前端開發人員進行復用。
為了滿足公共庫開發調試簡單、易用性與健壯性等需求，需要滿足以下要求：支持 TypeScript；
支持輸出多種模塊化文件（UMD、CommonJS、ESM 等），便於引入使用；
支持按需加載（ESM Tree Shaking）；
支持自動化測試；
......
檢查原生 JavaScript 函數是否被覆蓋
你如何確定一個JavaScript原生函數是否被覆蓋？ 你不能--或者至少無法可靠地確定。有一些檢測方法很接近，但你不能完全相信它們。
組員老是忘記打卡，我開發了一款小工具，讓全組三個月全勤！
開始的時候我們都設置了一個打卡鬧鈴，下班後準時提醒，但有的時候加班，加完班回家又忘記打卡了。還有的時候迷之自信的以為自己打卡了，第二天看考勤記錄發現沒打卡。
為了徹底解決這個問題，守住我們的錢袋子，我開發了一款打卡提醒工具，讓全組連續三個月全勤！
下面介紹一下，這個小工具是如何實現的。
你不知道的 console，讓 JS 調試更簡單
對於前端的各位工程師，肯定不會對 console 陌生，但是，你又能瞭解多少呢，今天就讓小鵬來一窺大前世界。
Chrome 控制枱-開發者工具
windows 按F12， MAC 按 Command + Option + C 或 Command + Option + J, 即可打開控制枱
深入理解 JavaScript-Object（對象）
JavaScript 對象可以從一個稱為原型的對象裏繼承屬性。對象的方法通常是繼承的屬性。這種”原型式繼承“（prototypal inheritance）是 JavaScript 的核心特徵
可以看下這個例子var johan = { name: 'johan' }; console.dir(johan);
JavaScript 異步函數的 Promisification 處理
Promisification 是一個很長的詞，表示一個編程範式的轉變，即將接受回調的函數轉換為一個返回類型為 Promise 的函數。
我們現實的開發項目中經常需要這種轉換，因為許多函數和庫都是基於回調的，但是 Promise 更方便，所以對它們進行 Promisification 處理是有意義的。
JavaScript WebGL 三維相關概念
三維座標理論上三個分量就夠了，但在看相關程序的時候，發現會出現 4 個分量，這種表示方式稱為齊次座標，它將一個原本 n 維向量用一個 n+1 維向量表示。比如向量 (x, y, z) 的齊次座標可表示為 (x, y, z, w)。這樣表示有利於使用矩陣運算將一個點集從一個座標系轉換到另一個座標系。齊次座標 (x, y, z, w) 等價於三維座標 (x/w, y/w, z/w) 。
6 個意想不到的 JavaScript 問題
作為前端開發工程師，JavaScript 是我們的主要開發語言，它本身語法比較簡單，並且生態系統也非常完善，在社區的影響力越來越大。
在我們使用過程中，經常會遇到各種奇怪的問題，讓我們經常摸不着頭腦。
本文靈感來自 wtfjs，整理了 6 個比較常見並且很有意思的問題。
提升 web 輸入體驗！JS 如何自動配對標點符號？
原理其實非常簡單，可以分為以下幾個步驟
檢測輸入的內容，如果是以上標點符號就下一步
根據輸入的標點，自動補全與之對應的後半部分
將光標移到兩個標點之間
是不是非常好理解呢？但是，裏面的細節遠不止這些，涉及到非常多的比較生僻的原生方法，一起看看如何實現的吧
問答推薦
- js 怎麼實現一個一個發送請求，連續發送幾十次？
- js 基礎問題--作用域？導致兩次結果不一樣的原因是什麼?
- javascript 判斷數據類型時,重寫 Object.prototype.toString?
- js 中嵌套函數，內部函數怎麼結束外部函數的調用？
- js 選出數組未選中的元素?
- js 如何匹配以下正則字符串?
- js 如何使用正則表達式解析 html 文本？
- js 如何寫一個函數，參數為多個請求地址，在函數內部依次發起請求，最後返回所有請求的狀態？
- js 如何優雅的獲取對象中一個未知的屬性值？
- 如何用 javascript 位運算實現一個大數組的快速篩選？
# SegmentFault 技術週刊 #
「技術週刊」是社區特別推出的技術內容系列，一週一主題。
每週二更新，歡迎「關注」。大家也可以在評論處留言自己感興趣的主題，推薦主題相關的優秀文章。
如有問題可以添加小姐姐微信~
