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

nodejs 入門

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

2016 年最好用的表單驗證庫 SMValidator.js

前端表單驗證工具分享

淺談前端線上部署與運維

說到前端部署，可能大多數前端工程師在工作中都是使用的公司現成的部署系統，與SRE對接、一起完成前端的部署操作。如果我現在給你一臺新注冊的云主機，那么你應該怎么做才能把一個前端工程部署到一臺云主機上，成為一個可以訪問的網頁呢？今天我們就來聊聊前端的部署~ 首先，一個前端工程要變成…

一個 jQuery 前端插件庫

很實用的一個前端插件庫，包含了輪播、滾動條、彈出框、城市聯動等控件。

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

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

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

從任意圖片里摳出文字來，純 JavaScript 實現，還支持包含中文的多語言

圣誕節，把網站所有的js代碼都壓縮成圣誕樹吧。

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

能在安卓上滾起上萬個 dom 的 H5 滑動插件 JRoll 發布 v2.3.2

JRoll，一款能滾起上萬條數據，具有滑動加速、回彈、縮放、滾動條、滑動事件等功能，兼容 CommonJS/AMD/CMD 模塊規范，開源，免費的輕量級 html5 滾動插件。

Threejs之二:相機詳解

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

【翻譯向】webpack2 指南（下）

webpack2 官方指南翻譯，包括內容：

緩存

墊片（Shimming）

編寫一個庫

Vonic 正式版發布！附中文文檔

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

100+ 超全的 web 開發工具和資源整理

[2016.09.06 更新] 整合 WEB 開發包含的 JavaScript 庫，前端框架，Web 應用框架，任務批處理工具 / 包管理器，編程語言 / 開發平臺，數據庫，icon 圖標，本地開發環境搭建，協作工具，Web 開發社區等收集分類......

Bilibili 數據接口整理（不定期更新）

Bilibili 數據接口整理（不定期更新）

【翻譯向】webpack2 指南（上）

webpack2 正式版已經發布了，翻譯了一下官方指南。

一些有用的 sass mixins

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

Webpack 中文指南

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

JS 運動搞不定 你缺少一個運動框架而已

可以解決的運動：

元素的上下左右勻速 緩沖運動

圖片的透明度變化

圖片輪播

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

適用于多個物體運動以及鏈式運動

改變元素的位置

對不起，我們來遲了——webpack 中文社區

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

2016 年 50 個最佳的輕量級 JavaScript 框架和庫

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

移動Web利器transformjs入門

簡介 在過去的兩年，越來越多的同事、朋友和其他不認識的童鞋進行移動web開發的時候，都使用了transformjs，所有必要介紹一下，讓更多的人受益，提高編程效率，并享受編程樂趣。（當然transformjs不僅僅支持移動設備，支持CSS3 3D Transforms的瀏覽器都…

逐行閱讀 Bootstrap 源碼

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

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

這是一個教你如何使用 CSS Modules 實現模塊化的系列教程

移動端下拉刷新插件

有原生與 vue 兩個版本

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

昨天我們發了一個開篇，今天這篇是一個入門指南教程。這篇教程為用戶提供了 (我認為是) 一個優秀的基本配置，讓你能夠容易地嘗試 PostCSS 并在以后去深入細節。

jQuery 插件開發全解析

jQuery 插件開發全解析

開源編程字體全家桶

總有一款適合你

particles.js - 輕量的粒子動效 JS 開源庫

輕量美觀的實現粒子動效的 JS 開源庫。

城市多級聯動插件

最新的城市區劃數據，城市三級聯動插件十分方便

webpack 教程資源收集

資源不在多，找到你想要的就好！最近在坑 webpack，歡迎來指點...（掘金沒有 IM，那就評論區見吧~）

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

發現了一個下載前端書籍的地方，分享給大家。

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

游戲即將開始

Jade 模板引擎讓你飛

Jade 模板跟 NodeJs 真配

flv.js - B 站 HTML5 播放器內核開源

B 站 HTML5 播放器內核開源， 超棒的 HTML5 播放器，純 JavaScript 實現，告別 Flash 啦！

webpack 很不錯的中文文檔

很不錯的，翻譯者辛苦了

最新的15 個有趣的前端庫（December 2016）

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

你必須『收藏』的Github技巧

一秒鐘把Github項目變成前端網站 GitHub Pages大家可能都知道，常用的做法，是建立一個gh-pages的分支，通過setting里的設置的GitHub Pages模塊可以自動創建該項目的網站。這里經常遇到的痛點是，master遇到變更，經常需要去sync到gh-p…

移動端時間選擇器（更新 1.2.0 版本）

LazyPicker LazyPicker 是一個簡單的移動端時間選擇器，支持多種主題。 用手機掃描體驗： 1.2.0 版本體驗： 使用方法 引入 CSS 和 JavaScript 腳本：

使用 mock.js 讓前端開發與后端獨立

Mock.js實現的功能。 基于數據模板生成數據。 基于HTML模板生成數據。 攔截并模擬Ajax請求。 本文僅演示使用mock.js進行模擬并攔截Ajax請求。 首先頁面中先引用：