开发手册 – 开源达人博客

backbone: 强大的前端 MVC 库，鼻祖级前端库，最初为了配合 Rails 来模块化前端应用，兼容性良好 (兼容到 IE6)，插件丰富，性能良好 jquery.smartbanner: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持

jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素，支持回退等

jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条

onepage-scroll: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8

scrollMonitor: 前端插件用来监控元素的滚动事件(进入、退出等)，性能很好

ScrollMagic: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果

infinite-scroll: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作

animatable: 仅仅依靠 border-width 和 background-position 实现的各种动态效果，看真相

Fluidbox: 页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果

jquery-validation: jQuery 的一个插件，用于校验 Form 表单

BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果

emscripten: 一款基于 LLVM, 可以将 C/C++ 转换成 Javascript 的工具，使得 Javascript 可以近乎 Native 的速度

qrcode-generator: 各种语言的二维码生成工具

device.js: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS

jquery-qrcode: jQuery 插件，用来生成二维码

Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果

isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo

lazysizes: 功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片

progressbar.js: 简洁美观的进度条，扁平化

pigshell: 一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive 等网络服务 spectrum: Js实现的颜色选择器 (Colorpicker)

jQuery.countdown: jQuery 倒计时插件

summernote: WYSIWYG 富文本编辑器

awesomplete: 非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观

switchery: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器

trix: Basecamp 公司出品的富文本编辑器，简洁小巧

sensor.js: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等

hyhyhy: 用于创建基于 HTML5 的演示文稿

swipebox: jQuery 插件，用于处理移动端的触摸事件

FileAPI: 前端用户处理文件（拖放、多文件上传等）

Sortable: 现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuery

Swiper: 用于实现浏览器上的滑动切换效果，支持硬件加速

matter-js: 2D 物理效果引擎，碰撞、弹跳等

jQTouch: 用于辅助创建手机端的 Web 应用，支持主题、Zepto.js 等

snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库

c3: 基于 D3 的图表库 echarts: 企业级图表库，百度开发

parallax.js: 一个用于响应智能手机 orientation 的库

jQuery-Animate-Enhanced: jQuery 动画库的一个增强，用于现代浏览器

wysihtml: 富文本编辑器，适用于现代浏览器

slip: 一个通过滑动或者拖拽来操控列表的库

evil-icons: 一个矢量图库，提供 Ruby/Node 等支持

PhotoSwipe: JS 的一个图片展示库

focusable: 是页面上一个元素高亮的库，有图有真相

firefox.html: Firefox 在浏览器端的实现 —— HTML 版的 Firefox

jquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库，基于 HTML5

mobile-angular-ui: 基于angularjs和bootstarp的web app开发框架

interact.js: 一个适用于现代浏览器的，用于处理手势、拖放、缩放等的库

rebound-js: 实现部分物理效果，Facebook 出品

basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存

iscroll: 高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的

metrics-graphics: 基于 D3 的图表库，简洁、高效，Mozilla 出品

accessible-html5-video-player: Paypal 出品的 Video 播放器

loading: 几种 Loading 效果，基于 SVG

flippant.js: 一款能够漂亮的网页元素翻转效果库，代码许久不更新，不过作为源码学习还是不错的

move.js: 基于 CSS3 的前端动画框架

scrollReveal.js: 使元素以非常酷帅的方式进入画布 (Viewpoint)，看 Demo

Modernizr: 一个用来检测 HTML5 和 CSS3 支持情况的库

foundation: 另一款前端模版框架，类似于 Bootstrap

Flat-UI: Bootstrap 的一款主题，简洁美观

iCheck: 一款漂亮的 Checkbox 插件

Swipe: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb

slick: 功能异常强大的一个图片滑动切换效果库

SocialButtons: 漂亮的社交按钮

sweetalert: 一个非常美观的用于替换浏览器默认 alert 的库

web-animations-js: Javascript 实现的 Web Animation API

vivus: 可以动态描绘 SVG 的 JS 库, 支持多种动画

plyr: 轻量, 小巧, 美观的 HTML5 视频播放器

timesheet.js: 基于 HTML5 & CSS3 时间表

slideout: 一个非常美观的侧滑菜单

layer1 站主比较好沟通

layer 不全

layercdn 组件参数比较详细。 layui 中最广为人知的组件，它可以轻松应对 Web 应用开发中的各类复杂的弹出交互。有人说使用 layer 是一种情怀，一旦用上了，就离不开了。有多少人是因为 layer 才选择 layui 的呢，有一种信仰，叫：无条件相信

一、构建工具

1、 Parcel 地址：https://parceljs.org/ Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。

2、 Critters 地址：github.com 一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。

3、sucrase 地址：sucrase.io 如果你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。

4、Webpack Config Tool 地址：webpack.jakoblind.no 一款可视化的在线工具网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。

5、JSUI 地址：github.com/kitze/JSUI JSUI 是一个可视化分类、构建和管理 JavaScript 项目的工具。不管是前端应用还是后端应用，也不论使用的是哪种框架，只要项目有一个 package.json ，即可进行管理。

6、PWA Universal Builder 地址：pwa.cafe/ 一款脚手架构建工具，方便创建基于Preact，React，Vue和Svelte的项目，开箱及支持Babel，Bublé，Browserlist，TypeScript，PostCSS，ESLint，Prettier和Service Workers！

7、VuePress 地址：vuepress.vuejs.org/ VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。

二、框架和库

8、 PWA Starter Kit 地址：pwa-starter-kit.polymer-project.org/ 通过功能丰富的WEB组件快速帮你构建功能齐全的PWA网站项目，几乎零配置，完成了构建、测试和快速部署。

9、PaperCSS www.getpapercss.com/ 一个不太常规的CSS框架，如果你希望你的网站有手绘风格感觉，选择它准没错。

10、boardgame.io 地址：boardgame.io/ BOARDGAME.IO是 Google 开源的一个游戏框架，旨在允许游戏作者将游戏规则从本质上转化为一系列简单的函数，这些函数用于描述当一个指定动作发生时游戏的状态变化，框架负责处理表述性状态传递。无需再手动编写任何网络或后端代码。功能特性：状态管理：自动跨浏览器、服务器和存储器无缝管理游戏状态；快速成型：在渲染游戏之前调试界面以模拟更改。多人游戏：所有连接到同一游戏的浏览器都实时同步，无需刷新。私密状态：私密信息可从客户端隐藏。日志：游戏日志可查看任意时间的信息。 UI 工具包：常用于游戏中的 React 组件。

11、Stimulus 地址：stimulusjs.org Stimulus是一个适度的前端框架，它并不试图接管整个前端的方方面面，不关心如何渲染HTML，相反用来增强HTML的相关行为。如果你的团队规模较小，但又想要和那些使用比较费力的主流方案的较大团队竞争，那么这是一个比较适合的前端框架方案。

12、sapper 地址：sapper.svelte.technology/ Sapper是一个类似Next.js的框架，具有极高的性能和内存效率，具备代码分割，服务端渲染的现代框架功能，是一款军工级别的框架。

13、Reakit 地址：reakit.io/ 使用这个框架能让你快速搭建漂亮的React UI 交互站点。

14、Evergreen 地址：evergreen.segment.com/ 更为强大的React UI 框架，有一套非常标准的UI设计语言帮你构建企业级的具有国际范设计风格的WEB应用，这个框架类似我们国内的ant.design（https://ant.design/docs/spec/colors-cn）

三、HTML和CSS工具

15、 keyframes.app 地址：keyframes.app 一款基于时间关键帧，在线制作网页动画的网站，你无需在编辑器和浏览器直接互相切换，及所见即所得。keyframes.app提供在线制作和谷歌浏览器扩展插件两种形式。制作完成后，你能很方便的将自动产生的CSS代码复制到你的项目中。

16、 Emotion 地址：emotion.sh/ Emotion是一款用JavaScript编写css的库，支持字符串和对象两种方式声明CSS变量，如果你在使用React，试用这个库将让你以更加优雅的方式用JavaScript编写CSS。

17、modern-normalize 地址：github.com normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素，而且不同于cssrest，只针对需要正常化的元素。modern-normalize只针对现代浏览器，而且足够现代，甚至IE和Edge都已经放弃。

18、layerJS 地址：layerjs.org/ 一款你只需要编写HTML就能很轻松实现菜单、画框、弹出层、滚动视察、缩放、触摸手势等众多效果的框架，这个框架代码压缩版只有30KB,很方便与各种前端框架集成(Angular,VueJS,React),支持响应式和触摸，并且不依赖任何库就能实现。

19、css-blocks 地址：css-blocks.com/ 一款受 CSS Modules, BEM 和 Atomic CSS 框架启发，为你的web应用组件提供完美的CSS模块方案。

20、usebasin 地址：usebasin.com/ 一款你只需要设计表单，无需编写后端代码，就能很方便的将表单应用集成到你的项目里。

21、mustard 地址：mustard-ui.com/ 一款适合初学者的CSS框架，但是看起来还蛮不错，模块化，开源，压缩版只有6KB，支持FLEX,Grid布局和自带一些漂亮UI,比如进度条，表单、按钮等，虽然小，但功能齐全。四、javascript工具

22、ScrollHint 地址：appleple.github.io 一个JS库，用于指示元素可以水平滚动，并带有指针图标，如果你在做一个新手引导，这个工具将会是一个不错的选择。

23、ToastUI editor 地址：github.com 强大的Markdown编辑器tui.editor,方便集成到你的项目里，这款强大的富媒体编辑器有以下特点：支持 CommonMark 与 GFM（GitHub Flavored Markdown）两种标准支持丰富的扩展插件，如颜色选择器、图表、UML、表格合并提供了所见即所得与 Markdown 这两种模式，在编辑过程中可以随时切换，非常方便。在所见即所得模式下，可以直接从浏览器、 Excel、PPT等复制文本，并且保留原来的格式

24、FilePond 地址：github.com Filepond 是一个用于文件上传的 JavaScript 库，可以上传任何内容，优化图像以获得更快的上传速度，并提供一个出色的，可访问的，流畅的用户体验。 Filepond 提供了多种上传方式：拖放，复制和粘贴文件，浏览文件系统或仅使用库的API。gzip 压缩后仅有 21KB ，并且内置了图像优化和图像自动调整功能。 Filepond 适用于 React ， Vue ， Angular 和 jQuery 。

25、Dinero.js 地址：sarahdayan.github.io/dinero.js/ 一个用来创建、计算和格式化货币价值的不可变的框架。无论在银行应用程序、电子商务网站还是证券交易所平台，我们每天都在与金钱互动。我们也越来越依赖技术来处理问题。然而，关于如何以编程处理货币价值尚无共识。虽然金钱是现代社会中普遍存在的概念，但相较于日期和时间之类的东西，它并不是任何主流语言中的一流数据类型。结果，每一种软件都有自己的处理方式，且伴随着陷阱。 Dinero.js遵循Fowler的模式更多一点儿。它允许你在JavaScript中创建、计算和格式化货币值。你可以进行数学运算、解析和格式化对象，使你的开发过程更加轻松。该库设计为不可变和可链接的模式。它支持全局设置，具有扩展格式选项，并提供本机国际化支持。

26、Swup 地址：github.com/gmrchk/swup 一款适合初学者的框架，方便灵活易用，让你能快速制作专业级的页面转场动画效果。

27、Selection.js 地址：simonwep.github.io/selection/ 简单易用的可视化，支持鼠标拖拽、使用Cmd/Ctrl+click 选择页面元素的库（支持分组选择），大大节省了你的开发时间。只有3KB大小，不依赖jQuery。

28、Glider.js 地址：nickpiscitelli.github.io/Glider.js/ 一个超快速(25毫秒加载)，轻量级(小于3KB)，无依赖性(不需要jQuery)的制作幻灯效果的前端库，支持响应式，易于扩展，方便自定义事件等…，更多特性等待你的发现！

29、ScrollOut 地址：scroll-out.github.io/ 一款帮你制作专业级Scroll滚动效果（滚动视差）的框架，框架大小不到1KB,使用回调的方式将相关动画元素的属性进行实时分配，方便你做出个性化的动态效果。五、图标、图表工具

30、Orion Icon Library 地址：orioniconlibrary.com/ 多达6000专业免费的SVG矢量图标，还支持深度的定制，比如更换配色，更改线条粗细，变换图标风格(细线条、粗线条、扁平)，一键生成相关代码。

31、Frappe Charts 地址：frappe.io/charts 一款简单、专业、开源、现代风格的SVG报表工具,不需要任何依赖库，代码风格简单，简单易用。支持一键导出svg代码。

32、SVGator 地址：www.svgator.com/ 如果您希望将Web图形提升到一个新的水平，那么动画SVG就是您的选择，而SVGator是您可以用来创建它们的最简单的工具之一。一款专业级的SVG动画制在线制作工具。SVGator还具有代码管理器面板，因此您可以准确地看到应用程序生成的代码。SVGator导出干净，格式良好的代码。

33、ApexCharts 地址：apexcharts.com/ ApexCharts.JS 是一个现代化 JavaScript 图表库，用于使用简单的 API 构建交互式图表和可视化，功能十分强大。方便你将图表嵌入到你的Vue、React项目中。

34、MapKit JS 地址：developer.apple.com 一款苹果公司提供的地图工具，如果想制作和苹果官方网站一样的地图风格，这个工具将是一个不错的选择，允许你在地图上添加交互事件，丰富你的地图应用。

35、Img2 地址：github.com 一款图片自动预加载和缓存工具，防止图片闪烁，并使用模糊滤镜预先显示图片延迟图片加载，提高网页加载速度，使用起来非常简单，你只需要使用<img-2>替代<img/>标签即可，使用起来就是这么简单！

36、Lozad 地址：github.com Lozad.js 是基于 IntersectionObserver API 的轻量级、高性能、可配置的纯 JavaScript并且无依赖的懒加载器，其能够被用于进行图片、iframe 等多种形式的元素。通过gzip压缩过后，仅仅1kb大小，相对于常用的jquery.lazyload.js来说，lozad.js实力碾压，虽然jquery.lazyload.js也才几kb大小。在github上，已经收获了4800+的star。 React工具

37、RSUITE 地址：rsuitejs.com/ React Suite 是一套 React 组件库，为后台产品而生。由 HYPERS 前端团队与 UX 团队打造，主要服务于公司大数据产品线。经历了三次大的版本更新后，累积了大量的组件和丰富的功能。并支持在线定制个性化主题，更重要的是有中文版，方便我们学习使用。

38、Pagedraw 地址：pagedraw.io/ 一款神奇的在线UI设计制作工具，你只需要拖动和布局页面，这个工具就会给你自动生成质量高的React组件代码，更多功能等待你的发掘。

39、react-smooth-dnd 地址：github.com/kutlugsahin… 一款拖拽页面元素的React工具，拖拽效果平滑，让你轻松就能实现卡片、列表、表单组件的的拖拽。

40、Unstated 地址：unstated.io/ 一个新的状态管理类库 unstated.js：简单易用/合理。和之前的 state 管理库思路完全不同，这个unstated主打 local state（不是全局store，一个小改动导致整棵树 rerender），多个 local state 之间也可以共享，兼具了redux的易用性与flux的合理性，令人耳目一新；unstated完全就是为React设计的，“足够React”，让你感觉不到在用第三方组件。

41、Reach Router 地址：reach.tech/router Reach-Router 是前 ReactRouter 成员 Ryan Florence 开发的一套基于 react 的路由控件. 那么已经有比较成熟的 ReactRouter 了, 为什么要”再”做一套 Router 呢, 有兴趣的同学可以去了解一下,小编认为主要有以下几个特点值得你看看：小，就4kb,压缩后比react-router小40kb左右。更少的配置更好用基本一样的api,学习成本非常低源码非常简洁，总共就3个文件，900行，如果你想深入理解单页应用的路由是怎么实现的，reach-router,绝对是绝佳的下手资料

42、SVGR 地址：www.smooth-code.com/ svgr是一个将SVG转换为React组件的工具，svgr由JavaScript实现。整个文档也非常的小，已开源在github上。

43、React Spreadsheet Grid 地址：github.com/ 用于React类似于Excel的网格组件，具有自定义单元格编辑器，高性能滚动和可调整大小的列。 测试和数据工具

44、webhint 地址：webhint.io/ Webhint项目提供了一种用于检查代码的可访问性、性能和安全的开源检查（Linting）工具。在创建Web站点和应用中，有越来越多的细节问题亟待完善。为此，Webhint力图帮助开发人员标记这些细节。 Webhint以命令行接口（CLI）工具和在线扫描器两种形式提供，使用在线扫描器是最快的上手方式。使用在线扫描器需要为其提供一个公开的URL，用于运行报告并洞悉应用的运行情况。在测试应用时，Webhint提供三种运行环境：jsdom、Chrome和Edge。后两种运行环境使用了Chrome DevTools协议，第一种运行环境使用Node.js环境快速地执行有限次数的检查，无需浏览器的支持。还有更多强大的功能，还有待你试用挖掘。

45、Airtap 地址：github.com/airtap/airt… Airtap 是一种在浏览器中测试 JavaScript 的简单方法，号称能覆盖800多种浏览器，能够在数秒内开始在本地测试你的代码，并无缝转移到由 Sauce Labs 提供的基于云的浏览器上，以获得更好的覆盖测试。 Airtap 与其他跨浏览器测试运行器的不同之处在于其简单性，以及能够在许多浏览器中轻松运行测试套件而无需在本地安装它们。它可以让你在开发过程中快速迭代，并在发布前提供良好的浏览器覆盖率，而不用担心缺少浏览器支持。不要只是声称你的 JavaScript 支持“所有浏览器”，用测试证明它！

46、mkcert 地址：github.com/FiloSottile… HTTPS 是 Web 发展的趋势，用于提高网站的安全性。使用 HTTPS 需要配置 TLS 证书，得益于 ACME 协议和 Let’s Encrypt 证书，远程环境可以很容易部署。但是对于本地环境，还没有普遍有效的证书。 mkcert 被设计的足够简单，隐藏了几乎所有生成 TLS 证书所必须的知识。它适用于任何主机名或者 IP，包括 localhost ，因为它只在你的本地环境使用。证书是由你的私有 CA 签发，当你运行 mkcert-install 会自动配置这些信任，因此，当浏览器访问时，就会显示安全标识。目前支持 MacOS、Linux 和 Windows，以及 Firefox、Chrome 和 Java。甚至支持一些手机设备。

47、Puppeteer Recorder 地址：checklyhq.com/docs/puppet… Puppeteer 是一个Node库，它提供了一个高级API来控制DevTools协议上的Chrome或Chromium，常用于爬虫、自动化测试等，你在浏览器手动完成的大多数事情都可以使用它来完成。

48、jsonstore.io 地址：www.jsonstore.io/ jsonstore.io为小型项目提供免费，安全且基于JSON的云数据存储。只需输入https://www.jsonstore.io/，复制URL就可以开始发送HTTP数据请求。POST请求将保存数据，PUT请求修改数据，DELETE请求删除数据和GET请求检索数据。大大方便了前端开发人员进行测试接口的集成，前端页面制作完成就能进行接口测试，使用起来就是这么简单。

49、Initab 地址：initab.com/ 一款为开发人员定制打造的工作台，通过谷歌浏览器插件安装即可使用，通过此工作台你可以轻松订阅你感兴趣的git项目、跟进相关问题、pull相关操作，查看版本历史，订阅Stack Overflow相关的内容，管理查看Gists相关内容，可以说一个主流技术平台聚合工作台。

50、lambdatest 地址：www.lambdatest.com/ 一款在线自动化测试云端平台，号称在2000多个真实浏览器和设备进行测试，可以根据你的测试需求进行深度定制，并形成相关记录，方便团队的协作，帮你发现跨平台不同浏览器版本的各种问题。

项目的思考：

函数，类，它要做什么？实现什么功能？2, 它的流程是什么？工作过程是什么？3, 考虑做什么？谁做？怎样做?4, 使用，变量，方法，类，循环，判断，顺序，组合，查询，截取等等去编写代码;

在写一个js脚本时，
第零步，分析考虑做什么？谁做？怎样做?
第一步，是分板是写函数还是不写函数。
第二步，获取到所有的dom 例class id
第三步，写完整个js脚本。

html 要div 嵌套来写
CSS 先写整体，在写细节
js可以先写中文流程，在写获取事件效果等
可以考虑给一个索引值。或考虑开始，结尾。
可以先获取所有的dom。
只要是列表形式的，就用ul li 形式去写。
在每个HTML 中可以内联的形式，写事件，列如：onclick=”open()”方式,在js中写 function open(){ } 这样的形式。

注意：
当写 li.getElementsByTagName(‘a’)[0]; 因为我选择了dom的 li[i] 所以不需要写 doucument
li.innHTML.toUpperCase().indexOf(filter); innHTML后边不需要加括号。

注意：
取ul 的时候，要先取得ul 的id 再取得li

注意：
可以考虑，给一个标识符

项目开发流程：

1，产品经理，提出需求画原型图Axure或者sketch，

https://mastergo.com/files/home
https://www.axure.com.cn/buy
https://js.design/download

2，设计师设计UI/UE，

3，ps

4，前端工程师开发前端。html+div+css+js

5，后端 PHP JAVA C#

2026 年 1 月
一	二	三	四	五	六	日
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

前端编码规范（CODE STANDARDS & STYLE）

JAVASCRIPT 库（JAVASCRIPT LIBRARIES）

前端 MV+ 框架、单页面程序及相关（MV+ & SPA）

WEB COMPONENT

静态网站生成 / 服务器端渲染 / 文档生成工具（STATIC SITE GENERATOR / SSR / DOCUMENTATION SITE GENERATOR）

NODE.JS 后端框架（NODE.JS BACKEND FRAMEWORKS）

微前端（MICROFRONTENDS）

大前端多端实现 小程序 / NATIVE & HYBRID NATIVE / 桌面端（NATIVE）

前端构建工具 / 包管理工具 / 打包工具（BUNDLE & BUILD）

JAVASCRIPT 模块加载器（MODULE LOADERS）

样式预处理工具（STYLE PREPROCCESSING）、CSS-IN-JS 技术

UI 库 / UI 管理后台模版（UI / ADMIN TEMPLATE） / 全栈解决方案（FULL STACK SOLUTIONS） / GUI

低代码前端（LOW CODE FOR FE）

轮播插件（CAROUSELS）

瀑布流布局（WATERFALL）

图片懒加载（LAZY LOAD）

拖拽 / 监听触屏 / 划动事件 / 滚动（DRAG & RESIZE / SWIPE TOUCH / SCROLL）

媒体播放（MEDIA PLAYER HTML5 / FLASH）

CSS 3 动画库（CSS 3 ANIMATION）

图形 / 图表 / 图库 / 流程图（CHARTS / FLOW CHARTS）

3D / HTML5 游戏制作 / 3D 引擎 / AR / VR（3D / GAME & 3D ENGINES）

地图（MAP）/ GIS

时间库 / 插件（DATE & TIME）

富文本编辑器（EDITOR）/ 代码高亮、代码编辑器（HIGHLIGHTED）

进度条 / 可调进度条（PROGRESS BAR）

上传文件（FILE UPLOADER）

前端模版引擎（TEMPLATE COMPILER）

加密解密（ENCODE / DECODE）

测试 / 单元测试（TEST / UNIT TEST）

前端算法（ALGORITHM）

其他（OTHERS）

前端开发的一些插件汇总【 2024-4-2 增加会有重复 】

大前端多端实现小程序 / NATIVE & HYBRID NATIVE / 桌面端（NATIVE）

前端开发的一些插件汇总【 2024-4-2 增加会有重复】