Frontend
Chrome Extension Development
· β˜• 5 min read
1. Ways to Extend Chrome: Extensions, Plugins, Apps Google Chrome has come a long way. It is no longer just a browser but more like a platform, where you can install the services you need in a personalized way, and through which you can also publish services of your own. Today there are three main ways to extend the browser’s functionality:

JavaScript Event Handling Mechanism
· β˜• 4 min read
1. Event Handling Models: Bubbling and Capturing 1 2 3 <div id="outer"> <p id="inner">Click!</p> </div> In the code above, a div element contains a p child element. If both elements have a click handler, how do we know which one will be triggered first? To solve this problem, Microsoft and Netscape proposed two almost completely opposite concepts.

Frontend Automated Build Tool gulpjs
· β˜• 2 min read
1. Frontend Automated Build Tools When dealing with frontend scenarios, you write CSS with Less, HTML with Jade, modularize with Browserify, and add MD5 hashes to resources for non-overwriting deployments. If all this work were done purely by hand, the efficiency would be extremely low. A frontend automated build tool