前端知识框架

一直都是很懒的人,懒得去写笔记,写文章,感觉应该是要有一些沉淀了。计划在简书上写一些技术相关的文章,先整理下前端相关的一些知识点吧,争取每周至少有一篇文章的产出

1. HTML/JS/CSS基础

  • HTML、HTML5基础
  • CSS、CSS3基础
  • ES5基础、ES6基础以及ES6新特性

上面这些是前端开发的基础,想要写一系列的文章,但不能着急,只能慢慢来

2. Vue相关

2.1. Vue全家桶

  • Vue基础知识
  • Vue-router基础知识
  • Vuex基础知识
  • axios基础知识

2.2. Vue脚手架工具

  • Vue-cli

2.3. Vue项目开发中常用的VSCode插件

  • Vetur
  • Auto Close Tag、Auto Complete Tag、Auto Rename Tag
  • Element-UI Snippets
  • vscode-element-helper
  • ESLint
  • GitLens
  • Lodash Snippets
  • Sort JSON objects、Sort Lines
  • VueHelper
  • Trailing Spaces
  • 其他...

PS: 有时间的话,研究下VSCode插件的编写,不求会编写,能够看得懂别人写的插件,能够修改别人插件,做一些自定义配置也行

2.4. UI框架的介绍与对比

  • Element-UI
  • iView
  • vuetify
  • mint-ui
  • vux

2.5. Vue项目开发中的一些坑

3. 工程化方面

  • Webpack打包工具
  • Gulp、Grunt(了解)
  • Git的使用
  • 自动化测试
  • 自动化部署

4. NodeJS

  1. NodeJS基础
  2. Express
  3. Koa2
  4. fastify
  5. Egg.js
  6. Mongodb等数据库相关

5. 其他

  1. HTTP协议
  2. Web前端安全与防范:XSS攻击、SQL注入攻击、CSRF攻击等
  3. 浏览器原理
  4. ES7、ES8、PWA等...

大概框架先以上这些吧,其他的想到再补充,关于Vue、React、Angular,框架仅仅是工具而已,说不定几年后就是PWA、快应用、XXX框架的天下了

上一篇:Angular1.5.8路由参数的使用


下一篇:Vue项目中的文件/文件夹命名规范