web前端开发需要掌握哪些知识

Question

如题所述

Answer 1

1. HTML知识要点：理解web工作原理，掌握HTML4及HTML5的差异，熟悉常见标签及其使用，了解相对路径与绝对路径的区别，掌握HTML5新增标签。
2. CSS+布局知识要点：理解CSS基本语法，熟练使用各种选择器，掌握背景图片的使用，了解盒子模型，学会精灵图的运用，熟悉常见网页布局方法，掌握浮动定位与Flex布局，理解响应式布局原理，能够进行移动端适配，掌握网页动画制作，了解CSS3的新特性，会使用Less预处理器。
3. ECMA基础知识要点：熟悉ECMA基本语法，掌握数据类型及运算符，理解分支结构和循环结构的使用，掌握函数的定义和调用，熟悉常见内置对象的属性和方法，了解Array、Math、Date、String等对象的使用。
4. DOM知识要点：理解DOM模型，掌握节点类型和基本操作，学会JS操作样式表，克隆节点，获取坐标位置和元素尺寸，熟悉节点的各种属性和方法。
5. BOM+jQuery知识要点：了解History、Location、Navigate等BOM对象，掌握定时器和线程的使用，理解事件循环机制，熟悉web工作原理，掌握性能优化策略，了解事件对象，掌握正则表达式，熟悉jQuery框架的使用。
6. Vue框架基本语法知识要点：掌握Vue基本语法，理解双向绑定机制，学会组件传值，熟悉条件渲染和列表渲染，掌握事件处理和表单绑定，了解自定义事件，熟悉插槽的使用，掌握过渡和动画效果，了解动态路由和嵌套路由，学会编程式导航和导航守卫，掌握路由懒加载，熟悉脚手架的使用，理解生命周期，掌握vuex、axios、ts、vue3的使用。
7. Vue案例知识要点：将以上知识点应用到实际案例中，提高实战能力。
8. React基本语法知识要点：了解React简介，掌握jsx语法，学会元素渲染，熟悉组件和props，理解state的使用，掌握生命周期方法，学会表单处理，掌握条件渲染，了解组合继承，熟练使用hooks，了解性能优化，掌握redux的使用。
9. React案例知识要点：将以上知识点应用到实际案例中，提高实战能力。
10. Node服务器与数据库及框架知识要点：掌握Node原生模块的使用，了解跨域处理，熟悉安全校验和数据加密，掌握数据库基本操作，熟悉express框架和koa框架。
11. Node项目知识要点：了解Node项目的工作流程，熟悉WebPack的使用。