#前端开发

must-watch-css - CSS讲座精选 前沿技术与最佳实践探索
CSS前端开发网页设计性能优化响应式设计Github开源项目
该项目收录了多个高质量CSS讲座视频,主题包括CSS Grid、flexbox、自定义变量、性能优化等。内容来自业内知名专家,适合各层级前端开发者学习参考。讲座涵盖CSS前沿技术和最佳实践,有助于提升开发技能和拓展知识面。
liqvid - React 交互式视频创作库
LiqvidReact交互视频前端开发开源库Github开源项目
Liqvid 是一个基于 React 的交互式视频创作库。该项目提供了核心包、播放控制、键盘映射和动画效果等功能。Liqvid 包含命令行工具,支持音频处理、项目构建、视频渲染和缩略图生成。此外,Liqvid 集成了 KaTeX 和 React Three Fiber,扩展了开发可能性。项目持续更新,计划增加字幕编辑和国际化等功能。
ngx-gallery - Angular图片画廊库 简化网页与移动端图像展示
Angular Gallery图片库前端开发网页设计移动应用Github开源项目
ngx-gallery是一个Angular图片画廊库,为开发者提供简便方法创建网页和移动设备上的图像展示功能。该库特点包括丰富的功能、灵活的配置选项和高质量的图片展示效果。项目持续更新,同时提供稳定版和测试版文档。ngx-gallery支持在线演示和Stackblitz编辑环境,便于快速上手和测试。
zh.javascript.info - 现代JavaScript教程中文版,全面深入学习资源
JavaScript教程翻译项目开源教程前端开发编程学习Github开源项目
现代JavaScript教程中文版是一个持续更新的免费在线学习平台,提供从基础到高级的全面JavaScript教程。该项目获得React官方文档和MDN推荐,内容涵盖广泛,并拥有活跃的读者社区支持学习交流。本教程为开发者提供深入且系统的JavaScript学习资源,定期更新以保持与最新技术同步,支持读者互动和问题解答。
zh_CN-Computer-Science-Curriculum-Front-End-Curriculum - 计算机科学与前端开发自学路线图
计算机科学前端开发自学资源英语学习编程教程Github开源项目
该项目整合了计算机科学和前端开发的自学资源,涵盖从基础编程到高级主题的完整学习路线。内容包括后端开发、前端技术、算法与数据结构等核心领域,并提供英语学习指导和实用工具推荐。项目强调实践重要性,鼓励通过项目实战巩固知识,旨在帮助自学者全面提升技术能力和英语水平。
se-job - 全面软件开发学习与就业指导
软件开发前端开发后端开发网页开发程序学习Github开源项目
se-job项目是一个综合性的软件开发学习平台,专为新手设计。该项目涵盖前端和后端开发基础,包括HTML、CSS、JavaScript等核心技术,同时提供求职技巧和面试准备指导。通过丰富的学习资源、实用的Q&A解答和工具介绍,帮助学习者快速入门并提升职场竞争力。项目内容全面,适合初学者了解软件开发行业并为就业做准备。
sass-guidelines - Sass 代码编写的最佳实践指南
Sass样式指南代码规范开源项目前端开发Github
Sass Guidelines 是一个 Sass 代码风格指南(styleguide),提供编写可维护和可扩展 Sass 代码的方法,包含一系列最佳实践和建议。该项目采用 MIT 许可证和知识共享署名 4.0 国际许可协议,并遵循贡献者行为准则。开发者可以轻松在本地运行和参与项目贡献。
Front-End-Performance-Checklist - 前端性能优化清单 提升网站速度和用户体验
前端性能性能优化前端开发网页加载速度性能检查清单Github开源项目
Front-End-Performance-Checklist是一个全面的前端性能优化清单,涵盖HTML、CSS和JavaScript的最佳实践。项目提供代码压缩、资源优化、缓存策略等关键优化建议,并配有详细解释和实用工具,帮助开发者系统提升网站加载速度和响应性,改善用户体验。
sass-boilerplate - 基于7-1架构的Sass项目模板
Sass样式表前端开发CSS预处理器项目架构Github开源项目
项目采用7-1架构模式,提供文件夹结构和说明文档。支持转换为Sass缩进语法,包含sass命令行编译指南。适用于大型Sass项目的开发和维护。
design-system - 构建符合无障碍标准的响应式政府网站开源设计系统
设计系统CMS前端开发可访问性React组件Github开源项目
CMS Design System 是基于 U.S. Web Design System 的开源设计框架,专为创建符合 Section 508 无障碍标准的政府网站而设计。它提供了扩展的 CSS 和 React 组件、实用类和网格系统,便于快速开发可访问且响应式的网站。该系统包含多个 NPM 包,涵盖核心组件、healthcare.gov 和 medicare.gov 的专用设计系统及相关文档。
vue-storefront - 全栈电商前端开发生态系统
Alokai电子商务前端开发开源可定制化Github开源项目
Alokai是一个专注于电商前端开发的生态系统,致力于加速和简化网上商店的构建过程。该系统提供后端无关的可定制解决方案,已在2000多个线上商店中得到应用。Alokai可与任何API后端兼容,集成了Storefront UI组件库,支持Vue.js和React.js框架。系统包含功能完备的电商主题和Express.js中间件,用于连接前端应用与电商平台。作为开源项目,Alokai欢迎开发者参与贡献。
good-first-issue - 开源贡献入门指南 为新手开发者精选简单任务
Good First Issue开源项目贡献者指南GitHub仓库前端开发Github
Good First Issue平台汇集各大开源项目的入门级任务,帮助新手开发者轻松开始开源贡献。通过精选简单易上手的问题,该平台降低了参与门槛,鼓励更多人加入开源社区。它为新手提供实践机会,同时也助力项目维护者拓展贡献者群体。
javascript-mini-projects - 多样化JavaScript迷你项目集锦
JavaScript开源项目前端开发代码贡献GitHubGithub
该开源仓库汇集了多种JavaScript迷你项目,涵盖不同难度级别,适合各阶段开发者学习和实践。项目展示了JavaScript的多样应用,包含详细说明便于本地运行。开发者可贡献新项目、修复问题或提出创意,促进开源协作。仓库为JavaScript爱好者提供了丰富的学习资源和实践平台。
mui-treasury - 为 Material UI 打造的即用型组件库
Material UI组件库开源项目React前端开发Github
Material Treasury 为 Material UI 项目提供即用型组件。该库从 Dribbble 和 Pinterest 等平台获取设计灵感,支持通过复制粘贴或 CLI 工具集成组件。项目具备自定义配置和多组件克隆功能,鼓励社区贡献,致力于简化 Material UI 界面的开发流程。
spartacus - Angular驱动的开源电子商务店面框架
SpartacusSAP Commerce Cloud前端开发电子商务AngularGithub开源项目
Spartacus是一个面向SAP Commerce Cloud的开源Angular店面框架。它通过REST API与后端通信,提供主页、搜索、产品详情等核心功能。Spartacus支持PWA特性,具有可扩展性和可升级性,为电商平台提供现代化的前端解决方案。
eightshift-boilerplate - Gutenberg兼容的WordPress主题开发框架
Eightshift BoilerplateWordPressGutenberg前端开发主题模板Github开源项目
eightshift-boilerplate是一款专为Gutenberg编辑器优化的WordPress主题开发框架。该框架集成了现代前端开发工具,支持PHP 8.2+和Node LTS环境,为开发者提供构建高质量WordPress主题的完整解决方案。项目由Infinum公司维护,具有详尽的文档,有助于开发者快速上手并高效开发WordPress主题。
ui5-webcomponents - 轻量级企业级UI元素框架
UI5 Web Components前端开发企业级UIWeb标准SAP FioriGithub开源项目
UI5 Web Components框架提供企业级UI元素,适用于各类Web开发。兼容多种框架,实现SAP Fiori设计。作为Web标准,封装复杂性,易用且稳定。支持构建库和微前端,框架轻量约20K。由SAP开发维护,是UI5产品系列成员。适用于静态网站到复杂Web应用的开发,保证一致用户体验。
storybook - 高效开发和测试UI组件的前端工作坊
StorybookUI组件前端开发测试文档Github开源项目
Storybook是一款流行的前端UI组件开发工具,支持React、Vue、Angular等多种框架。它提供隔离环境用于开发、测试和文档化UI组件,配备丰富的插件生态系统。Storybook支持响应式设计和可访问性测试,能显著提升开发效率,是现代前端开发的重要工具之一。
reactjs-interview-questions - 深入剖析React面试题及开发实践
React面试问题前端开发组件状态管理Github开源项目
该项目收录了300多个React相关面试问题及答案,涵盖React核心概念、组件、状态管理、路由、国际化和测试等多个方面。内容由浅入深,既包含基础知识,也涉及高级主题和最佳实践,有助于开发者全面掌握React技术栈。项目持续更新,紧跟React生态发展,是React开发人员的重要学习资源。
esbuild - 高性能JavaScript构建工具,提升开发效率新选择
esbuildJavaScript打包工具高性能构建前端开发模块打包Github开源项目
esbuild是一个高性能JavaScript构建工具,相比现有工具速度提升10-100倍。支持JavaScript、CSS、TypeScript和JSX,提供简洁API,可打包ESM和CommonJS模块。具有tree shaking、代码压缩和源码映射功能,并集成本地服务器、监听模式和插件系统。esbuild致力于提供高效的前端构建解决方案,显著提升开发效率。
vuetify - 功能强大的Vue UI框架 简化应用开发
VuetifyVue组件库UI框架开源项目前端开发Github
Vuetify是一个功能丰富的Vue UI框架,为开发者提供精心设计的组件和工具,简化复杂应用的开发流程。它支持响应式布局、灵活的主题定制和多语言支持,让开发者轻松创建高质量应用。Vuetify具有良好的浏览器兼容性,拥有全面的API文档,适用于各类Web项目。这个开源项目由专业团队持续维护,为Vue开发者提供可靠且不断更新的UI解决方案。
Chart.js - 简洁灵活的JavaScript数据可视化工具
Chart.js数据可视化JavaScript图表库开源项目前端开发Github
Chart.js是一款开源的JavaScript图表库,提供多种图表类型和自定义选项。它支持响应式设计和交互功能,具有轻量级和高性能的特点。Chart.js适用于各类数据可视化需求,从简单统计到复杂分析均可胜任。该库易于集成,适合设计师和开发者使用。
quasar - 快速构建多平台VueJS应用的开发框架
Quasar FrameworkVueJS前端开发跨平台应用用户界面Github开源项目
Quasar是一个开源的、基于VueJS的跨平台开发框架,支持构建响应式单页应用、SSR应用、PWA、浏览器扩展、混合移动应用和Electron应用。它提供丰富的UI组件和工具,让开发者能够使用同一套代码库快速构建多平台应用,显著提高开发效率。
mdb-ui-kit - Bootstrap 5 UI套件 免费开源的强大组件库
Bootstrap 5UI组件前端开发MDBJavaScriptGithub开源项目
mdb-ui-kit是一个基于Bootstrap 5的UI组件库,包含700多个组件。该项目使用原生JavaScript开发,采用MIT开源许可证,安装便捷。mdb-ui-kit提供丰富的UI组件、免费模板和设计工具,适用于从简单网站到复杂电商平台的各类Web开发项目。目前已有超过300万开发者和设计师使用该套件。
table - 多框架支持的灵活表格和数据网格库
TanStack Table数据表格前端开发UI组件JavaScript框架Github开源项目
TanStack Table 是一个轻量级的无头UI库,支持React、Solid、Vue等多个框架构建表格和数据网格。它提供排序、过滤、分组等功能,允许开发者自定义样式和标记。该库适用于各类数据展示需求,具有良好的性能和灵活性。
javascript-interview-questions - JavaScript面试题全面解析与实践指南
JavaScript面试问题编程语言前端开发Web开发Github开源项目
该项目收录500余个JavaScript面试题及详细解答,涵盖基础到高级的各项主题。内容包括对象创建、原型链、闭包、ES6特性、DOM操作和异步编程等。通过代码示例和实际应用场景,助力开发者全面备战JavaScript面试,有效提升编程能力。
react-starter-kit - 优化 CDN 边缘渲染的 React 应用开发模板
React Starter Kit前端开发网页应用JamstackCloudflare WorkersGithub开源项目
React Starter Kit 是一个广受欢迎的 Jamstack 前端模板,用于构建高性能 React 应用。这个项目优化了 CDN 边缘渲染,实现了优秀的 Lighthouse 评分。它集成了热模块替换、CSS-in-JS 样式和代码质量工具,支持部署到 Cloudflare Workers。React Starter Kit 采用 React、React Router 和 Jotai 等现代技术,为开发者提供了功能丰富的开发基础。
browserify - 将Node.js模块化开发引入浏览器的JavaScript打包工具
browserify模块打包前端开发Node.jsJavaScriptGithub开源项目
作为JavaScript模块打包工具,browserify让开发者能在浏览器中使用Node.js的require()语法。它分析应用中的require()调用,将依赖打包成单一文件,便于在浏览器中加载。browserify支持代码转换、调试和UMD打包,增强了前端开发的模块化能力。
svg.js - 轻量级SVG操作与动画JavaScript库
SVG.jsSVG操作JavaScript库开源项目前端开发Github
SVG.js是一个轻量级JavaScript库,用于SVG图形的操作和动画。它不依赖其他库,提供了直观的API用于创建、修改和动画化SVG元素。支持npm、yarn和CDN多种安装方式,并有详细文档。该开源项目在GitHub上持续更新,支持多种SVG特性和动画效果。
cyclejs - 基于函数式和响应式编程的JavaScript框架
Cycle.jsJavaScript框架函数式编程响应式编程前端开发Github开源项目
Cycle.js是一个基于函数式和响应式编程范式的JavaScript框架。它通过提供DOM操作、路由历史、HTTP请求等功能模块,以及支持RxJS和xstream等流式库,帮助开发者构建可预测和易测试的前端应用。该框架强调组件隔离,适合开发复杂的Web应用。开发者可以通过官方文档、Stack Overflow和GitHub社区获取技术支持。
react-datepicker - React日期选择器,灵活可配置的开源组件
React日期选择器组件JavaScript前端开发Github开源项目
react-datepicker是一个开源的React日期选择器组件,具有简单易用和高度可定制的特点。该组件支持时间选择、本地化和键盘操作,适配主流浏览器。它使用date-fns实现国际化,并提供丰富的文档和示例,便于开发者集成和使用。
ember.js - 全面高效的现代Web应用开发框架
Ember.jsJavaScript框架Web应用开发前端开发开源项目Github
Ember.js是一个全面的Web应用开发框架,提供构建高质量应用所需的完整工具链。它拥有活跃的社区支持、可靠的安全性和详尽的文档。Ember.js支持HTML优先的组件、灵活的路由系统、强大的数据层和自动跟踪等特性,同时兼容现代JavaScript。框架提供零配置选项,也支持高度定制,适用于各类Web应用开发需求,确保长期可维护性。
react.dev - React官方文档网站的源代码仓库和开发指南
React开源项目文档网站前端开发贡献指南Github
react.dev是React官方文档网站的开源代码仓库,提供完整的项目设置和本地开发指南。该项目基于Next.js构建,具有热重载功能和严格的代码检查机制。开发者可参与文档编写和翻译工作,内容采用CC-BY-4.0许可协议发布。
typescript-tutorial - 深入浅出的TypeScript学习教程
TypeScriptJavaScript编程语言前端开发类型系统Github开源项目
这是一本为JavaScript开发者量身定制的TypeScript入门教程。本书循序渐进地介绍TypeScript的核心概念和特性,重点阐述类型系统和ES6支持。通过丰富的示例和实践指导,读者可以快速掌握TypeScript并将其应用到实际开发中。无论是TypeScript新手还是希望深入了解的开发者,都能在此找到有价值的学习资源。
uncss - 智能清理未使用CSS的跨平台工具
UnCSSCSS优化前端开发性能优化网页开发Github开源项目
UnCSS是一个开源工具,用于清理样式表中未使用的CSS代码。它能够处理多个文件,并支持JavaScript注入的CSS。通过加载HTML、解析样式表、筛选选择器和重新生成CSS,UnCSS实现了高效的代码精简。开发者可以通过Node.js API、构建工具集成或命令行界面使用UnCSS,适用于不同的Web开发需求。
flowbite - Tailwind CSS 驱动的开源响应式 UI 组件库
FlowbiteTailwind CSS前端开发组件库网页设计Github开源项目
Flowbite 是基于 Tailwind CSS 构建的开源 UI 组件库,提供丰富的预构建组件如警告框、徽章、按钮等。支持 NPM 安装和 CDN 引入,具有数据属性接口和 JavaScript API。兼容 TypeScript 和 RTL 布局,可与多种前后端框架集成,加速网站界面开发。