前端知识点,资源,项目资源

中级前端需要掌握的知识点

1. JavaScript基础知识，包括ES6及以上版本的语言特性。
2. Vue框架的核心概念和实现原理，包括组件、指令、生命周期等。
3. React框架的核心概念和实现原理，包括JSX、组件、状态和属性等。
4. Web性能优化，包括代码压缩、CDN加速、懒加载等技术。
5. 移动端开发，包括响应式设计、移动端布局、适配不同设备等技术。
6. 数据可视化，包括echarts、d3等数据可视化库的使用。
7. 网络请求与跨域问题，包括HTTP协议、AJAX、fetch等技术。
8. Node.js后端技术，包括Express、Koa等框架的使用。
9. 数据库，包括MySQL、MongoDB等数据库的使用和操作。
10. 自动化构建和部署，包括Webpack、Gulp、Jenkins等工具的使用和操作。

学习上述知识点的资源

1. JavaScript基础知识：阮一峰（http://www.ruanyifeng.com/blog/javascript/）-《JavaScript教程》
2. Vue框架的核心概念和实现原理：尤雨溪（https://evanyou.me/）-《Vue.js 技术揭秘》系列文章
3. React框架的核心概念和实现原理：张轩（https://github.com/youngwind/blog）-《React 源码解析》系列文章
4. Web性能优化：王红元（https://www.cnblogs.com/whycxb/）-《前端性能优化》系列文章
5. 移动端开发：张鑫旭（https://www.zhangxinxu.com/）-《CSS3 媒体查询（Media Queries）实例》
6. 数据可视化：张鑫旭（https://www.zhangxinxu.com/）-《echarts 入门实例》
7. 网络请求与跨域问题：廖雪峰（https://www.liaoxuefeng.com/）-《JavaScript教程》中的AJAX部分
8. Node.js后端技术：严浩（http://blog.fens.me/series-nodejs/）-《Node.js从入门到企业Web开发实战》系列文章
9. 数据库：MongoDB中文社区（https://www.mongodb.org.cn/tutorial/）-《MongoDB入门教程》
10. 自动化构建和部署：阮一峰（http://www.ruanyifeng.com/blog/2019/09/webpack-tutorial.html）-《Webpack教程》

GitHub 实战项目：

1. Vue全家桶+Node.js+MySQL实战企业级应用：https://github.com/bailicangdu/vue2-elm
2. React全家桶+Node.js+MongoDB实战电商网站：https://github.com/nswbmw/N-blog
3. 前后端分离的Node.js全栈开发实战：https://github.com/zhongsp/Node.js-TODO-list
4. React全家桶+Ant Design实战管理系统：https://github.com/bailicangdu/react-antd-admin-template
5. Vue全家桶+ElementUI实战后台管理系统：https://github.com/PanJiaChen/vue-element-admin
6. Node.js实战微信公众号开发：https://github.com/node-webot/wechat
7. React全家桶+Redux实战TODOLIST：https://github.com/LeeDou/react-redux-todolist
8. Vue全家桶实战移动端音乐播放器：https://github.com/MeCKodo/vue-music
9. React全家桶实战Github客户端：https://github.com/crazycodeboy/react-native-awesome-apps
10. 基于Vue的全栈开发实战：https://github.com/icarusion/vue-todo-list