Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库 2018 新年之际, 该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库, 供大家学习和参考
JavaScript 本地存储库 localForage
传送门: https://www.oschina.net/p/localforage
localForage 是一个 JavaScript 库, 提升了应用程序的离线体验, 通过使用异步的数据存储, 提供简单的类似 localStorage 的 API, 允许开发者存储多种类型数据
CSS3 驱动的动画滚动库 AOS
传送门: http://www.oschina.net/p/animate-on-scoll
AOS(Animate on scroll)是小型动画滚动库, 可在页面滚动时给元素添加动画效果 CSS3 驱动, 效果类似于 WOWJS
响应式邮件标识语言 MJML
传送门: https://www.oschina.net/p/mjml
MJML 是一个标识语言, 用来减少编写响应式邮件的复杂度其语义语法在展示丰富邮件内容时更加简单和直观该项目提供一个开源的引擎用来将 MJML 标识语言转成 html
基于浏览器的代码编辑器 Monaco-Editor
传送门: http://www.oschina.net/p/monaco-editor
Monaco Editor 是微软开源的基于 VS Code 的代码编辑器, 运行在浏览器环境中编辑器提供代码提示, 智能建议等功能供开发人员远程更方便的编写代码
web 虚拟现实框架 A-Frame
传送门: http://www.oschina.net/p/a-frame
A-Frame 是 Mozilla 开源的网页虚拟现实体验 ( WebVR ) 框架, 可用于桌面 iPhone(即将支持安卓)以及 Oculus RiftA-Frame 可以让创建 WebVR 体验变得更简单
Web 前端 UI 框架 Bootstrap 4
传送门: http://www.oschina.net/p/bootstrap
Bootstrap 4 带来了许多变化和新特性, 包括基于 flexbox 的网格系统, 新的和重新定义的组件, 以及更快的 ES6 JavaScript 插件 另一个很酷的新功能是自动布局模式 它允许开发人员忽略列的大小, 可自动分配该行中的空间
前端代码格式化工具 Prettier
传送门: http://www.oschina.net/p/prettier
Prettier 是一个自发性的 JavaScript 格式化程序, 受到来自 ES2017,JSX 和 Flow 的语言功能的高级支持的启发 它删除所有原始格式, 并确保所有输出的 JavaScript 符合一致的风格
GPU 加速的 JavaScript GPU.js
传送门: http://gpu.rocks/
用于在 GPU 中运行浏览器 JavaScript 代码的库 使用 GPU.js, 您可以通过将专门编写的 JS 编译成可通过 WebGL 在 GPU 上运行的着色器语言来更快速地执行复杂的计算 如果 WebGL 不可用, 则函数将回退到常规 JavaScript
HTTP 客户端 R2
传送门: https://github.com/mikeal/r2
这是一个更轻量级的 HTTP 客户端解决方案, 它建立在浏览器原生的 Fetch API 的基础之上, 并为 Node.js 提供优化
控制 headless Chrome 的 Node.js API:Puppeteer
传送门: http://www.oschina.net/p/puppeteer-nodejs
Puppeteer 是一个控制 headless Chrome 的 Node.js API 它是一个 Node.js 库, 通过 DevTools 协议提供了一个高级的 API 来控制 headless Chrome 它还可以配置为使用完整的(非 headless)Chrome
跨浏览器的桌面通知插件 Push.js
传送门: http://www.oschina.net/p/push-js
Push.js, 是一款跨浏览器的 Javascript 桌面通知插件这个通知 API 允许在当下流行的浏览器上使用, 像 Chrome, Safari, Firefox, 和 IE 9 可以推送一个通知到用户桌面如果用户的浏览器不支持这个新的 API, 会回滚到使用旧的实现方式
模块化拖放库 Draggable
传送门: https://shopify.github.io/draggable/
Draggable 是一个简单易用的模块化拖放库 它提供了出色的拖放功能, 快速的 DOM 重新排序, 干净的 API 和可访问的标记 Draggable 附带额外的模块, 可以添加更多的功能, 如排序, 交换和其他实用程序
小型 vanilla JS 项目 Card
传送门: https://github.com/jessepollak/card
Card 是一个小型的 vanilla JS 项目(带有一个 jQuery 版本), 让信用卡表格更加有趣
模块绑定器 Webpack
传送门: http://www.oschina.net/p/webpack
Webpack 是一个模块绑定器, 主要目的是在浏览器上绑定 JavaScript 文件
机器学习 JavaScript 库 DeepLearn.js
传送门: http://www.oschina.net/p/deeplearn-js
DeepLearn.js 是 Google 推出的一个可用于机器智能并加速 WebGL 的开源 JavaScript 库, 完全在浏览器中运行, 不需要安装, 不需要后端处理
Node.js CMS 和 Web 应用程序平台 KeystoneJS
传送门: http://www.oschina.net/p/keystonejs
KeystoneJS, 以 Express 和 MongoDB 为基础搭建的 Node.js CMS 和 Web 应用程序平台
在 Web 应用中创建 Poppers:Popper.js
传送门: http://www.oschina.net/p/popper-js
Popper.js 是用来在 web 应用中创建 Poppers 的库
JavaScript GraphQL 客户端 Apollo Client
传送门: http://www.oschina.net/p/apollo-client
Apollo Client 是一个全功能的 GraphQL 客户端, 用于 React Angular 的交互允许你轻松通过 GraphQL 获取数据并构建 UI 组件
跨浏览器的 css3 动画库 Animate.css
传送门: http://www.oschina.net/p/animate-css
Animate.css 是一个有趣的, 跨浏览器的 css3 动画库, 内置了很多典型的 css3 动画, 兼容性好使用方便
觉得本文对你有帮助? 请分享给更多人
关注前端大全, 提升前端技能
来源: http://www.92to.com/bangong/2018/02-23/33366596.html