前端导航

再见少年拉满弓,不惧岁月不惧风

2023 - 07 - 13   11 : 59 : 45
React生态
用于构建用户界面的 JavaScript 库
React Router官方文档
Redux官方中文文档
Mobx官方中文文档
Dvajs官方文档
React 官方脚手架工具
企业级前端框架
助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」~
开箱即用的中台前端/设计解决方案
让中后台开发更简单
The React Framework for the Web
用于数据请求的 React Hooks 库
Performant and powerful data synchronization for React
网络请求库,基于 fetch 封装, 兼具 fetch 与 axios 的特点, 旨在为开发者提供一个统一的 api 调用方式, 简化使用, 并提供诸如缓存, 超时, 字符编码处理, 错误处理等常用功能.
一套高质量可靠的 React Hooks 库
有赞团队出品的轻量、可靠的移动端 Vue 组件库
有赞团队出品的轻量、可靠的移动端 Vue 组件库
Primitive and flexible state management for React
Valtio makes proxy-state simple for React and Vanilla
A state management library for React
The official, opinionated, batteries-included toolset for efficient Redux development
father 是一款 NPM 包研发工具,能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布。它主要具备以下特性
为组件研发而生的静态站点框架
探索移动端 Web 的体验极限
可能是你见过最完善的微前端解决方案
使用 Ant Motion 能够快速在 React 框架中使用动画。我们提供了单项,组合动画,以及整套解决方案。
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience.
基于 React 的应用研发框架,开箱即用,同时支持移动端和桌面端
阿里巴巴统一前端表单解决方案
中后台「表单/表格/图表」开箱即用解决方案
amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率
Modern.js 是字节跳动 Web 工程体系的开源版本,它提供多个解决方案,来帮助开发者解决不同研发场景下的问题。
Vue生态
一套用于构建用户界面的渐进式框架.简单却不失优雅,小巧而不乏大匠
一套用于构建用户界面的渐进式框架.简单却不失优雅,小巧而不乏大匠
Vue Router官方中文文档
符合直觉的Vue.js 状态管理库
Vuex官方中文文档
The recommended way to start a Vite-powered Vue project
Vue.js 官方脚手架工具
(vue资源汇总)与Vue.js相关的精彩内容和精选列表
Vue相关开源项目库汇总(中文)
基于 Vue 3,面向设计师和开发者的组件库
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
有赞团队出品的轻量、可靠的移动端 Vue 组件库
滴滴团队基于 Vue.js 实现的精致移动端组件库
饿了么团队出品的基于 Vue.js 的移动端组件库
一个凑合的 Vue.js 移动端 UI 组件库
一个高品质综合实用性、体验、格调的框架
较成熟的组件库,大名鼎鼎,组件丰富到变态~
有若干常用组件,但有着非常美妙的色彩和反馈效果,充满活力与灵气
一个使用 Vue.js 开发的幻灯片框架
Vue.js 可拖动且可调整大小的网格布局
用于创建占位符加载的 SVG 组件,例如 Facebook 卡片加载
可以平滑滚动任意数量的数据
面向金融场景的Vue移动端UI组件库
一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案
基于Vue2的树形图组件
vue-meta-info是一个基于vue 2.0的插件,它会让你更好的管理你的app里面的meta信息设置vue,支持SSR
一个基于 simple-uploader.js 的 Vue 上传组件
一套京东风格的轻量级移动端Vue组件库
编译&构建&打包
目前最热门的前端资源模块化管理和打包工具
下一代的前端工具链,为开发提供极速响应
Rollup 是一个 JavaScript 模块打包工具,可以将多个小的代码片段编译为完整的库和应用
SWC is an extensible Rust-based platform for the next generation of fast developer tools. It's used by tools like Next.js
An extremely fast bundler for the web
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust
用自动化构建工具增强你的工作流程!
JavaScript 世界的构建工具
Babel 是一个 JavaScript 编译器。
通过 npm 可以安装、共享、分发代码,管理项目依赖关系。
Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.
通过 npm 可以安装、共享、分发代码,管理项目依赖关系。
快速、可靠、安全的依赖管理。
是一个用 JavaScript 工具和插件转换 CSS 代码的工具
极速零配置Web应用打包工具
一款脚手架构建工具,方便创建基于Preact,React,Vue和Svelte的项目,开箱及支持Babel,Bublé,Browserlist,TypeScript,PostCSS,ESLint,Prettier和Service Workers!
You can use it to lint your commit messages, run tests, lint code, etc... when you commit or push. Husky supports all Git hooks.
Plop is a little tool that saves you time and helps your team build new files with consistency
Bun is a fast all-in-one JavaScript runtime
bower是一种包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。
webpack的插件,它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载,由于它不使用无头浏览器(headless browser)呈现内容,因此快速轻巧。
框架类库
A javascript router for front-end microservices
可能是你见过最完善的微前端解决方案
极致的微前端框架,基于 WebComponent 容器 + iframe 沙箱
一款轻量、高效、功能强大的微前端框架
包含构建微前端系统时所需要的基本能力,任意前端框架均可使用。接入简单,可轻松将多个前端应用组合成内聚的单个产品
下一代微前端构建方案,聚焦 ESM 微前端生态闭环建设
面向大型系统的微前端解决方案
基于 Low-Code Engine 快速打造高生产力的低代码研发平台
低代码数据可视化,开源、精美、便捷、规范、交互自然
tmagic-editor可视化开源项目是从魔方平台演化而来的开源项目,意在提供一个供开发者快速搭建可视化搭建平台的解决方案。
Puppeteer is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol. Puppeteer runs in headless mode by default, but can be configured to run in full (non-headless) Chrome/Chromium.
一套用于构建用户界面的渐进式框架.简单却不失优雅,小巧而不乏大匠
React是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面.
一个快速轻量的 React 替代方案,具有 ES6 API、组件化和虚拟 DOM
一个用于更好地构建企业应用的框架,内置流程管理,高度可定制,有强大的插件系统。
一套框架,多种平台移动端 & 桌面端
Google推出的MVVM框架
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
Build cross-platform desktop apps with JavaScript, HTML, and CSS
Build faster websites
Build faster websites
jQuery是一个快速、简洁的JavaScript框架.
Zepto最初是为移动端开发的库,是jQuery的轻量级替代品
一套web开发框架,基于jQuery和underscore的一个前端js框架。
一个用于创建 web 应用的 JavaScript MVC 框架
KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一
SeaJS是一个遵循CMD规范的JavaScript模块加载框架
Build faster websites
blibli出品的视频播放器
canvas库
A lightweight Node.js private proxy registry
CSS相关
Sass 是成熟、稳定、强大的 CSS 扩展语言。
给 CSS 加点料,是一门向后兼容的 CSS 扩展语言。
富有表现力的、动态的、健壮的CSS
css内置了很多典型的css3动画,兼容性好使用方便。
本css选择器可以通过本页面直观的理解 CSS 选择器的作用区域
由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,于是就有了针对不同的浏览器写不同的CSS code,这就叫CSS hack
CSS hack 表格
用 CSS 技术实现 loading 动画
又是一款 spinners 效果的库,用来做 loading 正合适。
一个检测浏览器对JS、HTML5、CSS、SVG或者其他Web前端相关特性支持程度的列表。
纯CSS实现的div图片盒子,很有意思
收集了常用的CSS代码段,你可以通过30秒或者更少的时间去了解它
学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。
一个超棒的CSS属性排序工具
提供各种按钮的CSS代码,你可以从预设的按钮中选择并使用模板用于自己的设计
一个完整的代码生成器,可以自定义输入域或CSS3按钮
CSS动态效果样式在线自定义
CSS3动效预设收藏集合
CSS各种对象样式和效果在线生成工具
CSS贝塞尔动画在线调试工具
CSS渐变在线生成器
非常棒的免费的CSS属性指导手册
随机生成好看的颜色、渐变色,可以一键复制 CSS 代码
随机字体在线预览,用过都说好。
由React提供的像素艺术动画和绘图Web应用程序
(在线)autoprefixer是一个postcss插件,用于解析CSS并添加供应商前缀。
学习资源
MDN Web Docs 网站提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API。
一个帮助你学习编程的开源社区,开启你的软件工程师生涯.
本站教授的是现在广泛使用于网站布局领域的CSS基础。
菜鸟教程,提供了编程的基础技术教程.学的不仅是技术,更是梦想!
w3school 在线教程 , 全球最大的中文 Web 技术教程。
百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交平台。
基础教程视频,B站良心up主,满满的干货.
最全的 head 列表,真心佩服这种偏执的整理能力
Web前端开发仓库,收录常用的JavaScript及jQuery插件,并提供在线演示效果。
learnGitBranching是一个git仿真沙盒,提供一系列的交互式学习指导/挑战,用来加快学习git提交树如何工作。learnGitBranching的主界面左边是模拟终端窗口,另外是图示区。图示区用图形表明了git代码库当前的提交记录、分支、HEAD指向等。 目前有法语、韩语、日语以及中文版本。
九部成员合著的web前端开发零基础入门手册
码,码不停题. 全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!
前端周刊,给前端同学准备的每周1小时阅读清单
列举了常用的 Git 命令和一些小技巧
模板插件
目前应用较广泛的移动端网页触摸内容滑动js插件
一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。
一个高性能,资源占用少,无依赖,多平台的javascript滚动插件
一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。
以弹框形式集中展示图片的JavaScript库。
轻量级简单的纯 JavaScript 轮播插件,支持触摸手势
Datatables是一款jquery表格插件,它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
一款仿Pinterest网站的响应式无限动态加载图片瀑布流特效jQuery插件
一款仿贴纸效果插件。
创建分割的多滚动页面特效插件。
一个有功能强大的 jQuery 上传组件,支持多文件选择、拖拽上传、验证、图片和多媒体预览等功能。
interact.js是一个随意改变形状插件,,它非常强大的,灵活拖放,改变大小,支持现代浏览器的多点触摸手势,基于SVG的运用,能运行在包括在IE8+的浏览器
实用的超轻的跨浏览器的图像模糊 jQuery 插件,基于 SVG 生成,效果很好
视觉冲击极强的管理后台,各种动画效果。
占位图片生成器
另一款占位图片生成器
简单的JavaScript轻量级图像延迟加载库
基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度
检测图片是否加载完成的插件
quicklink 是一个通过预加载资源来提升后续方案速度的轻量级工具库。旨在提升浏览过程中,用户访问后续页面时的加载速度。
AJAX-Cache是一款jQuery插件,基于localStorage/sessionStorage实现异步请求缓存功能,并提供“快照”和“定时”两种缓存模式。
返回顶部