摘要：毫無疑問，設(shè)計(jì)模式于己于他人于系統(tǒng)都是多贏的設(shè)計(jì)模式使代碼編寫真正工程化設(shè)計(jì)模小書前端掘金這是一本關(guān)于的小書。

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

React.js 小書 - 前端 - 掘金
這是一本關(guān)于 React.js 的小書。 因?yàn)楣ぷ髦幸恢痹谑褂?React.js，也一直以來想總結(jié)一下自己關(guān)于 React.js 的一些知識、經(jīng)驗(yàn)。于是把一些想法慢慢整理書寫下來，做成一本開源、免費(fèi)、專業(yè)、簡單的入門級別的小書，提供給社區(qū)。希望能夠幫助到更多 ...

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

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

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

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

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

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

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

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

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

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

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

低仿餓了么 H5 - 純前端 Vue 版 + 手把手教學(xué) - 前端 - 掘金
低仿餓了么H5-純前端Vue版+手把手教學(xué) 這是一個(gè)低仿餓了么H5的純前端練手，數(shù)據(jù)是偽造的，寫的比較粗糙，寫這個(gè)的目的是為了加深一下熟練度，半年前看到別人寫的仿cnodejs網(wǎng)站，我也用vue1仿了cnodeJs的網(wǎng)站，當(dāng)時(shí)寫的也是粗糙的令人發(fā)指，在線預(yù)覽：...

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

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

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

深入理解 JavaScript 運(yùn)行機(jī)制 - 前端 - 掘金
想要理解JavaScript的運(yùn)行機(jī)制，需要分別深刻理解以下幾個(gè)點(diǎn)： JavaScript的單線程機(jī)制 任務(wù)隊(duì)列（同步任務(wù)和異步任務(wù)） 事件和回調(diào)函數(shù) 定時(shí)器 Event Loop（事件循環(huán)） JavaScript的單線程機(jī)制 JavaScript的一個(gè)語...

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

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

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