前端必备资源

Posted by huangqing on May 11, 2020

资源站

论坛

文档

包管理器

  • Yarn: 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具.
  • npm:npm 是 JavaScript 的包管理器
  • Bower:一个 web 应用的包管理器。

加载器

  • RequireJS:JavaScript 文件和模块的加载器。
  • browserify:在浏览器端以 node.js 的方式 require()。
  • gulp:用自动化构建工具增强你的工作流程!
  • rollup: JavaScript 模块打包器

测试框架

框架

  • jasmine:简单无 DOM 的 JavaScript 测试框架。
  • qunit:一个易于使用的 JavaScript 单元测试框架。
  • jest:简单的 JavaScript 单元测试框架。
  • mocha : mocha是一个功能丰富的javascript测试框架,运行在node.js和浏览器中,使异步测试变得简单有趣。

断言

  • chai:适用于 node.js 和浏览器的 BDD / TDD 断言框架,并能搭配其它测试框架使用。
  • Sinon.JS:对 JavaScript 进行 spies、stubs 和 mock 测试。

覆盖率

  • istanbul:另一个 JS 代码覆盖率检测工具。
  • blanket:一个简单的代码覆盖率检测库。它的设计理念是易于安装和使用,且可用于浏览器端和 node.js。

运行器

  • phantomjs:脚本化的 Headless WebKit。官网
  • slimerjs:一个内核为 Gecko 的类似 PhantomJS 工具。官网
  • casperjs:基于 PhantomJS 和 Slimer JS 的导航脚本和测试工具。官网
  • zombie:基于 node.js 、快速、全栈且无图形界面的浏览器的测试工具

工具

MVC框架和库

  • vue:一个用于构建可交互界面的、直观快速和可组合的 MVVM 框架
  • angular.js:为网络应用增强 HTML
  • react:用于建构用户界面的库。它是声明式的、高效的和极度灵活的,并使用虚拟 DOM 作为其不同的实现。官网
  • react-native:一个用 React 构建原生应用的框架。官网
  • Electron:用Html、CSS和JavaScript构建跨平台的客户端应用程序

模板引擎

  • mustache.js:是 JavaScript 中带有 的最简模板
  • handlebars.js:是 Mustache 模板语言的扩展
  • pug:健壮的、优雅且功能丰富的 nodejs 模板引擎。
  • marko:快速轻量且基于 HTML 的模板引擎,支持异步、流、自定义标签和 CommonJS 模编译后输出。适用于 Node.js 官网和浏览器

在线编辑

  • codepen.io 构建,测试和发现前端代码
  • jsfiddle.net 为库/框架文档构建演示 demo,并用前端代码来调试
  • codesandbox.io 使用最先进的技术构建和共享 Web 应用程序。

编辑器

  • 乐吾编辑器 前端开源、易扩展、方便集成的绘图工具(微服务架构图、网络拓扑图、流程图、活动图等)
  • Wick 编辑器 一个免费的开源工具,可用于创建游戏,动画以及您能想到的其他任何东西。

布局

正则

选择框插件

  • FancySelect
  • Bootstrap Select
  • Chosen
  • Select2
  • SelectBoxit
  • GentleSelect
  • HeapBox
  • Seletify
  • SumoSelect
  • jQuery Select Plugin
  • Selectric
  • Selectator
  • Flexselect
  • Bselect
  • Zelect

2020

  • fullPage.js 这套开源库能够帮助大家创建全屏滚动网站,如以上 GIF 动图所示。
  • Anime.js Anime.js 是目前最好的动画库之一,拥有出色的灵活性与易用性。
  • Masonry Masonry 是一套 JavaScript 网格布局库。它能够使用简单的网格元素,并根据可用的垂直空间进行放置,有点像工程师们把石块或砖砼铺设在墙面上的感觉。
  • slick Slick 拥有全响应式、滑动支持以及无限循环等出色功能。如项目网站首页所述,它能满足用户对于轮播库的所有预期。
  • Popper.js Popper.js 是一套大小约为 3 KB 左右的轻量化 JavaScript 库。这是一款零依赖关系的可靠、可扩展定位引擎,能够保证所有 popper 元素都被放置在正确的位置。
  • cloccloc 看代码行数。需要strawberryperl支持
  • axios Promise based HTTP client for the browser and node.js
  • YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
  • typora Typora 是一款支持实时预览的 Markdown 文本编辑器。可导出doc,pdf文档。