摘要：毫無疑問，設計模式于己于他人于系統都是多贏的設計模式使代碼編寫真正工程化設計模小書前端掘金這是一本關于的小書。

JavaScript 常見設計模式解析 - 掘金
設計模式（Design pattern）是一套被反復使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結。使用設計模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。毫無疑問，設計模式于己于他人于系統都是多贏的；設計模式使代碼編寫真正工程化；設計模...

React.js 小書 - 前端 - 掘金
這是一本關于 React.js 的小書。 因為工作中一直在使用 React.js，也一直以來想總結一下自己關于 React.js 的一些知識、經驗。于是把一些想法慢慢整理書寫下來，做成一本開源、免費、專業、簡單的入門級別的小書，提供給社區。希望能夠幫助到更多 ...

關于數組亂序的深挖——“感覺一直在寫毒代碼” - 掘金
最近看了一篇非常有趣的文章：關于JavaScript的數組隨機排序，其作者為oldj前輩。文中指出我們用來“將一個數組隨機排序”的經典寫法所存在的問題，獲益匪淺。 本文將以更加詳盡的材料和更多樣的code demo進行闡述。并嘗試用“Fisher–Yates ...

正則表達式前端使用手冊 - 前端 - 掘金
導讀 你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 還是不行. 你有沒有在表單驗證的時候, 只是做做樣子(只要不為空就好), 然后燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...

Vue.js 插件開發詳解 - 掘金
前言 隨著 Vue.js 越來越火，Vue.js 的相關插件也在不斷的被貢獻出來，數不勝數。比如官方推薦的 vue-router、vuex 等，都是非常優秀的插件。但是我們更多的人還只停留在使用的階段，比較少自己開發。所以接下來會通過一個簡單的 vue-toa...

從入門到成為前端高手（上篇）—— Jonathan - 前端 - 掘金
By @jonathanzwhite 版權申明：此文章首發于公眾號程序員在深圳，搜索 studycode 即可關注本文無需授權即可轉載，轉載時請務必注明作者 ...

滴滴 webapp 5.0 Vue 2.0 重構經驗分享 - 掘金
作者：滴滴公共前端 黃軼 項目背景 滴滴的 webapp 是運行在微信、支付寶、手 Q 以及其它第三方渠道的打車軟件。借著產品層面的功能和視覺升級，我們用 Vue 2.0 對它進行了一次技術重構。 技術棧 MVVM框架： Vue 2.0源碼：es6代碼風格檢查...

Typescript 2+迷你書 ：從入門到不放棄 - 掘金
前言 文中會穿插部分ES6&7的代碼(此處不在解釋什么作用域什么的,作用什么的)，能言簡意賅的絕不廢話哈; 文中的ts或者ts2皆指typescript; 這不是一個合格的手冊,要想深入和更全應該看官方的手冊文檔加以練習和嘗試 Typescrip...

推薦五個Vue2的免費教程 - 掘金
一步一步學習Vue 2 （Laracasts） Jeffrey Way一直都有發布他web開發的教程。他曾經在30天內教會了我使用jquery。在Laracasts上有他免費的VueJs教程，并且宣稱是“世上最深入的vuejs系列”。在你學習完本課程后，你將不...

爬蟲技術(二)－客戶端爬蟲 - 掘金
在上一篇文章《一篇文章了解爬蟲技術現狀》中，我們總結了目前后臺爬蟲所面臨的交互困難、javascript解析麻煩、以及ip限制三大問題。本期，我們不妨換一種思路來重新思考，說不定會別開生面、柳暗花明。 承上 書接上文，我們說明了目前后臺爬蟲所面臨的三大問題，...

揭秘 jQuery - 前端 - 掘金
jQuery源碼分析 前言 有時候我在想jQuery為什么可以直接$操作，可以擁有比原生js更便利的DOM操作，而且只要你想就可以直接鏈式操作下去 核心框架 揭開一萬多行代碼的jQuery核心代碼： (function(window, undefined) {...

JavaScript 常用 API 集合 - 前端 - 掘金
一、節點 1.1 節點屬性 Node.nodeName //返回節點名稱，只讀 Node.nodeType //返回節點類型的常數值，只讀 Node.nodeValue //返回Text或Comment節點的文本值，只讀 Node.textConte...

Vue2 后臺管理系統解決方案 - 前端 - 掘金
基于Vue.js 2.x系列 + Element UI 的后臺管理系統解決方案。線上地址 前言 之前在公司用了Vue + Element組件庫做了個后臺管理系統，基本很多組件可以直接引用組件庫的，但是也有一些需求無法滿足。像圖...

低仿餓了么 H5 - 純前端 Vue 版 + 手把手教學 - 前端 - 掘金
低仿餓了么H5-純前端Vue版+手把手教學 這是一個低仿餓了么H5的純前端練手，數據是偽造的，寫的比較粗糙，寫這個的目的是為了加深一下熟練度，半年前看到別人寫的仿cnodejs網站，我也用vue1仿了cnodeJs的網站，當時寫的也是粗糙的令人發指，在線預覽：...

axios 全攻略 - 前端 - 掘金
隨著 vuejs 作者尤雨溪發布消息，不再繼續維護vue-resource，并推薦大家使用 axios 開始，axios 被越來越多的人所了解。本來想在網上找找詳細攻略，突然發現，axios 的官方文檔本身就非常詳細！！有這個還要什么自行車！！所以推薦大家學習...

手機端頁面自適應解決方案—rem 布局進階版（附源碼示例） - 前端 - 掘金
一年前筆者寫了一篇 《手機端頁面自適應解決方案—rem布局》，意外受到很多朋友的關注和喜歡。但隨著時間的推移，該方案已然過時，故為大家介紹一個目前我極力推薦使用的，更加完美的方案——rem布局（進階版） ...

ES6 你可能不知道的事 - 進階篇 - 前端 - 掘金
前言這篇文章主要會針對上篇未涉及到的進階特性展開；而與前一篇文章相同，本文主要介紹這些特性的一些容易忽略的部分，希望能對大家正確認識和使用 ES6 有幫助。 還是那句話，時間和能力有限，針對文章中的問題或不同意見，歡迎隨時拍磚、指正！ 正文Module模塊化是...

深入理解 JavaScript 運行機制 - 前端 - 掘金
想要理解JavaScript的運行機制，需要分別深刻理解以下幾個點： JavaScript的單線程機制 任務隊列（同步任務和異步任務） 事件和回調函數 定時器 Event Loop（事件循環） JavaScript的單線程機制 JavaScript的一個語...

webpack 很不錯的中文文檔 - 前端 - 掘金
webpack 是一個現代的 JavaScript 應用模塊打包器(module bundler)。它有著難以置信的配置，然而，我們認為你必須在開始前先了解 4 個核心概念！ 作為您的 webpack 學習旅程的一部分，我們寫這篇文檔目的在于向你傳遞這些概念的...

延遲加載 (Lazyload) 三種實現方式 - 前端 - 掘金
定義：延遲加載也稱為惰性加載，即在長網頁中延遲加載圖像。用戶滾動到它們之前，視口外的圖像不會加載。這與圖像預加載相反，在長網頁上使用延遲加載將使網頁加載更快。在某些情況下，它還可以幫助減少服務器負載。 舉個例子來說明，當打開淘寶首頁的時候，只有在瀏覽器窗口里的...

線條之美，玩轉 SVG 線條動畫 - 前端 - 掘金
通常來說web前端實現動畫效果主要通過下面幾種方案： css動畫；利用css3的樣式效果可以將dom元素做出動畫的效果來。 canvas動畫；利用canvas提供的API，然后利用清除-渲染這樣一幀一幀的做出動畫效果。 svg動畫；同...