1.1 Html基础
Html 文档结构:
比如:<!DOCTYPE html>、<html>、<head>、<body>等
元素和标签:
比如:<div>,<span>,<a>.....等及其属性
CSS样式
内部样式、外部样式、行内样式
1.2 javaScript
语法和变量:
数据类型、变量(var、let、const)、运算符、条件语句、循环语句
函数和事件:
如何自定义函数、事件(鼠标点击、鼠标移动、键盘按下等)
DOM操作:
如何修改、添加、删除元素内容。
1.3 进阶html和css:
弹性布局
弹性盒子模型(Flexbox)、网格布局(Grid)、栅格布局
媒体查询:
了解媒体查询工作原理、并能在不同设备和分辨率下实现流畅的布局转换
css动画与过度:
动画原理(关键帧动画,帧动画)
UI框架:
BootStrap、LayUI等
1.4 CSS3高级特性:
Transfrom与Animation:
属性:平移、缩放、旋转、倾斜以及复杂动画效果
1.5 JavaScript高级
ES6+新特性: let 、const、结构赋值、模板字符串
函数和箭头函数
异步编程
回调函数、Promise 、async/await
1.6 Dom操作
操作:元素的选择、属性的操作
事件:事件处理
1.7浏览器兼容性和性能优化
跨域:跨域问题和解决方案
性能优化:缓存和CDN
1.8 HTTP协议
协议:请求方法和状态码、请求头和响应头、缓存和Cookie
2.9 Ajax和Fetch Api
异步数据加载,请求和响应处理,请求原理
2.10 Web安全
常见攻击:XSS 和 CSRF
加密 : 常见加密方法和哈希
HTTPS协议
2.11 Vue.js
Vue基础:Vue实例 和生命周期、模板语法和指令语法、数据绑定(单向、双向)、计算属性、方法。
Vue组件化:什么是组件?、组件间通信(props 、refs、slots)、插槽(作用域插槽、具名插槽)
Vue路由:什么是路由(Vue Router)? 、路由配置和导航、动态路由和嵌套路由、路由守卫、导航路由
Vuex:状态管理的概念、状态的存储和获取
Vue CLI :ps:废弃
DevTools:调试和分析
2.12 Element UI
基本组件:布局、表单、数据展示、导航、其他
自定义主题:理解ElementUI主题定制机制
响应式布局:如何使用 ElementUI实现响应式
表单验证:如何使用rules属性进行表单验证