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

nodejs 入門

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

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

前端表單驗證工具分享

淺談前端線上部署與運維

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

一個 jQuery 前端插件庫

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

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

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

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

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

圣誕節(jié)，把網(wǎng)站所有的js代碼都壓縮成圣誕樹吧。

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

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

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

Threejs之二:相機詳解

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

【翻譯向】webpack2 指南（下）

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

緩存

墊片（Shimming）

編寫一個庫

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

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

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

[2016.09.06 更新] 整合 WEB 開發(fā)包含的 JavaScript 庫，前端框架，Web 應(yīng)用框架，任務(wù)批處理工具 / 包管理器，編程語言 / 開發(fā)平臺，數(shù)據(jù)庫，icon 圖標(biāo)，本地開發(fā)環(huán)境搭建，協(xié)作工具，Web 開發(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)境部署的前端資源。還可以將按需加載的模塊進行代碼分隔，等到實際需要的時候再異步加載。通過 loader 的轉(zhuǎn)換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

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

可以解決的運動：

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

圖片的透明度變化

圖片輪播

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

適用于多個物體運動以及鏈?zhǔn)竭\動

改變元素的位置

對不起，我們來遲了——webpack 中文社區(qū)

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

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

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

移動Web利器transformjs入門

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

逐行閱讀 Bootstrap 源碼

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

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

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

移動端下拉刷新插件

有原生與 vue 兩個版本

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

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

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

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

開源編程字體全家桶

總有一款適合你

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

輕量美觀的實現(xiàn)粒子動效的 JS 開源庫。

城市多級聯(lián)動插件

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

webpack 教程資源收集

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

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

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

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

游戲即將開始

Jade 模板引擎讓你飛

Jade 模板跟 NodeJs 真配

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

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

webpack 很不錯的中文文檔

很不錯的，翻譯者辛苦了

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

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

你必須『收藏』的Github技巧

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

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

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

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

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