库&插件&框架&工具

摘要：一些有用的一些有用的，包括转换小箭头三角形媒体查询等中文指南是当下最热门的前端资源模块化管理和打包工具。

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请求。 首先页面中先引用：