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

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

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

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

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

什么是架構(gòu) ????????我想這個問題，十個人回答得有十一個答案，因為另外的那一個是大家妥協(xié)的結(jié)果。哈哈，我理解，架構(gòu)就是骨架，如下圖所示： ??&...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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