原创 重塑你的CSS世界觀——浮動魔鬼float

爲什麼要寫《重塑你的CSS世界觀》系列文章 由於從工作到現在，我的主要工作都是寫JavaScript，幾乎沒怎麼碰CSS，通常都是別人寫好界面，然後我來開發JavaScript邏輯代碼，這導致了嚴重的偏科，CSS弱得很，所以我決定要重新學習

2019-03-03 02:25:52 4

原创 【教程】（Angular）模版引用變量的魔法

【翻譯】【教程】模版引用變量的魔法 原文鏈接：https://blog.angulartraining.... 作者：Alain Chautard譯者：而井 模版引用變量是個好東西，它允許Angular完成許多有用的事情。我經常稱這個功

2018-12-25 11:22:44

原创 在Angular中操作DOM：意料之外的結果及優化技術

【翻譯】在Angular中操作DOM：意料之外的結果及優化技術 原文鏈接：https://blog.angularindepth.c... 作者：Max Koretskyi 譯者：而井 我最近在NgConf的一個研討會上討論了Angul

2018-12-23 19:34:53

原创 關於ES模塊你必須要知道的一些禁忌(一)

背景 ES Module是JavaScript在ES2015版本開始提供的語言標準級別的模塊化方案，在此之前JavaScript一直沒有語言級別的模塊化體系。沒有模塊化的支持，使用JavaScript開發大型應用將舉步維艱，所以經過大量的實

2018-12-20 11:25:01 1

原创 教你如何解決IE9的輸入框input事件無法監聽右鍵菜單的剪切、撤銷、刪除對內容的改變的問題

文章起因 看Vue源代碼內置指令時，發現了Vue對於IE9的selectionchange事件做了特殊處理，這引起了我的興趣。原來Vue對全局的selectionchange事件進行監聽，一旦發現就會嘗試觸發document.activeE

2018-12-14 17:35:01

原创 而井教你判斷當前Javascript運行環境是否支持async函數

文章起因 今天在學習Jasmine（一個Javascript的測試框架）中，在閱讀文檔時看到用來判斷是否支持async函數的代碼。 // 獲取async函數的原型的構造器 function getAsyncCtor() { try

2018-12-14 10:05:01 3

原创 【速記】獲取當前正在運行的js腳本的地址與HTMLScriptElement.prototype.readyState

起因 在閱讀layUI的源代碼關於加載遠程腳本的代碼中出現了判斷當前js腳本地址的代碼，其中出現了對於document.currentScript支持與不支持時，會走不同的邏輯。如果支持document.currentScript，直接從d

2018-12-04 16:54:57 2

原创 【速記】React解決IE瀏覽器svg標籤不支持innerHTML操作的問題及相關拓展知識

react代碼資料： 文件：packages/react-dom/src/client/setInnerHTML.js /** * Copyright (c) Facebook, Inc. and its affiliates. *

2018-11-26 00:35:08 2

原创 【速記】藉助ES6的模版字符串，在不用Babel插件的情況下實現一個輕量級類JSX功能

引發此篇文章是看到了阮一峯的twitter在掘金上的轉載: https://juejin.im/pin/5bf6463... Preact 的作者創建的利用字符串標籤模版實現的類JSX的庫，可以將標籤模版的類JSX字符串轉化成類React.

2018-11-26 00:15:17 1

原创 有關DOM Event事件和自定義Event相關文檔文章介紹速記

搞清Event.currentTarget、Event.target、Event.srcElement之間的關係 Event.currentTarget： https://developer.mozilla.org... Event.ta

2018-11-25 23:15:17 2