推荐12个 JavaScript 和 CSS 库，收藏一下吧！

  Web 设计师天天都在汇集优质的代码，但愿能晋升本身的工作效率。网上资本良多并且免费，可是太多就导致难以筛选出好的资本。下面我找了一些比力不错的代码库，大师保藏一下吧。

东西/原料

• 浏览器

方式/步调

1. 1

   ClarifyJS

     ClarifyJS可以让你串联一串方式，以肆意挨次执行。凡是的JavaScript方式是从左到右执行的，ClarifyJS可以让你改变它们执行的挨次。并且，经由过程选择是否让历程期待某个特心猿意马的异步方式完当作仍是执行后继续，也能节制异步方式。

   
2. 2

   Superstruct

     Superstruct供给了一种验证数据的简单体例。它受到了Typescript、Flow和GraphQL的开导，其本家儿要目标是在运行时验证数据，并返回具体的运行时错误信息。可以在利用REST或GraphQL API时经由过程它来验证用户输入。

   
3. 3

   Muuri

     JavaScript结构引擎，用于建立差别化多功能的交互结构。经由过程内置拖放、快速动画及筛选排序，撑持对结构的完全心猿意马制。它利用Web Animations处置动画，利用Hammer.js实现拖放。

   
4. 4

   Neutrino

     Neutrino基于Webpack建立JavaScript项目，撑持预设和共享设置装备摆设。预设是Neutrino的焦点，利用它的基准预设可以构建各类项目。你也可以经由过程扩展来建立本身的预设。

   
5. 5

   CCXT(CryptoCurrency eXchange Trading)

     这是一个用于加密货泉和电子商务买卖的JavaScript/PHP/Python库。经由过程它可以毗连加密货泉买卖所并完当作付出。撑持比特币/以太币/替代币买卖市场，完全实现了各买卖所的公共和私有API，可以或许快速拜候买卖数据，可用于存储、阐发及可视化。

   
6. 6

   Reactopt

     Reactopt是一个CLI React优化东西，可以识别应用中可能导致不需要重绘的事务。这个库是为了替代react-addons-perf模块开辟的，后者在React 16今后就不被撑持了。当前，它撑持Click/Double click、Drag、KeyPress、KeyDown和Input事务。

   
7. 7

   WordPressify

     前端构建系统，用于主动化WordPress开辟工作流。供给集当作的Web办事器和主动重载、PostCSS及Scss预处置器，还有矫捷的心猿意马制化构建。还内置了Babel编译ES6代码，撑持新的JS语法。

   
8. 8

   Spectre

     Spectre是一个完全免费的响应式的CSS框架。撑持根基的样式、排版、基于Flexbox的响应式且移动优先的结构系统，以及标致的纯CSS组件。很是小巧，压缩后只有10KB，但撑持年夜大都现代浏览器。

   
9. 9

   Rapid.js

     针对自界说API路由，Rapid.js可以加快API封装及构建类ORM的接口。它供给根基的CRUD方式，以及get()、post()、put()、patch()、delete()和head()方式，实现根基的请求。几乎不消设置装备摆设，适合构建任何API。

   
10. 10

    Parcel

    Parcel是一个飞快的Web应用打包东西，无需设置装备摆设。撑持打包JavaScript、CSS、HTML、文件资本，并利用Babel、PostCSS和PostHTML进行主动模块转换。它还有一个很是友爱的错误日记，撑持语法高亮，便利定位问题。

    
11. 11

    Shards

      免费的此刻UI东西包，基于Bootstrap 4，超轻量，全响应。包含10个自界说组件，2个预置着陆页及基于Material和Font Awesome包的图标库。开辟者可以自界说其SCSS文件，以点窜已有结构，或者建立本身的结构。

    
12. 12

    Mark.js

      可以对经由过程关头词或正则表达式匹配的文本动态添加高亮。内置撑持变音符号（diacritics）、自力词搜刮、自界说同义词、iframe、自界说过滤器等。可以零丁利用，也可以作为jQuery插件。