Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/shunyue1320/frontend-question

🍓你不知道的前端知识
https://github.com/shunyue1320/frontend-question
book books css dart document flutter frontend html javascript node react vue vue3 webpack
Last synced: 23 days ago
JSON representation
🍓你不知道的前端知识
Host: GitHub
URL: https://github.com/shunyue1320/frontend-question
Owner: shunyue1320
Created: 2020-08-28T01:00:39.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2022-03-08T03:27:08.000Z (over 2 years ago)
Last Synced: 2023-03-04T09:39:01.965Z (over 1 year ago)
Topics: book, books, css, dart, document, flutter, frontend, html, javascript, node, react, vue, vue3, webpack
Homepage:
Size: 273 KB
Stars: 15
Watchers: 2
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        


  

    

  





你不知道的前端知识


An Front-end technology sharing and exchange.

[![](https://img.shields.io/badge/Juejin-掘金-007FFF)](https://juejin.im/user/3702810894152983)

[![](https://img.shields.io/badge/CSDN-博客-E33E33)](https://blog.csdn.net/qq_41614928)

[![](https://img.shields.io/badge/Zhihu-知乎-0084FF)](https://www.zhihu.com/people/shun-yue-45)

[![](https://img.shields.io/badge/bilili-哔哩哔哩-FF69b4)](https://space.bilibili.com/475498258)

[![](https://img.shields.io/badge/公众号-爱看编程-7ED957)](#爱看编程)







## 你不知道的前端知识：

[1. 🍦 你不知道的 CSS](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的CSS.md)  

[2. 🌾 你不知道的 Vue](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的Vue.md)  

[3. 🌱 你不知道的 Dart](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的Dart.md)  

[4. 🍆 你不知道的 React](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的React.md)  

[5. 🍨 你不知道的 HTML](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的HTML.md)  

[6. 🥗 你不知道的 Nodejs](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的Nodejs.md)  

[7. 🍇 你不知道的 Webpack](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的Webpack.md)  

[8. 🌶 你不知道的 JavaScript](https://github.com/shunyue1320/frontend-question/blob/master/你不知道的JavaScript.md)  

## fultter优秀开源项目集： 

| 项目  | 网址 | stars |

| ------------- | ------------- | ----- |

|[FlutterUnit](https://github.com/toly1994328/FlutterUnit)| [Flutter集录指南](https://juejin.cn/post/6844904147045597191) | ![stars](https://img.shields.io/github/stars/toly1994328/FlutterUnit?label=Stars&logo=GitHub) |

|[FlutterDouBan](https://github.com/kaina404/FlutterDouBan)| Flutter豆瓣客户端 | ![stars](https://img.shields.io/github/stars/kaina404/FlutterDouBan?label=Stars&logo=GitHub) |

|[fultter-example-app](https://github.com/zhongmeizhi/fultter-example-app)| [理财app](https://zhongmeizhi.github.io/fultter-example-app/) | ![stars](https://img.shields.io/github/stars/zhongmeizhi/fultter-example-app?label=Stars&logo=GitHub) |

|[gsy_github_app_flutter](https://github.com/CarGuo/gsy_github_app_flutter)| [flutter book](https://github.com/CarGuo/gsy_flutter_book) | ![stars](https://img.shields.io/github/stars/CarGuo/gsy_github_app_flutter?label=Stars&logo=GitHub) |

|[Best-Flutter-UI-Templates](https://github.com/mitesh77/Best-Flutter-UI-Templates)| Flutter UI 模板 | ![stars](https://img.shields.io/github/stars/mitesh77/Best-Flutter-UI-Templates?label=Stars&logo=GitHub) |

## Vue3优秀开源项目集:

| 项目  | 网址 | stars |

| ------------- | ------------- | ----- |

|[flat](https://flat.whiteboard.agora.io/)| [前端](https://github.com/netless-io/flat) [后端](https://github.com/netless-io/flat-server) | ![stars](https://img.shields.io/github/stars/netless-io/flat?label=Stars&logo=GitHub) |

|[汉兜](https://github.com/antfu/handle)| [游戏](https://handle.antfu.me/) | ![stars](https://img.shields.io/github/stars/antfu/handle?label=Stars&logo=GitHub) |

|[trois](https://github.com/troisjs/trois)| [3D 库](https://troisjs.github.io/examples/demos/1.html) | ![stars](https://img.shields.io/github/stars/troisjs/trois?label=Stars&logo=GitHub) |

|[mini-vue3](https://github.com/cuixiaorui/mini-vue)| [视频教程](https://www.bilibili.com/video/BV1Zy4y1J73E) | ![stars](https://img.shields.io/github/stars/cuixiaorui/mini-vue?label=Stars&logo=GitHub) |

|[vue3-jd-h5](https://github.com/GitHubGanKai/vue3-jd-h5)| [链猫商城](http://gankai.gitee.io/vue-jd-h5/#/mine) | ![stars](https://img.shields.io/github/stars/GitHubGanKai/vue3-jd-h5?label=Stars&logo=GitHub) |

|[vue3-antd-admin](https://github.com/buqiyuan/vue3-antd-admin)| [模板 vue3-admin](http://buqiyuan.gitee.io/vue3-antd-admin/#/login?redirect=/dashboard/welcome) | ![stars](https://img.shields.io/github/stars/buqiyuan/vue3-antd-admin?label=Stars&logo=GitHub) |

|[newbee-mall-vue3-app](https://github.com/newbee-ltd/newbee-mall-vue3-app)| [新峰商城](http://47.99.134.126:5008/#/home) | ![stars](https://img.shields.io/github/stars/newbee-ltd/newbee-mall-vue3-app?label=Stars&logo=GitHub) |

|[vben-admin-thin-next](https://github.com/anncwb/vben-admin-thin-next)| [模板 vue3-vite](https://vvbin.cn/thin/next/#/dashboard/analysis) | ![stars](https://img.shields.io/github/stars/anncwb/vben-admin-thin-next?label=Stars&logo=GitHub) |

## Vue优秀开源项目集：  

| 项目  | 网址 | stars |

| ------------- | ------------- | ----- |

| [Mood](https://github.com/wsydxiangwang/Mood) | [博客 Mood](https://raindays.cn/) | ![stars](https://img.shields.io/github/stars/wsydxiangwang/Mood?label=Stars&logo=GitHub) |

| [仿酷狗音乐](https://github.com/lavyun/vue-demo-kugou) |  | ![stars](https://img.shields.io/github/stars/lavyun/vue-demo-kugou?label=Stars&logo=GitHub) |

| [高仿网易云音乐](https://github.com/daoshengfu/Vue-NeteaseCloud-WebMusicApp)  |  | ![stars](https://img.shields.io/github/stars/daoshengfu/Vue-NeteaseCloud-WebMusicApp?label=Stars&logo=GitHub) |

| [eladmin](https://github.com/elunez/eladmin) | [前后端 eladmin](https://el-admin.xin/login?redirect=%2Fdashboard) | ![stars](https://img.shields.io/github/stars/elunez/eladmin?label=Stars&logo=GitHub) |

| [ngx-admin](https://github.com/akveo/ngx-admin) | [模板 ngx-admin](https://akveo.github.io/ngx-admin/) | ![stars](https://img.shields.io/github/stars/akveo/ngx-admin?label=Stars&logo=GitHub) |

| [antd-admin](https://github.com/zuiidea/antd-admin) | [模板 antd-admin](http://antd-admin.zuiidea.com/dashboard) | ![stars](https://img.shields.io/github/stars/zuiidea/antd-admin?label=Stars&logo=GitHub) |

| [iview-admin](https://github.com/iview/iview-admin) | [模板 iview-admin](https://admin.iviewui.com/home) | ![stars](https://img.shields.io/github/stars/iview/iview-admin?label=Stars&logo=GitHub) |

| [vuestic-admin](https://github.com/epicmaxco/vuestic-admin) | [模板 vuestic-admin](https://vuestic.epicmax.co/admin/dashboard) | ![stars](https://img.shields.io/github/stars/epicmaxco/vuestic-admin?label=Stars&logo=GitHub) |

| [ant-design-pro](https://github.com/ant-design/ant-design-pro) | [模板 ant-design-pro](https://pro.ant.design/index-cn) | ![stars](https://img.shields.io/github/stars/ant-design/ant-design-pro?label=Stars&logo=GitHub) |

| [vue-antd-admin](https://github.com/iczer/vue-antd-admin) | [模板 vue-antd-admin](https://iczer.gitee.io/vue-antd-admin/#/login)  | ![stars](https://img.shields.io/github/stars/iczer/vue-antd-admin?label=Stars&logo=GitHub) |

| [vue-admin-webapp](https://github.com/gcddblue/vue-admin-webapp)| [模板 vue3-admin](https://gcddblue.gitee.io/vue-admin-webapp/#/login?redirect=%2Fdashbord) | ![stars](https://img.shields.io/github/stars/gcddblue/vue-admin-webapp?label=Stars&logo=GitHub) |

| [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) | [模板 vue-element-admin](https://panjiachen.github.io/vue-element-admin/#/dashboard) | ![stars](https://img.shields.io/github/stars/PanJiaChen/vue-element-admin?label=Stars&logo=GitHub) |

| [ant-design-vue-pro](https://github.com/vueComponent/ant-design-vue-pro) | [模板 ant-design-vue-pro](https://pro.antdv.com)  | ![stars](https://img.shields.io/github/stars/vueComponent/ant-design-vue-pro?label=Stars&logo=GitHub) |

| [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) | [模板 vue-admin-template](https://panjiachen.github.io/vue-admin-template/#/dashboard) | ![stars](https://img.shields.io/github/stars/PanJiaChen/vue-admin-template?label=Stars&logo=GitHub) |

| [vue-admin-beautiful](https://github.com/chuzhixin/vue-admin-beautiful) | [模板 vue-admin-beautiful](https://chu1204505056.gitee.io/vue-admin-beautiful-pro/#/index) | ![stars](https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?label=Stars&logo=GitHub) |

| [sing-app-vue-dashboard](https://github.com/flatlogic/sing-app-vue-dashboard)  | [模板 sing-app-vue-dashboard](https://flatlogic.github.io/sing-app-vue-dashboard/#/app/dashboard)  | ![stars](https://img.shields.io/github/stars/flatlogic/sing-app-vue-dashboard?label=Stars&logo=GitHub) |

| [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)| [模板 vue3-admin](https://armour.github.io/vue-typescript-admin-template/#/guide/index) | ![stars](https://img.shields.io/github/stars/Armour/vue-typescript-admin-template?label=Stars&logo=GitHub) |

## Node优秀开源项目集：  

| 后端  | web端 | 移动端 | stars |

| ------------- | ------------- | ----- | --- |

| [双生小日记](https://github.com/airingursb/2life-server) | [双生小日记介绍](https://www.bilibili.com/video/av26702790) | [IOS react-native](https://github.com/oh-bear/2life) | ![stars](https://img.shields.io/github/stars/oh-bear/2life?label=Stars&logo=GitHub) |

| [nuxt博客系统](https://github.com/eshengsky/iBlog) |  |  | ![stars](https://img.shields.io/github/stars/eshengsky/iBlog?label=Stars&logo=GitHub) |

| [Dart-Cms 电影系统](https://github.com/abcd498936590/Dart-Cms) | [后台 Dart-Cms-Manage](https://github.com/abcd498936590/Dart-Cms-Manage) | [安卓 flutter](https://github.com/abcd498936590/Dart-Cms-Flutter) | ![stars](https://img.shields.io/github/stars/abcd498936590/Dart-Cms?label=Stars&logo=GitHub) |

## React优秀开源项目集： 

| 项目  | 网址 | stars |

| ------------- | ------------- | ----- |

[playground-macos](https://github.com/Renovamen/playground-macos) | [MacOS模拟器](https://portfolio.zxh.io/) | ![stars](https://img.shields.io/github/stars/Renovamen/playground-macos?label=Stars&logo=GitHub) |

[LearnGitBranching](https://github.com/pcottle/learnGitBranching) | [git学习](https://oschina.gitee.io/learn-git-branching/?NODEMO) | ![stars](https://img.shields.io/github/stars/pcottle/learnGitBranching?label=Stars&logo=GitHub) |

## 小程序优秀开源项目集： 

| 项目 | stars |

| ------------- | ------------- |

| [2048小游戏](https://github.com/natee/wxapp-2048) | ![stars](https://img.shields.io/github/stars/natee/wxapp-2048?label=Stars&logo=GitHub) |

| [微信小程序商城](https://github.com/EastWorld/wechat-app-mall) | ![stars](https://img.shields.io/github/stars/EastWorld/wechat-app-mall?label=Stars&logo=GitHub) |

| [头像加口罩小程序](https://github.com/infinityu/mina-wear-mask) | ![stars](https://img.shields.io/github/stars/infinityu/mina-wear-mask?label=Stars&logo=GitHub) |

| [NideShop商城](https://github.com/tumobi/nideshop-mini-program) [[后端]](https://github.com/tumobi/nideshop) | ![stars](https://img.shields.io/github/stars/tumobi/nideshop-mini-program?label=Stars&logo=GitHub) |

## 前端学习平台：

| 学习平台 | stars |

| ------------- | ------------- |

[react问题](https://github.com/sudheerj/reactjs-interview-questions) | ![stars](https://img.shields.io/github/stars/sudheerj/reactjs-interview-questions?label=Stars&logo=GitHub) |

[freeCodeCamp](https://github.com/freeCodeCamp/freeCodeCamp) [[网址]](https://www.freecodecamp.org/learn) | ![stars](https://img.shields.io/github/stars/freeCodeCamp/freeCodeCamp?label=Stars&logo=GitHub) |

[Flutter学习案例](https://github.com/iampawan/FlutterExampleApps) | ![stars](https://img.shields.io/github/stars/iampawan/FlutterExampleApps?label=Stars&logo=GitHub) |

[leetcode算法解析](https://github.com/azl397985856/leetcode) [[网址]](https://leetcode-solution-leetcode-pp.gitbook.io/leetcode-solution/) | ![stars](https://img.shields.io/github/stars/azl397985856/leetcode?label=Stars&logo=GitHub) |

[algorithm算法学习](https://github.com/geekxh/hello-algorithm) [[网址]](https://www.geekxh.com/0.0.%E5%AD%A6%E4%B9%A0%E9%A1%BB%E7%9F%A5/01.html) | ![stars](https://img.shields.io/github/stars/geekxh/hello-algorithm?label=Stars&logo=GitHub) |

[Javascript算法实现](https://github.com/TheAlgorithms/Javascript) | ![stars](https://img.shields.io/github/stars/TheAlgorithms/Javascript?label=Stars&logo=GitHub) |

[JavaScript的33个概念](https://github.com/stephentian/33-js-concepts) | ![stars](https://img.shields.io/github/stars/stephentian/33-js-concepts?label=Stars&logo=GitHub) |

[简洁的JavaScript规范](https://github.com/ryanmcdermott/clean-code-javascript) | ![stars](https://img.shields.io/github/stars/ryanmcdermott/clean-code-javascript?label=Stars&logo=GitHub) |

## 编程学习书籍：

| 书籍 | stars |

| ------------- | ------------- |

[《前端book》](https://github.com/kolf/book) | ![stars](https://img.shields.io/github/stars/kolf/book?label=Stars&logo=GitHub) |

[《前端内参》](https://github.com/coffe1891/frontend-hard-mode-interview) | ![stars](https://img.shields.io/github/stars/coffe1891/frontend-hard-mode-interview?label=Stars&logo=GitHub) |

[《很棒的编程书籍》](https://github.com/guanpengchn/awesome-books) | ![stars](https://img.shields.io/github/stars/guanpengchn/awesome-books?label=Stars&logo=GitHub) |

[《学习webpack力推》](https://github.com/webpack-china/awesome-webpack-cn) | ![stars](https://img.shields.io/github/stars/webpack-china/awesome-webpack-cn?label=Stars&logo=GitHub) |

[《深入浅出Webpack》](https://github.com/gwuhaolin/dive-into-webpack) [[电子版]](http://webpack.wuhaolin.cn/) | ![stars](https://img.shields.io/github/stars/gwuhaolin/dive-into-webpack?label=Stars&logo=GitHub) |

[《免费的编程中文书籍》](https://github.com/justjavac/free-programming-books-zh_CN) | ![stars](https://img.shields.io/github/stars/justjavac/free-programming-books-zh_CN?label=Stars&logo=GitHub) |

[《Docker从入门到实践》](https://github.com/yeasy/docker_practice)[[电子版]](https://yeasy.gitbook.io/docker_practice/) | ![stars](https://img.shields.io/github/stars/yeasy/docker_practice?label=Stars&logo=GitHub) |

[《TypeScript入门教程》](https://github.com/xcatliu/typescript-tutorial)[[电子版]](https://ts.xcatliu.com/) | ![stars](https://img.shields.io/github/stars/xcatliu/typescript-tutorial?label=Stars&logo=GitHub) |

[《深入理解TypeScript》](https://github.com/jkchao/typescript-book-chinese) [[电子版]](https://jkchao.github.io/typescript-book-chinese/#why) | ![stars](https://img.shields.io/github/stars/jkchao/typescript-book-chinese?label=Stars&logo=GitHub) |

[《你不知道的JavaScript》](https://github.com/getify/You-Dont-Know-JS)[[英文版]](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/get-started/README.md) | ![stars](https://img.shields.io/github/stars/getify/You-Dont-Know-JS?label=Stars&logo=GitHub) |

[《Java技术书籍大全100本》](https://github.com/dahuoyzs/javapdf) | ![stars](https://img.shields.io/github/stars/dahuoyzs/javapdf?label=Stars&logo=GitHub) |

[《现代JavaScript教程中文版》](https://github.com/javascript-tutorial/zh.javascript.info) [[电子版]](https://zh.javascript.info/) | ![stars](https://img.shields.io/github/stars/javascript-tutorial/zh.javascript.info?label=Stars&logo=GitHub) |

[《最新1000多本计算机电子书免费下载》](https://github.com/itdevbooks/pdf) | ![stars](https://img.shields.io/github/stars/itdevbooks/pdf?label=Stars&logo=GitHub) |

## CSS学习平台：

| 项目 | 网址 | stars |

| ------------- | ------------- | ----- |

| [SpinKit](https://github.com/tobiasahlin/SpinKit) | [css加载动画](https://tobiasahlin.com/spinkit/) | ![stars](https://img.shields.io/github/stars/tobiasahlin/SpinKit?label=Stars&logo=GitHub) |

| [bootstrap-dashboard](https://github.com/codedthemes/datta-able-bootstrap-dashboard) | [bootstrap UI](http://lite.codedthemes.com/datta-able/bootstrap/index.html) | ![stars](https://img.shields.io/github/stars/codedthemes/datta-able-bootstrap-dashboard?label=Stars&logo=GitHub) |

| [You-need-to-know-css](https://github.com/l-hammer/You-need-to-know-css) | [css效果展示](https://lhammer.cn/You-need-to-know-css/#/zh-cn/typing) | ![stars](https://img.shields.io/github/stars/l-hammer/You-need-to-know-css?label=Stars&logo=GitHub) |

|  | [css动画创作animista](https://animista.net/) | |

## WebAssembly:

| 项目 | 网址 | stars |

| ------------- | ------------- | ----- |

| [wabt](https://github.com/WebAssembly/wabt) | [WebAssembly Binary Toolkit](https://github.com/WebAssembly/wabt) | ![stars](https://img.shields.io/github/stars/WebAssembly/wabt?label=Stars&logo=GitHub) |

| [emscripten](https://github.com/emscripten-core/emscripten) | [C and C++ to WebAssembly](https://emscripten.org/) | ![stars](https://img.shields.io/github/stars/emscripten-core/emscripten?label=Stars&logo=GitHub) |

| [assemblyscript](https://github.com/AssemblyScript/assemblyscript) | [TypeScript to WebAssembly](https://www.assemblyscript.org/) | ![stars](https://img.shields.io/github/stars/AssemblyScript/assemblyscript?label=Stars&logo=GitHub) |

## java优秀开源项目集： 

| 项目 | 前端 | stars |

| ------------- | ------------- | ----- |

| [电商系统](https://github.com/macrozheng/mall) | [mall-admin-web](https://github.com/macrozheng/mall-admin-web) [网站](http://www.macrozheng.com/admin/#/home) | ![stars](https://img.shields.io/github/stars/macrozheng/mall?label=Stars&logo=GitHub) |

| [管理系统](https://github.com/elunez/eladmin) | [eladmin-web](https://github.com/elunez/eladmin-web) [网站](https://el-admin.xin/) | ![stars](https://img.shields.io/github/stars/elunez/eladmin?label=Stars&logo=GitHub) |

| [秒杀系统](https://github.com/qiurunze123/miaosha) | / | ![stars](https://img.shields.io/github/stars/qiurunze123/miaosha?label=Stars&logo=GitHub) |

| [微人事管理系统](https://github.com/lenve/vhr)     | / | ![stars](https://img.shields.io/github/stars/lenve/vhr?label=Stars&logo=GitHub) |

| [学之思开源考试系统](https://github.com/mindskip/xzs) | [网站](https://www.mindskip.net/) | ![stars](https://img.shields.io/github/stars/mindskip/xzs?label=Stars&logo=GitHub) |

## 在线编程平台：

| 网址 |

| ---- |

| [jsbin](https://jsbin.com/?html,js,output) |

| [jsrun](http://js.jsrun.net/) |

| [toolfk](https://www.toolfk.com/) |

| [codepen](https://codepen.io/) |

| [jsfiddle](https://jsfiddle.net/) |

| [codesandbox](https://codesandbox.io/) |