前端 | 第 4 页 | 前端导航

⚡️ A curated list of awesome things related to Vite.js

快速搭建react组件库文档

ProComponents-页面级别的前端组件让中后台开发更简单简单易用在 Ant Design 上进行了自己的封装，更加易用 Ant Design 与 Ant Design 设计体系一脉相承，无缝对接 antd 项目国际化提供完备的国际化，与 Ant Design 体系打通预设样式样式风格与 antd 一脉相承，无需魔改，浑然天成预设行为更少的代码，更少的 Bug TypeScript 使用 TypeScript 开发，提供完整的类型定义文件

极验验证

新一代基于行为式验证安全技术的验证码

Minifier

Minifier 可以对 JavaScript 和 CSS 代码进行压缩，通过缩小可以提高网站加载速度。Minifier 通过删除 .js 和 .css 文件中的空白并重新格式化它们以减小大小。

正则可视化编辑

正则表达式可视化器和编辑器。

Am I Responsive测试设备响应式

Am I Responsive 用来测试响应式网页。输入链接即可生成预览，Am I Responsive 能帮我们测试出页面在手机、平板电脑、笔记本电脑和桌面端设备上的浏览体验。

小程序学习路径课

腾讯云大学重磅打造，从微信小程序到小程序云开发体系化课程，玩转小程序不同案例场景！

curl命令转代码

curl命令转代码 - 在线工具

Vue Apollo

? 在你的 Vue.js 应用中集成 GraphQL！

前端小站

包含HTML/CSS/JS/HTTP/前端框架/前端工具/后端/移动端等知识

finclip

让你的APP具备微信才拥有的小程序技术能力

Aotu.io

前端代码规范

AntV react 可视化组件库

简单好用的 React 图表库。

vuepress v2版本

简单，适合练习基础语法、理解区块链概念

阮一峰TypeScript 教程

为移动领域提供完整高效的游戏及应用解决方案

Taobao FED

淘宝前端团队，用技术为体验提供无限可能。

Alibaba Serverless 技术图谱

阿里巴巴开发者学堂 Serverless 技术图谱

JS调用栈如何执行可视化

Loupe 是一个可视化工具，可帮助我们了解 JavaScript 的调用堆栈/事件循环/回调队列是如何执行的。

百度智能小程序平台

百度智能小程序平台综合服务平台

RUNJS

RunJS 是一个桌面应用程序，可帮助我们编写专门的 Javascript 和 Typescript 代码。它的一些优势是可以快速测试代码，轻松导入和测试库代码，并且能够修改界面、主题和字体以适应偏好。

css generator

这是一个实用的 CSS 生成器，可以实时查看调试效果。

react-docgen

React DocGen是一个用于从React组件文件中提取信息的CLI和工具箱，以便生成文档。它使用ast-types和@babel/parser将源解析为AST，并提供处理此AST的方法。输出/返回值是JSON blob/JavaScript对象。它通过React.createClass，ES2015类定义或功能（无状态组件）为React组件提供了一个默认的定义。功能十分强大。

Rollup

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码

JavaScript 进阶问题列表

从基础到进阶，测试你有多了解 JavaScript，刷新你的知识，或者帮助你的 coding 面试！

React生命周期

一份很全面的react生命周期，各个版本都有

前端开发mac配置

2022年前端开发mac配置 Mac Setup for Web Development [2022]

SVG Path Visualizer

SVG Path Visualizer 可以帮助我们通过输入 SVG 路径数据来快速直观地查看 SVG 图像。此外，该工具还提供了详细的说明，以便了解如何创建基本的 SVG 形状，如直线、曲线、三角形等。

Keyframes创建动画

Keyframes 可以用来创建动画、阴影和使用颜色，帮助我们编写更好的CSS。

Awesome JS

找到适合您正在使用的前端框架的最棒的包

vue-qr

vue 生成二维码库

better-scroll

灵感来自 iscroll，它支持更多功能，并具有更好的滚动性能

uni-app

uni-app：一个使用 Vue.js 开发跨平台应用的前端框架

凹凸实验室

凹凸实验室(Aotu.io) 始建于2015年，是一个年轻基情的技术社区组织。O2面向多终端技术体系，致力于构建沉淀与分享包括但不限于交互、页面制作技巧、前端开发、原生APP开发等方面的专业知识及案例。

EVA.js

阿里开源前端动画交互库，适合 2d 游戏开发

在线文本对比

文本比较！——一个可以找出两个文本文件差异的在线差异比较工具

FundCharts

FundChartsJS是轻量级的canvas数据可视化组件库，可在web移动端、小程序端、服务端nodejs直接使用，无三方依赖。核心原则：轻量，只注重图形。包含折线图、面积图、饼图、环形图、柱状图、雷达图（蜘蛛图），散点图，K线图，持续更新及维护。

jQuery File Upload Plugin

一个有功能强大的 jQuery 上传组件，支持多文件选择、拖拽上传、验证、图片和多媒体预览等功能。

创建 SVG 波形背景

Generate SVG Waves 可以用来创建 SVG 波形背景。

Babel

Babel 是一个 JavaScript 编译器

cubic-bezier

贝萨尔曲线生成工具，可调节

Fluid-responsive font-size calculator

Fluid-responsive font-size calculator 即响应式字体计算器，可以轻松创建流畅的排版体验。它有更广泛的支持，可以用几行 CSS 来实现。

Nginx配置生成

Nginx配置在线生成

低代码平台集合

国内低代码平台从业者交流

JavaScript 备忘清单

快速查找 JavaScript 代码以及示例

SweetAlert2

SweetAlert2 是一个漂亮、响应式、可定制、易用的（WAI-ARIA） JavaScript 弹窗（弹出框）。无任何依赖。

Gitpod运行Github代码

Gitpod 是一个基于 Chorom Cloud 平台的在线 IDE，它可以快速的启动一个基于大多数流行语言的开发环境，并且可以很顺畅的进行开发。无论您只是想要修改代码、查看代码，还是想在 GitHub 上尝试新东西，Gitpod 都可以通过单击启动一个现成的代码开发环境。因为 Gitpod 是基于 VS Code、Docker 和 Kubernetes 等 OSS 技术，所以它熟悉、全面、可扩展且易于使用。通过深入的 GitHub 集成、用于共享的工具和对可用性的关注，Gitpod 将您的整个开发工作流程包含在一个浏览器选项卡中。