{"id":18658,"url":"https://github.com/silinchen/awesome-frontend","name":"awesome-frontend","description":"web 前端技能列表","projects_count":64,"last_synced_at":"2026-03-02T21:00:30.472Z","repository":{"id":116583768,"uuid":"246450422","full_name":"silinchen/awesome-frontend","owner":"silinchen","description":"web 前端技能列表","archived":false,"fork":false,"pushed_at":"2020-03-11T05:57:42.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-27T20:08:19.722Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/silinchen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-03-11T01:55:31.000Z","updated_at":"2020-03-11T08:13:24.000Z","dependencies_parsed_at":"2024-01-13T13:22:44.401Z","dependency_job_id":"84126684-0c57-415f-9b61-ae061202d546","html_url":"https://github.com/silinchen/awesome-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/silinchen/awesome-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silinchen%2Fawesome-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silinchen%2Fawesome-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silinchen%2Fawesome-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silinchen%2Fawesome-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/silinchen","download_url":"https://codeload.github.com/silinchen/awesome-frontend/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silinchen%2Fawesome-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29569852,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T04:18:28.490Z","status":"ssl_error","status_checked_at":"2026-02-18T04:13:49.018Z","response_time":162,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"readme":"# awesome-frontend\nawesome frontend\n\n\n\n## 基础\n\n基础技能：\n\n* Javascript、ES6\n* CSS3\n* HTML5\n\n进阶：\n\n* [TypeScript](https://github.com/microsoft/TypeScript)\n\n## 框架\n\n* [Vue.js](https://github.com/vuejs/vue)\n* [React.js]((https://github.com/facebook/react))\n\n### Vue.js\n\n##### 常用技术栈（全家桶）\n\n* [vue.js](https://github.com/vuejs/vue)\n\n* [vue-router](https://github.com/vuejs/vue-router)\n\n* [vuex](https://github.com/vuejs/vuex)\n\n* [vue-cli](https://github.com/vuejs/vue-cli)\n\n* 服务端渲染框架：[nuxt.js](https://github.com/nuxt/nuxt.js)\n\n* 常用 UI 框架：\n\n  PC端：[elementUI](https://github.com/ElemeFE/element)、[iView](https://github.com/iview/iview)\n\n  移动端：[Vant](https://github.com/youzan/vant)、[cube-ui](https://github.com/didi/cube-ui)\n  \n* [vue3.0 - 未正式 发布](https://github.com/vuejs/vue-next)\n\n##### 源码解析\n\n* [learnVue](https://github.com/answershuto/learnVue)\n\n* [vue-analysis](https://github.com/ustbhuangyi/vue-analysis)\n\n\n##### 开源项目\n\n* 后台管理系统（最佳实践）：[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)\n\n##### 小程序\n\n* [kbone - 微信官方微信小程序和 Web 端同构的解决方案](https://github.com/Tencent/kbone)\n\n* [mpvue - 基于 Vue.js 的小程序开发框架]( https://github.com/Meituan-Dianping/mpvu)\n\n##### 最佳实践\n\n* [awesome-vue](https://github.com/vuejs/awesome-vue)\n* [awesome-github-vue](https://github.com/opendigg/awesome-github-vue)\n\n\n\n### React.js\n\n##### 常用技术栈（全家桶）\n\n* [react.js](https://github.com/facebook/react)\n\n* [react-router](https://github.com/ReactTraining/react-router)\n\n* 状态管理：[redux](https://github.com/reactjs/redux) + [react-redux](https://github.com/reduxjs/react-redux)、[mobx](https://github.com/mobxjs/mobx) + [mobx-react](https://github.com/mobxjs/mobx-react)\n\n* redux 中间件\n\n  * [redux-thunk -  redux 异步 action 中间件](https://github.com/reduxjs/redux-thunk)\n  * [redux-saga](https://github.com/redux-saga/redux-saga)\n\n* 脚手架：[create-react-app](https://github.com/facebook/create-react-app)\n\n* [react native - 使用 React 来编写原生应用的框架](https://github.com/facebook/react-native)\n\n* 应用框架：\n\n  * [next.js - 轻量级的 React 服务端渲染应用框架](https://github.com/zeit/next.js/)\n  * [umi - 可插拔的企业级 react 应用框架](https://github.com/umijs/umi)\n  * [dva - 基于 redux 和 redux-saga的数据流方案、轻量级的应用框架](https://github.com/dvajs/dva)\n\n* 常用 UI 框架：\n\n  * PC 端：[ant-design](https://github.com/ant-design/ant-design)、[react-bootstrap](https://github.com/react-bootstrap/react-bootstrap)、[Material-UI](https://github.com/mui-org/material-ui)\n\n  * 移动端：[ant-design-mobile](https://github.com/ant-design/ant-design-mobile/)、[Material-UI](https://github.com/mui-org/material-ui)\n  \n\n##### 源码解析\n\n* [React 源码解析 - jokcy](https://react.jokcy.me)\n\n* [React 源码解析 - 语雀 - ant-h5](https://www.yuque.com/ant-h5/react)\n\n##### 小程序\n\n* [kbone - 微信官方微信小程序和 Web 端同构的解决方案](https://github.com/Tencent/kbone)\n\n- [taro - 多端统一开发框架](https://github.com/NervJS/taro)\n\n##### 开源项目\n\n* 开箱即用的中台前端/设计解决方案: [ant design pro](https://github.com/ant-design/ant-design-pro/)\n\n\n\n##### 最佳实践\n\n* [awesome-react](https://github.com/enaqx/awesome-react)\n* [awesome-react-native](https://github.com/jondot/awesome-react-native)\n* [awesome-react-components](https://github.com/brillout/awesome-react-components)\n\n\n\n## 工具\n\n### 打包构建\n\n* [webpack - 模块打包器](https://github.com/webpack/webpack)\n\n* [gulp.js - 基于流(stream)的自动化构建工具](https://github.com/gulpjs/gulp)\n* [ebuild](https://github.com/evanw/esbuild) 号称打包比其他打包工具快 10~100 倍\n\n### 编译器\n\n* [Babel - 下一代 JavaScript 语法的编译器](https://github.com/babel/babel)\n\n### 规范\n\n* [ESLint - 插件化的 JavaScript 代码检测工具](https://github.com/eslint/eslint)\n  * [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react)\n  * [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)\n  * [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint)\n  * [awesome-eslint](https://github.com/dustinspecker/awesome-eslint)\n* [Airbnb - js代码规范](https://github.com/airbnb/javascript)\n\n\n\n### 测试\n\n* [Jest](https://github.com/facebook/jest)\n\n## Node.js\n\n##### 框架\n\n* [Express - 基于 Node.js 平台的 web 应用开发框架](https://github.com/expressjs/express)\n* [Koa (koajs) - 基于 Node.js 平台的下一代 web 开发框架](https://github.com/koajs/koa)\n* [egg.js - 基于 Koa 为企业级框架和应用而生](https://github.com/eggjs/egg)\n\n##### 工具／库\n\n* [sequelize - 操作数据库的 ORM 框架](https://github.com/sequelize/sequelize)\n\n## 部署\n\n* [docker](https://www.docker.com)\n\n## 开源项目\n\n### Vue.js\n\n* [vue-element-admin - 后台管理系统（最佳实践）](https://github.com/PanJiaChen/vue-element-admin)\n\n### Nuxt.js\n\n* [nuxtjs.org - nuxt.js 官网](https://github.com/nuxt/nuxtjs.org)\n\n### React.js\n\n* [ant design pro - 开箱即用的中台前端/设计解决方案](https://github.com/ant-design/ant-design-pro/)\n\n### Next.js - 基于 React 的服务端渲染框架\n\n* [next-site - next.js 官方网站](https://github.com/zeit/next-site)\n* [opencollective-frontend](https://github.com/opencollective/opencollective-frontend)\n\n## 社区论坛／博客／网站\n\n* [Google](https://www.google.com) 能用谷歌尽量不要用百度\n* [Stack Overflow - 英文](https://stackoverflow.com)\n* [掘金](https://juejin.im)\n* [segmentfault - 思否](https://segmentfault.com)\n* [MDN Web 文档](https://developer.mozilla.org/zh-CN)\n* [阮一峰](http://www.ruanyifeng.com)、[廖雪峰](https://www.liaoxuefeng.com)\n\n\n\n\n\n\n\n\n\n\n\n","created_at":"2024-01-13T12:55:24.710Z","updated_at":"2026-03-02T21:00:30.473Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["框架","工具","基础","开源项目","Node.js","社区论坛／博客／网站"],"sub_categories":["React.js","规范","Vue.js","打包构建","测试","编译器","Next.js - 基于 React 的服务端渲染框架","Nuxt.js"],"projects_url":"https://awesome.ecosyste.ms/api/v1/lists/silinchen%2Fawesome-frontend/projects"}