网站建设与管理 第2版,wordpress淘宝客网站运营,网站收录上万没有流量,网站建设开发外包公司在这篇文章中#xff0c;我不会与大家谈论大型的前端框架#xff0c;如 React、Angular、Vue 等#xff0c;也没有涉及那些流行的代码编辑器#xff0c;如 Atom、VS Code、Sublime#xff0c;我只想与大家分享一个有助于提升开发人员效率的工具列表合集。 或许#xff0c… 在这篇文章中我不会与大家谈论大型的前端框架如 React、Angular、Vue 等也没有涉及那些流行的代码编辑器如 Atom、VS Code、Sublime我只想与大家分享一个有助于提升开发人员效率的工具列表合集。 或许一些朋友已经对文中的一些工具有所了解但如果你发现了一些对你有帮助的新工具那么我将倍感欣慰。 由于这个列表中包含了不同类别的资源为了便于大家查看我已将其进行了重新的分类来 Enjoy 吧 JavaScript 库 Particles.js - 一个用于在网页上创建漂亮的浮动粒子的 JS 库Three.js - 用于在网页上创建 3D 物体与空间的 JS 库Fullpage.js - 易于实现全屏滚动功能的库Typed.js - 实现打字机效果Waypoints.js - 滚动到元素触发事件的库Highlight.js - 页面上语法高亮显示Chart.js - 纯 JS 制作漂亮的图表Instantclick - 鼠标悬停预先加载页面资源大大加速你的网站响应速度Chartist - 开源响应式图表库Motio - 基于 sprite 的动画和平移库Animstion - 页面切换动画的 jQuery 插件Barba.js - 创建页面间流畅平滑的过渡效果TwentyTwenty - jQuery 视差插件Vivus.js - 可以执行 SVG 路径动画的轻量级 JS 库Wow.js - 页面滚动时展现动画效果Scrolline.js - 页面滚动时显示滚动进度的 jQuery 插件Velocity.js - 用于加速 JavaScript 动画Animate on scroll - 页面滚动时增添元素动画的小型库Handlebars.js - JavaScript 模板引擎jInvertScroll - 轻量级的 jQuery 水平视差插件One page scroll - 实现苹果风格单页滚动效果的 jQuery 插件Parallax.js - 轻量级的视差引擎能够对智能设备的方向作出反应Typeahead.js - 搜索框自动补全的 JS 库Dragdealer.js - 基于拖动的 JavaScript 组件Bounce.js - 快速创建漂亮的 CSS3 动画效果Pagepiling.js - 创建全屏滚动效果Multiscroll.js - 创建两列垂直反向滚动效果的 jQuery 插件Favico.js - 动态图标插件Midnight.js - 固定头部切换效果Anime.js - JavaScript 动画引擎Keycode - 获取键盘按键的 JS 键码值Sortable - 用于拖拽排序的 JavaScript 库Flexdatalist - 支持datalist的 jQuery 自动完成插件Slideout.js - 实现滑出式 Web App 导航菜单Jquerymy - 实时、复杂的双向数据绑定 jQuery 插件Cleave.js - 自动格式化表单输入框的文本内容Page - 构建单页应用的小型客户端路由库Selectize.js - 基于 jQuery 的select UI 控件用于创建tag标签输入框和 select 下拉框Nice select - 创建漂亮下拉框的 jQuery 插件Tether - 使用绝对定位创建两个互相相关元素的 JS 库Shepherd.js - 创建新手引导的 JS 库Tooltip - 工具提示插件Select2 - 基于 jQuery 的替代选择框IziToast - 轻量的跨浏览器响应式消息通知插件IziModal - 炫酷的 jQuery 模态窗口插件。CSS 库与设计资源 Animate.css - 强大的 CSS3 动画库Flat UI Colors - 漂亮的扁平化配色Material Design Lite - 基于谷歌 Material Design 的前端框架Colorrrs - 随机颜色生成器Section separators - CSS 区域分割Topcoat - 专注为简洁、快速的 Web 应用提供 CSS 开发的工具Create Ken Burns Effect - 利用 CSS3 实现的 Ken burns 特效DynCSS - 用于分析 CSS -dyn-属性规则并使其具备动态属性Magic animations - 具备特殊动效的 CSS3 动画CSSpin - 丰富的 CSS 加载动画Feather icons - 简单、漂亮的开源图标库Ion icons - 专为 Ionic 框架设计的图标字体Font Awesome - 可缩放的矢量图标字库Font Generator - 在线字体生成器On/Off FlipSwitch - 在线创建纯 CSS3 动画开关效果UIkit - 轻量级的模块化前端框架Bootstrap - 著名的前端框架Foundation - 著名的前端框架。有用的产品/链接 head Cheatsheet - 可以写入到head标签的内容清单译者注中文翻译版地址Ghost - 基于 Node.js 的简易博客平台What runs - 用于网站技术分析的 Chrome 插件Learn anything - 用于分解项目的强大思维导图。以上就是我个人常用的一些前端工具、框架、库的列表希望对大家有所帮助。如果你也愿意分享一些新的发现可以在推特上随时联系我。 感谢你的阅读。若你有所收获欢迎点赞与分享。 注 本文版权归原作者所有仅用于学习与交流如需转载译文烦请按下方注明出处信息谢谢 英文原文67 useful tools, libraries and resources for saving your time as a web developer 作者Ognjen Gatalo 译者IT程序狮 译文地址http://www.jianshu.com/p/c95e400e43b6 作者IT程序狮链接http://www.jianshu.com/p/c95e400e43b6來源简书著作权归作者所有。商业转载请联系作者获得授权非商业转载请注明出处。转载于:https://www.cnblogs.com/nihaorz/p/7610772.html
