https://github.com/yanyue404/fe-attitude
FE Attitude — Record front-end knowledge system
https://github.com/yanyue404/fe-attitude
docs esnext javascript nodejs react typescript vue
Last synced: 2 months ago
JSON representation
FE Attitude — Record front-end knowledge system
- Host: GitHub
- URL: https://github.com/yanyue404/fe-attitude
- Owner: yanyue404
- License: other
- Created: 2017-10-16T22:31:08.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-02-19T00:27:53.000Z (over 1 year ago)
- Last Synced: 2025-02-19T01:25:31.815Z (over 1 year ago)
- Topics: docs, esnext, javascript, nodejs, react, typescript, vue
- Language: JavaScript
- Homepage: https://yanyue404.github.io/fe-attitude/
- Size: 421 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Roadmap: roadmaps/README.md
Awesome Lists containing this project
README
# 前端开发者的知识宝库与工具集
[我的前端态度 —— 记录前端知识体系](https://yanyue404.github.io/fe-attitude/)
探索前端无限可能，构建系统化的技术栈和工程能力。
## 🚀 快速访问
### 🤖 AI 助手
- **对话模型**：[GPT-GOD](https://gptgod.online/) | [Grok 3](https://grok.com/?referrer=website) | [Gemini](https://gemini.google.com/app/) | [Cursor](https://www.cursor.com/cn) | [GitHub Copilot](https://github.com/copilot)
- **国内模型**：[DeepSeek](https://chat.deepseek.com/) | [豆包 AI](https://www.doubao.com/chat/) | [Kimi.ai](https://kimi.moonshot.cn/) | [智普清言](https://chatglm.cn/) | [Monica AI](https://monica.im/) | [Sider](https://sider.ai/) | Docky.AI
### 📚 学习资源
- **news**: [hacknews](https://news.ycombinator.com/) | [reddit](https://www.reddit.com/r/webdev/) | [quora](https://www.quora.com/)
- **技术教程**： [w3schools nodedjs](https://www.w3schools.com/nodejs/default.asp) [w3schools python](https://www.w3schools.com/python/default.asp) | [现代 JavaScript 教程](https://zh.javascript.info/) | [JavaScript 教程 by 廖雪峰](https://www.liaoxuefeng.com/wiki/1022910821149312) | [Python 教程 by 廖雪峰](https://liaoxuefeng.com/books/python/introduction/index.html)
- **在线工具**：[TypeScript 演练场](https://www.typescriptlang.org/zh/play/) | [ESlint 演练场](https://zh-hans.eslint.org/play/) | [正则表达式测试](https://regex101.com/) | [二维码生成器](https://m-txc-test.tk.cn/tk-online/common/smallfunc/#/qrcode/index)) | Youtube[视频](https://123videotool.com/zh-cn/youtube-downloader)/[音频](https://ytmp3.la/9OYg/) 下载 | [视频解析下载](https://yt.snapmail100.com/) | [y2btools](https://y2btools.org/) | [youtube-convert](https://youtube-convert.com/)
- **技术博主**：[方应杭](https://space.bilibili.com/4349808) | [AnthonyFu](https://space.bilibili.com/668380) | [冬灰条](https://space.bilibili.com/8212729) | [dev-zuo](https://space.bilibili.com/486840111)
- **职业规划**：[Roadmap](https://roadmap.sh/roadmaps)
## 💻 技术体系
### 📖 知识库
- [个人博客](https://yanyue404.github.io/blog/) - 技术思考与实践记录
- [前端知识体系](https://yanyue404.github.io/fe-attitude/) - 系统化的前端学习路径
- **Vue 生态**
- [Vue 源码学习](https://github.com/yanyue404/vue) - Vue 框架源码分析
- [Mini-Vue 实现](https://github.com/yanyue404/mini-vue) - 从零构建 Vue 核心功能
- [算法训练](https://github.com/yanyue404/leetcode) - 200+ LeetCode 题解
- **低代码探索** - 可视化拖拽编辑器研究
### 🛠️ 工具库
#### NPM 包
- [issues2md](https://github.com/yanyue404/issues2md) - 将 GitHub Issues 导出为 Markdown 文件
- [fe-cli](https://github.com/yanyue404/fe-cli) - 前端自动化工具，快速构建项目
- [beyond-ui](https://github.com/yanyue404/beyond-ui) - 基于 Vue2 的组件库
- [rainbow-shared](https://github.com/yanyue404/rainbow-shared) - 实用函数集合，基于 @vue/shared
- [vite-plugin-spritesmith2](https://github.com/yanyue404/vite-plugin-spritesmith2) - Vite 雪碧图插件
- [nuxt-web-update-notification](https://github.com/yanyue404/nuxt-web-update-notification) - Nuxt 应用更新通知
#### 项目工具
- [rainbow-common](https://github.com/rainbow-design/rainbow-common) - 现代 JavaScript 工具库和组件集
- [node-crawler](https://github.com/yanyue404/node-crawler) - Node.js 爬虫工具
- [my-bookmarks](https://github.com/yanyue404/my-bookmarks) - 精选资源收藏
- [dev-admin](https://github.com/yanyue404/dev-admin) - [开发者管理工具](https://yanyue404.github.io/dev-admin/)
- [nuxt-issue-blog](https://github.com/yanyue404/nuxt-issue-blog) - 基于 Nuxt 的 Issue 博客系统
### 🏗️ 脚手架模板
#### Vue 生态
- [vue-boilerplate](https://github.com/yanyue404/vue-boilerplate) - 自定义 Webpack 配置的 Vue 项目模板
- [fe-boilerplates](https://github.com/rainbow-design/fe-boilerplates) - 前端项目模板集合
- **Admin 模板** - 企业级后台管理系统脚手架
#### 小程序与工具链
- [wxapp-template](https://github.com/rainbow-design/wxapp-template) - 微信小程序原生开发模板
- **构建工具模板**
- Rollup 项目模板 (参考 rainbow-shared)
- 油猴脚本开发模板
- Taro 跨端应用模板
- Vite 项目模板 (含 React 版本)
## 🔮 专业特色
- **组件设计模式** - 基于 beyond-ui 的组件抽象与设计思想
- **工程化实践** - 从脚手架到自动化部署的全流程解决方案
- **性能优化** - 大型前端应用的性能瓶颈分析与优化策略
- **跨端开发** - 小程序、H5、桌面应用的统一开发方案
- **低代码平台** - 可视化编辑器的核心技术与实现思路
- **Python 学习** - 基于 Python 的实用工具与项目实践
---
💡 **技术栈**：Vue | React | TypeScript | Node.js | 微信小程序 | Vite | Webpack | Rollup | Python