摘要：一些有用的一些有用的，包括轉(zhuǎn)換小箭頭三角形媒體查詢等中文指南是當(dāng)下最熱門的前端資源模塊化管理和打包工具。

nodejs 入門

nodejs 入門教程，大家可以在 github 上提交錯(cuò)誤

2016 年最好用的表單驗(yàn)證庫(kù) SMValidator.js

前端表單驗(yàn)證工具分享

淺談前端線上部署與運(yùn)維

說(shuō)到前端部署，可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng)，與SRE對(duì)接、一起完成前端的部署操作。如果我現(xiàn)在給你一臺(tái)新注冊(cè)的云主機(jī)，那么你應(yīng)該怎么做才能把一個(gè)前端工程部署到一臺(tái)云主機(jī)上，成為一個(gè)可以訪問(wèn)的網(wǎng)頁(yè)呢？今天我們就來(lái)聊聊前端的部署~ 首先，一個(gè)前端工程要變成…

一個(gè) jQuery 前端插件庫(kù)

很實(shí)用的一個(gè)前端插件庫(kù)，包含了輪播、滾動(dòng)條、彈出框、城市聯(lián)動(dòng)等控件。

原生 js 和 jquery 兩種處理 cookie 的插件介紹

原生 js 和 jquery 兩種處理 cookie 的插件介紹

tesseract.js - 從圖片里抓取文字

從任意圖片里摳出文字來(lái)，純 JavaScript 實(shí)現(xiàn)，還支持包含中文的多語(yǔ)言

圣誕節(jié)，把網(wǎng)站所有的js代碼都?jí)嚎s成圣誕樹(shù)吧。

本文分兩章節(jié)，分別講解如何使用js2image這個(gè)庫(kù)生成可以運(yùn)行的圣誕樹(shù)代碼 和 js2image的原理。 github地址：https://github.com/xinyu19873... ps:求star 效果預(yù)覽：http://assets.souche.c…

能在安卓上滾起上萬(wàn)個(gè) dom 的 H5 滑動(dòng)插件 JRoll 發(fā)布 v2.3.2

JRoll，一款能滾起上萬(wàn)條數(shù)據(jù)，具有滑動(dòng)加速、回彈、縮放、滾動(dòng)條、滑動(dòng)事件等功能，兼容 CommonJS/AMD/CMD 模塊規(guī)范，開(kāi)源，免費(fèi)的輕量級(jí) html5 滾動(dòng)插件。

Threejs之二:相機(jī)詳解

透視投影相機(jī)(THREE.PerspectiveCamera) 所謂透視投影相機(jī)(PerspectiveCamera),基本等同于人的眼睛,意思就是:離的遠(yuǎn)的物體會(huì)顯得比較小,近處的物體會(huì)比較大.透視投影相機(jī)的構(gòu)造函數(shù): PerspectiveCamera(fov,aspect…

【翻譯向】webpack2 指南（下）

webpack2 官方指南翻譯，包括內(nèi)容：

緩存

墊片（Shimming）

編寫一個(gè)庫(kù)

Vonic 正式版發(fā)布！附中文文檔

成功收尾，本月終于可以向 2.0 邁進(jìn)了！O(∩_∩)O

100+ 超全的 web 開(kāi)發(fā)工具和資源整理

[2016.09.06 更新] 整合 WEB 開(kāi)發(fā)包含的 JavaScript 庫(kù)，前端框架，Web 應(yīng)用框架，任務(wù)批處理工具 / 包管理器，編程語(yǔ)言 / 開(kāi)發(fā)平臺(tái)，數(shù)據(jù)庫(kù)，icon 圖標(biāo)，本地開(kāi)發(fā)環(huán)境搭建，協(xié)作工具，Web 開(kāi)發(fā)社區(qū)等收集分類......

Bilibili 數(shù)據(jù)接口整理（不定期更新）

Bilibili 數(shù)據(jù)接口整理（不定期更新）

【翻譯向】webpack2 指南（上）

webpack2 正式版已經(jīng)發(fā)布了，翻譯了一下官方指南。

一些有用的 sass mixins

一些有用的 sass mixins，包括 rem 轉(zhuǎn)換、小箭頭、三角形、媒體查詢等

Webpack 中文指南

Webpack 是當(dāng)下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源。還可以將按需加載的模塊進(jìn)行代碼分隔，等到實(shí)際需要的時(shí)候再異步加載。通過(guò) loader 的轉(zhuǎn)換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

JS 運(yùn)動(dòng)搞不定 你缺少一個(gè)運(yùn)動(dòng)框架而已

可以解決的運(yùn)動(dòng)：

元素的上下左右勻速 緩沖運(yùn)動(dòng)

圖片的透明度變化

圖片輪播

元素高度 寬度 邊框像素的變化

適用于多個(gè)物體運(yùn)動(dòng)以及鏈?zhǔn)竭\(yùn)動(dòng)

改變?cè)氐奈恢?/p>

對(duì)不起，我們來(lái)遲了——webpack 中文社區(qū)

webpack2.x 正式版本發(fā)布！隨之而來(lái)，webpack 官方給中文開(kāi)發(fā)者送了一份新春大禮： webpack 官方中文社區(qū)正式成立！ 迷茫與行動(dòng) 我使用 webpack 已經(jīng)有一年多了。這些日子里，許許多多身邊的同事，還有開(kāi)發(fā)者，開(kāi)始加入 webpack 的使用大潮之中。一方面，同事們對(duì)…

2016 年 50 個(gè)最佳的輕量級(jí) JavaScript 框架和庫(kù)

回顧今年已發(fā)布的 JS 框架和庫(kù)，我們針對(duì)地篩選了一些能夠提供直接和具體功能的免費(fèi) JavaScript 插件和庫(kù)，與大家分享。

移動(dòng)Web利器transformjs入門

簡(jiǎn)介 在過(guò)去的兩年，越來(lái)越多的同事、朋友和其他不認(rèn)識(shí)的童鞋進(jìn)行移動(dòng)web開(kāi)發(fā)的時(shí)候，都使用了transformjs，所有必要介紹一下，讓更多的人受益，提高編程效率，并享受編程樂(lè)趣。（當(dāng)然transformjs不僅僅支持移動(dòng)設(shè)備，支持CSS3 3D Transforms的瀏覽器都…

逐行閱讀 Bootstrap 源碼

Bootstrap 作為最受歡迎的前端 CSS 框架，它到底寫了什么 tricky 代碼，使得開(kāi)發(fā)者的效率能夠大幅提升呢？基于自己的個(gè)人開(kāi)發(fā)經(jīng)驗(yàn)，一起來(lái)看個(gè)究竟！揭秘 Bootstrap 和 CSS 中不被注意的部分。

CSS Modules 入門 Ⅰ：它是什么？為什么要使用它？

這是一個(gè)教你如何使用 CSS Modules 實(shí)現(xiàn)模塊化的系列教程

移動(dòng)端下拉刷新插件

有原生與 vue 兩個(gè)版本

[[PostCSS] 入門指南：讓你輕松開(kāi)始嘗試 PostCSS](https://juejin.im/entry/58117...

昨天我們發(fā)了一個(gè)開(kāi)篇，今天這篇是一個(gè)入門指南教程。這篇教程為用戶提供了 (我認(rèn)為是) 一個(gè)優(yōu)秀的基本配置，讓你能夠容易地嘗試 PostCSS 并在以后去深入細(xì)節(jié)。

jQuery 插件開(kāi)發(fā)全解析

jQuery 插件開(kāi)發(fā)全解析

開(kāi)源編程字體全家桶

總有一款適合你

particles.js - 輕量的粒子動(dòng)效 JS 開(kāi)源庫(kù)

輕量美觀的實(shí)現(xiàn)粒子動(dòng)效的 JS 開(kāi)源庫(kù)。

城市多級(jí)聯(lián)動(dòng)插件

最新的城市區(qū)劃數(shù)據(jù)，城市三級(jí)聯(lián)動(dòng)插件十分方便

webpack 教程資源收集

資源不在多，找到你想要的就好！最近在坑 webpack，歡迎來(lái)指點(diǎn)...（掘金沒(méi)有 IM，那就評(píng)論區(qū)見(jiàn)吧~）

50 本前端書籍整理，高清 PDF

發(fā)現(xiàn)了一個(gè)下載前端書籍的地方，分享給大家。

從零到一：用 Phaser.js 寫意地開(kāi)發(fā)小游戲（Chapter 4 - 游戲即將開(kāi)始）

游戲即將開(kāi)始

Jade 模板引擎讓你飛

Jade 模板跟 NodeJs 真配

flv.js - B 站 HTML5 播放器內(nèi)核開(kāi)源

B 站 HTML5 播放器內(nèi)核開(kāi)源， 超棒的 HTML5 播放器，純 JavaScript 實(shí)現(xiàn)，告別 Flash 啦！

webpack 很不錯(cuò)的中文文檔

很不錯(cuò)的，翻譯者辛苦了

最新的15 個(gè)有趣的前端庫(kù)（December 2016）

「英」原文鏈接 github ? ? ? 還有許多其他有趣的收集 ? Deck.gl Deck.gl是由Uber開(kāi)源的數(shù)據(jù)可視化庫(kù)，基于WebGL的可視化圖層。能夠支持大規(guī)模數(shù)據(jù)的2D和3D可視化。 可以在React中使用，也可以多帶帶使用； ? Svelte Svel…

你必須『收藏』的Github技巧

一秒鐘把Github項(xiàng)目變成前端網(wǎng)站 GitHub Pages大家可能都知道，常用的做法，是建立一個(gè)gh-pages的分支，通過(guò)setting里的設(shè)置的GitHub Pages模塊可以自動(dòng)創(chuàng)建該項(xiàng)目的網(wǎng)站。這里經(jīng)常遇到的痛點(diǎn)是，master遇到變更，經(jīng)常需要去sync到gh-p…

移動(dòng)端時(shí)間選擇器（更新 1.2.0 版本）

LazyPicker LazyPicker 是一個(gè)簡(jiǎn)單的移動(dòng)端時(shí)間選擇器，支持多種主題。 用手機(jī)掃描體驗(yàn)： 1.2.0 版本體驗(yàn)： 使用方法 引入 CSS 和 JavaScript 腳本：

使用 mock.js 讓前端開(kāi)發(fā)與后端獨(dú)立

Mock.js實(shí)現(xiàn)的功能。 基于數(shù)據(jù)模板生成數(shù)據(jù)。 基于HTML模板生成數(shù)據(jù)。 攔截并模擬Ajax請(qǐng)求。 本文僅演示使用mock.js進(jìn)行模擬并攔截Ajax請(qǐng)求。 首先頁(yè)面中先引用：