库&插件&框架&工具

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 运动搞不定 你缺乏一个运动框架而已

能够解决的运动：

1. 元素的上下左右匀速 缓冲运动
2. 图片的透明度变化
3. 图片轮播
4. 元素高度 宽度 边框像素的变化
5. 适用于多个物体运动以及链式运动
6. 改变元素的位置

对不起，咱们来迟了——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 脚本： <link rel="stylesheet" href="lazyPicker.min.css" /…

使用 mock.js 让前端开发与后端独立

Mock.js实现的功能。 基于数据模板生成数据。 基于HTML模板生成数据。 拦截并模拟Ajax请求。 本文仅演示使用mock.js进行模拟并拦截Ajax请求。 首先页面中先引用： <script src="http://cdn.bootcss.com/jquery/3.1.…

前端技能图谱

概述 Web 前端要学习的内容。html 就是一堆标签，而后能够在页面显示出一些控件，例如表格，输入框，按钮等。而 css 的做用在于控制 html 的标签位置，效果等，若是不是 css 的话，咱们不会见到平时那些如此美观的页面。js 的做用主要是提供运算功能，动态操做页面的元素，还能够经过网络与服务器通信（传说中的 ajax），动画效果不少时候也是 js 弄出来的。

AlloyTouch Button 插件 - 再也不愁 click 延迟和点击态

移动端不能使用 click，由于 click 会有 300ms。全部有了 fastclick 这样的解决方案。而后 fastclick 并无解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover 会有不消失的问题，全部你们通常用: active。利用 :active 伪类来设置某元…

【翻译向】webpack2 指南（中）

webpack2 已经发布了，翻译了一下官方指南。
包括内容：

• 动态模块替换
• 开发环境配置
• 为生产环境构建
• React 懒加载
• Public Path

移动Web触摸与运动解决方案AlloyTouch开源啦

传送门 Github地址：https://github.com/AlloyTeam/... 简介 AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。因此带来了普遍的应用场景。不论实在应用、游戏、操做系统等许多层面，监听用户触摸，…

bootstrap 之 affix 附加导航

使用 affix 效果开发一个 API 文档页面

Webpack 2 入门教程

本文写于 Webpack 2 正式发布以前（完善文档阶段）。
不只是一篇 Webpack 2 的入门教程，也让你们了解什么是 Webpack，值得收藏，长文慎入。

Vue高效UI组件库—iView开发实践

前段时间在微软参加活动，分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验，现整理成文，和你们探讨。本文首发于掘金，转载请注明出处和做者。 GitHub：https://github.com/iview/iview 关于 …

echarts 画图实例讲解

前两天分享了一个项目 (http://hyuhan.com/2016/11/17/...，里面用到了 echarts（一个纯 Javascript 的图表库）来画图，项目中用到了它的字符云图，地图，柱状图，饼图等，今天就给你们分享一些一些实现的细节。建议先去看看五分钟上手 Echarts 再来看这篇博客。

让你的 Web 项目有趣起来！

不少有趣的工具，赞！

Git学习与环境配制

这偏补充以前hexo+github的git使用. 版本管理 集中型(SVN) 1.特色:只有一个仓库,集中放在一个服务器,优势便于管理.缺点就是开发者不能链接服务器就没法获取最新的版本. 分散型 能够folk,多个仓库,能够没必要链接远程仓库就能够开发 注册github，首先你需…

一套绝佳的图标字体库和CSS框架

Font Awesome为您提供可缩放的矢量图标，您可使用CSS所提供的全部特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

和 transformjs 一块儿摇摆

写在前面 记得之前 facebook 作过一款 HTML5 游戏。开场动画是一块软体相似豆腐的东西一块儿摇摆。相似的效果以下面的 gif 所示： facebook 当时使用的是 createjs 下的子项目 easeljs 和 tweenjs 去制做，基于 Canvas 的动画。基本的原理主要是：循环运动 Ca…

基于 vue2.0+vuex 的日期选择组件

一个基于 vue2.0+vuex 的简单日期选择组件

Typr.js - 网页字体 Parser

和 opentype.js 相似，解析字体文件并存在 ArrayBuffer 的内存里面，并能够得到 glyph 数据

超全面 + 最流行的「前端速查表」高清版大全

目前最新最流行的前端速查表（Cheat sheet），包含：CSS3 Flexbox、ES六、jQuery 3 以及最新的 Bootstrap 4，前端人员能够将这些看成是备忘表或速记手册，使用时能够快速查阅，至关便捷。推荐收藏备用！

实现小小的 fullpage

今天运营给了一个需求，要作个引导页，也就是全屏滚动。考虑到只有 3 张图，就本身码个吧！遇到一些坑！

专一于移动端的fullPage.js

可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。

入门 Webpack，看这篇就够了

做者语：阅读本文以前，先看下面这个 webpack 的配置文件，若是每一项你都懂，那本文能带给你的收获也许就比较有限，你能够快速浏览或直接跳过；若是你和十天前的我同样，对不少选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑必定一个一个都会消失；若是你之前没怎么接触过 Webpack，若是你对 webpack 感兴趣，本文中有一个贯穿始终的例子，若是你能把这个例子本身动手写一次，写完之后你会发现你已明明白白的走进了 Webpack 的大门。

文／zhangwang（简书做者）

直播音频小库 voiceLive.js

利用 howerl.js 封装出 voiceLive.js，针对语音直播的一系列需求整理出的一个业务小库。

基于 jquery 的 UI 库

基于 jquery 的 UI 库

transformjs 污染了 DOM? 是你不了解它的强大 | 掘金技术征文

原文连接: https://github.com/AlloyTeam/... 写在前面 上星期在React微信群里，有小伙伴以为transformjs直接给DOM添加属性太激进，不可取（因为不在那个微信群，不明白…

30 分钟 Qunit 入门教程

30 分钟让你了解 Javascript 单元测试框架 QUnit，并能在程序中使用。补充了控制台输出测试结果相关内容。 题外话 有些童鞋可能会问，单元测试真的有必要吗？实际上，相信咱们写完代码至少都会进行一些简单的输入输出测试，检查代码是否会报错。可是这相对比较手工，当咱们代码…

基于 Vue.js 和 ionic 样式的 UI 框架

DEMO: https://wangdahoo.github.io/v...

预计本月发布正式版，欢迎关注。

github 上 jquery 弹出层插件你值得拥有

功能强大、样式简单、文档齐全

一款 HTML5 在线音乐播放器，带音频图谱

包含功能：在线音乐（酷狗）播放，音乐收藏，歌词显示，音频图谱；收藏和歌词采用本地存储。

轻量级的JavaScript表单验证，字符串验证validator.js

轻量级的JavaScript表单验证，字符串验证。没有依赖，支持UMD，~3kb。 Github: validator.js validator.js官网=>实例应用 安装使用 模块 在应用中引用 validator.min.js 文件 $ npm install valida…