原创 對AMD(asynchronous module definition)實現的理解

原生js手動實現異步模塊加載,整體設計如下: (function(exports) { var moduleCache = {}, // 模塊緩存 _loadModule = function() {}, //

原创 仿網易雲音樂鯨雲音效-孤獨星球

閒來無事,打開網易雲音樂,發現播放音樂時有好幾款音效,屬實奪人眼球,而網易雲上的孤獨星球音效是要vip權限才能開啓的,這就讓人不爽了,不想花錢那就手動擼一個出來自己邊看邊聽歌,哇咔咔咔。由於是本人原創,所以轉載或引用代碼段還請標明來處~

原创 ES6面向對象版貪喫蛇

   最近項目告一段落,難得空閒下來,就隨手寫了個貪喫蛇,作爲一個立志要成爲一個前端大牛的我,當然是js實現啦,哈哈哈。話不多說,貼上代碼,歡迎同行批評指正。 演示地址:www.yirujet.club  <!DOCTYPE html>

原创 原生js實現的拾色器插件 - ColorPicker

對一個前端來說,顏色選擇的插件肯定不陌生,許多小夥伴對這類插件的實現可能會比較好奇。這裏奉上原生js版本的拾色器,由於是本人純手工擼出來的,所以轉載還請標明來源。 效果圖: 講下實現方式: 1.顏色除了RGB跟十六進制的表現外,還有一個

原创 逐行解讀John Resig對js中單繼承的代碼實現-understanding the simple inheritance of javascript from John Resig

最近重溫了下John Resig經典的js單繼承實現,覺得很有必要記錄下來目前自己對大牛代碼的理解,對自己來說也是一種階段性的總結。 如下是作者的代碼實現(注:方便快速閱讀,已把英文註釋翻譯成了中文,裏面有些註釋是本人aboli加的):

原创 ES6面向對象版貪吃蛇

   最近項目告一段落,難得空閒下來,就隨手寫了個貪吃蛇,作爲一個立志要成爲一個前端大牛的我,當然是js實現啦,哈哈哈。話不多說,貼上代碼,歡迎同行批評指正。 <!DOCTYPE html> <html> <head> <meta

原创 原生js實現的日期選擇插件

       最近公司項目告一段落,想着寫個小玩意打發下上班時間,就用js很粗糙的實現了下日期選擇插件。間間斷斷歷時1天多,實現了選擇日期的功能,從寫完的整體代碼來看,耦合度還是蠻高的,我覺得還是我對js中的原型繼承方式理解不深刻,一定有