浙江优就业杭州it培训的老师帮大家来总结67个web前端常用的工具、库和资源。帮助大家学好web前端，成为一名优秀的web前端工程师。
web前端
一、JavaScript库
Particles.js——在网页上创建炫酷的漂浮例子的库，在网站首页比较常见。
Three.js——在网页上创建3D对象和空间的库，常用于网页游戏
Fullpage.js——轻松创建全屏滚动的网页。
Typed.js——实现打字机的效果。
Waypoints.js——实现滚动一个元素触发一个函数的最简单的方式。
Highlight.js——自动检测语言及高亮语法。
Chart.js——纯JavaScript实现炫酷图表。
Instantclick——大大提升网页加载效率，在鼠标悬停时预加载资源。
Chartist——另一个图表库。
Motio——实现基于sprite的动画和平移效果的库。
Animstion——css动画页面切换效果的JQuery插件。
Barba.js——流畅和平滑的页面过渡效果。
TwentyTwenty——一个视觉差异工具，突出两个图像之间的差异。
Vivus.js——用于在SVG上绘制动画的库。
Wow.js——滚动时显示动画。
Scrolline.js——显示页面的滚动进度条。
Velocity.js——快速、平滑的JavaScript动画。
Animateonscroll——另一个滚动显示动画的库
Handlebars.js——JavaScript模版。
jInvertScroll——轻量级的水平视差插件。
Onepagescroll——与FullPage类似。
Parallax.js——视觉引擎，对智能设备的方向做出反应。
Typeahead.js——自动匹配搜索。
Dragdealer.js——相当酷的实现拖动效果的库。
Bounce.js——创建炫酷的CSS3动画。
Pagepiling.js——又一个onepagescroll.
Multiscroll.js——实现多列滚动面板效果。
Favico.js——动态图标。
Midnight.js——无缝切换固定标题。
Anime.js——动画库。
Keycode——获得按键的JavaScript键码。
Sortable——拖动排序控件。
Flexdatalist——输入补全。
Slideout.js——在网页上实现抽屉效果的侧边导航栏。
Jquerymy——使用jquery的两种数据绑定方式。
Cleave.js——格式化输入内容。
Page——小型客户端路由库。
Selectize.js——用于添加标签的选择框。
Niceselect——用于创建奈斯型选择框。
Tether——可以有效地固定绝对定位的元素。
Shepherd.js——实现指导用户使用应用的效果。
Tooltip——提示信息。
Select2——丰富的自定义选择框。
IziToast——容易实现的JS通知。
IziModal——容易实现的JS弹窗。
二、CSS库／设计类
Animate.css——动画库。
FlatUIColors——简单有效的颜色。
Materialdesignlite——基于Google的MaterialDesign。
Materialui.co——许多MaterialDesign框架的资源。
Colorrrs——随机颜色生成器。
Sectionseparators——CSS分割线。
Topcoat——简单快速的CSS框架。
Createkenburnseffect——使用CSS动画的KenBurns效果。
DynCSS——为CSS添加函数，让它变成动态的。
Magicanimations——人如其名。
CSSpin——CSS旋转控件集合。
Feathericons——图标。
Ionicons——图标。
Fontawesome——图标。
Fontgenerator——组合多种字体，生成一个混合体。
On/Offswitch——开关按钮。
UIKit——轻型的模块化框架。
Bootstrap——这个就不谈了。
Foundation——号称最先进的响应式前端框架。
三、有用的产品／链接
headcheatsheet——可以进入head标签的所有内容列表。
Ghost——基于node.js的简单博客平台。
Whatruns——发现一个网站使用什么技术的Chrome插件。
Learnanything——以思维导图形式提供各种学习资源，你值得拥有。
以上就是简化Web开发时间的67个工具、库和资源，希望能对大家有所帮助。
学习更多互联网it培训信息请持续