原创 Compress image using JavaScript directly from the browser

You might be working on a project which has an image upload feature that takes images from the user and uploads it to yo

原创 從瀏覽器輸入一個網址開始討論網絡傳輸的工作原理

確實,從瀏覽器輸入一個地址之後,當你按下Enter鍵之後,一系列奇怪的魔法就在發生,這是一個老生長談的問題了,但能真的仔細知道全部卻是一個艱難的事情。

原创 Vue和React組件之間的傳值方式

在現代的三大框架中,其中兩個Vue和React框架,組件間傳值方式有哪些? 組件間的傳值方式 組件的傳值場景無外乎以下幾種: 父子之間 兄弟之間 多層級之間(孫子祖父或者更多) 任意組件之間 父子之間 Vue Vue是基於單項數據流設計

原创 meta有什麼作用

在html的head標籤中,會使用很多的meta標籤,例下: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini

原创 重寫JS中的apply,call,bind,new方法

在js中,經常會用到apply,call, bind, new,這幾個方法在前端佔據非常重要的作用,今天來看一下這些方法是如何實現,方便更加深入的理解它們的運作原理。 this的綁定問題 引用一點點其他知識點:一個方法的內部上下文this如

原创 JS 繼承的實現

JS從誕生之初本就不是面向對象的語言。 如何在JS中實現繼承,總結而言會有四種寫法。 構造函數繼承 function Animal(name) { this.name = name this.sayName

原创 EventBus的實現

EventBus概要 EventBus是消息傳遞的一種方式,基於一個消息中心,訂閱和發佈消息的模式。這種方式的實現不僅僅侷限於前端,在iOS中的消息消息中心也是如此實現。 設計模式:訂閱者發佈者模式,這種設計模式在前端很常見。 API的設