前端窩 - 收藏集 - 掘金

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.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動畫；同...