摘要：哈哈，我理解，架構(gòu)就是骨架，如下圖所示譯年月個(gè)有趣的和庫(kù)前端掘金我們創(chuàng)辦的使命是讓你及時(shí)的了解開(kāi)發(fā)中最新最酷的趨勢(shì)。

翻譯 | 上手 Webpack ? 這篇就夠了！ - 掘金
譯者：小 boy （滬江前端開(kāi)發(fā)工程師） 本文原創(chuàng)，轉(zhuǎn)載請(qǐng)注明作者及出處。 原文地址：https://www.smashingmagazine.... JavaSrip...

讀 Zepto 源碼之代碼結(jié)構(gòu) - 掘金
雖然最近工作中沒(méi)有怎么用 zepto ，但是據(jù)說(shuō) zepto 的源碼比較簡(jiǎn)單，而且網(wǎng)上的資料也比較多，所以我就挑了 zepto 下手，希望能為以后閱讀其他框架的源碼打下基礎(chǔ)吧。 源碼版本 本文閱讀的源碼為 zepto1.2.0 閱讀zepto之前需要了解 ja...

文本動(dòng)畫(huà), 幾行代碼頁(yè)面效果瞬間就提升了 - 前端 - 掘金
animate-text 文字動(dòng)畫(huà)和數(shù)字動(dòng)畫(huà) animate text 查看DEMO...

八種架構(gòu)設(shè)計(jì)模式及其優(yōu)缺點(diǎn)概述 (上) - 后端 - 掘金

什么是架構(gòu) ????????我想這個(gè)問(wèn)題，十個(gè)人回答得有十一個(gè)答案，因?yàn)榱硗獾哪且粋€(gè)是大家妥協(xié)的結(jié)果。哈哈，我理解，架構(gòu)就是骨架，如下圖所示： ??&...

【譯】2017 年 3 月：15 個(gè)有趣的 JS 和 CSS 庫(kù) - 前端 - 掘金
我們創(chuàng)辦 Tutorialzine 的使命是讓你及時(shí)的了解 Web 開(kāi)發(fā)中最新、最酷的趨勢(shì)。所以，每個(gè)月我們都會(huì)發(fā)布一些精心挑選的優(yōu)秀 Web 開(kāi)發(fā)資源，同時(shí)我們也相信，它們值得你的關(guān)注。 1. PropellerPro...

babel6 快速指南 - 掘金
最近在學(xué)習(xí)es6的時(shí)候發(fā)現(xiàn)網(wǎng)上很多的babel教程都非?；靵y，babel5和babel6的教程摻雜讓人不知道該怎么辦，于是翻譯+整理了babel6的官方文檔，作為快速入門(mén)~ 相對(duì)于之前的babel5,babel6不再是一個(gè)整的大的package,而是拆分了很多...

React Router v4 中文文檔 - 前端 - 掘金
React Router Declarative routing for React ...

手把手帶你用原生js實(shí)現(xiàn)css屬性的set和get - 掘金
作者：Icarus原文鏈接：手把手帶你用原生js實(shí)現(xiàn)css屬性的set和get 上一篇博文介紹了getComputedStyle方法，接下來(lái)，我們就來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)易版的小插件，能夠在不借助jQuery的情況下實(shí)現(xiàn)css屬性的獲取和設(shè)置。 Let"s start ...

Webpack 配置中的一股清流 - 掘金
網(wǎng)絡(luò)上很多文章真的是很糟糕雞肉鴨肉亂燉，包括早期webpack官方的文檔，一套完整的配置教程要看個(gè)半天，配置起來(lái)更是麻煩！本文使用webpack1,其實(shí)跟版本2沒(méi)多大改變，但是某些插件會(huì)導(dǎo)致報(bào)錯(cuò)，使用小心。 Git: https://github.com/a...

淺析 JS 模塊規(guī)范：AMD 和 CMD - 前端 - 掘金
在了解AMD，CMD規(guī)范前，我們先來(lái)簡(jiǎn)單地了解下什么是模塊？ 簡(jiǎn)單的說(shuō)，一個(gè)模塊就是實(shí)現(xiàn)特定功能的文件，有了模塊，我們就可以更方便地使用別人的代碼，想要什么功能，就加載什么模塊。當(dāng)然，模塊開(kāi)發(fā)需要遵循一定的規(guī)范，否則各用各的就會(huì)亂套了。 目前，常用的JS模...

前端面試小記 - 掘金
太久沒(méi)有面試過(guò)了，第一次難免有點(diǎn)緊張，今天遇到的面試問(wèn)題，大多數(shù)都遇到過(guò)，卻因?yàn)闆](méi)有充分準(zhǔn)備，而沒(méi)有答好，以后一定好好準(zhǔn)備才行。 下面記錄一下今天的面試問(wèn)題，加深印象： 介紹一下JS的數(shù)據(jù)類(lèi)型？ 簡(jiǎn)單類(lèi)型：String、Number、Boolean、Nul...

使用 webpack 進(jìn)行 ES6 開(kāi)發(fā) - 前端 - 掘金
年前摸索著寫(xiě)了一個(gè) 使用gulp 進(jìn)行ES6開(kāi)發(fā) ，今天再摸索著學(xué)習(xí)一下webpack吧。。 一些題外話 使用 webpack 的初衷其實(shí)是想用 React。學(xué)習(xí) React 的時(shí)候，始終被一個(gè)問(wèn)題困擾：既然組件已經(jīng)模塊化了，比如一個(gè) jsx 文件對(duì)應(yīng)一個(gè)組件...

vue+webpack 入門(mén)實(shí)戰(zhàn)（三）webpack 配置入門(mén) - 前端 - 掘金
這是一系列文章，此系列所有的練習(xí)都存在了我的github倉(cāng)庫(kù)中vue-webpack，在本人有了新的理解與認(rèn)識(shí)之后,會(huì)對(duì)文章有不定時(shí)的更正與更新。下面是目前完成的列表： 在上面我們已經(jīng)嘗試過(guò)了兩種對(duì)于loader的使用方式，無(wú)論是在require的時(shí)候編寫(xiě)我...

(譯) Webpack 入門(mén)指南 - 前端 - 掘金
原文 Webpack是目前最火的前端自動(dòng)化工具，它是一個(gè)module bundler并和大部分現(xiàn)代前端相關(guān)模塊完美結(jié)合，包括Babel,ReactJS等等。本文從新手的角度一步一步用webpack配置一個(gè)react項(xiàng)目。 安裝 首先要知道： Webpa...

2017 年前端工具趨勢(shì) - 前端 - 掘金
你有兩年以上的前端開(kāi)發(fā)經(jīng)驗(yàn)嗎？你會(huì)用 Sass 和 Autoprefixer 等高級(jí)的CSS輔助技能嗎？你的 JavaScript 知識(shí)是否融匯貫通，你是否喜歡使用 Gulp ， npm 和 jQuery ？如果是這樣，根據(jù) Ashley Nolan 的前端問(wèn)...

「前端」看懂前端腳手架你需要這篇webpack - 掘金
本文來(lái)自尚妝前端團(tuán)隊(duì)南洋 發(fā)表于尚妝github博客，歡迎訂閱。 分割webpack配置文件的多種方法 （一） 將你的配置信息寫(xiě)到多個(gè)分散的文件中去，然后在執(zhí)行webpack的時(shí)候利用--config參數(shù)指定要加載的配置文件，配置文件利用moduleimp...

react 生命周期詳解 - 前端 - 掘金
react 生命周期詳解(React Lifecycle) React的生命周期對(duì)組件而言是一個(gè)很重要的存在，每一個(gè)狀態(tài)都有...

Android 圖片高斯模糊解決方案 - 掘金
同步簡(jiǎn)書(shū)：Android 圖片高斯模糊解決方案 近年來(lái)，圖片高斯模糊備受設(shè)計(jì)師的青睞，在各大知名APP中，如微信、手機(jī)QQ、網(wǎng)易云音樂(lè)等等都有對(duì)背景高斯圖模糊的設(shè)計(jì)，在Adnroid 中，現(xiàn)在常用的圖片高斯模糊技術(shù)有三種：RenderScript 、fas...

webpack 2.2 中文文檔，翻譯的很好，看完就學(xué)會(huì)了 webpack - 前端 - 掘金
正如我們?cè)诮榻B中提到的，在 webpack 配置中有多種方式定義 entry 屬性。除了解釋為什么它可能的用途，我們還將向你展示如何去配置 entry 屬性。 單個(gè)入口（簡(jiǎn)寫(xiě)）語(yǔ)法 用法：entry: string|Array&...

6 款 Javascript 的圖像處理庫(kù) - 掘金
文/ Tine譯/Mantra 附原文地址：http://blog.webkid.io/image-p... 如果你正在尋找更高效的辦法來(lái)處理或操縱你 web 項(xiàng)目中的圖片，那么這篇 blog 介紹的一些庫(kù)，很值得你仔...

一個(gè)大小約 2k 的圖片高斯模糊庫(kù) —— blurify.js - 前端 - 掘金
Installation $ npm i blurify Demo Demo ...