1.1HTML基础
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.6DOM操作:
**操作:**元素的选择、属性的操作
**事件:**事件处理
1.7 浏览器兼容性和性能优化:
**跨域:**跨域问题和解决方案
**性能优化:**缓存和CDN
1.8 HTTP协议:
**协议:**请求方法和状态码、请求头和响应头、缓存和cookie
1.9 Ajax和Fetch API:
异步数据加载,请求和响应处理,请求原理
1.10 Web安全:
**常见攻击:**XSS和CRSF攻击
**加密:**常见加密方法和哈希
HTTPS协议:
1.11 Vue.js:
vue基础:
Vue实例和生命周期、模板语法和指令语法、数据绑定(单向、双向)、计算属性、方法等
Vue组件化:
什么是组件化?、组件间通信(props、refs、slots)、插槽(作用域~,具名~)
Vue路由:
什么是路由?路由配置和导航、动态路由和嵌套路由、路由守卫、导航守卫
VueX:
状态管理的概念、状态的存储和获取
Vue CLI(已废弃):
**Dev Tools:**调试和性能分析
1.12 Element UI:
**基本组件:**布局、表单、数据展示、导航、其他
**自定义主题:**理解ElementUI主题定制机制
**响应式布局:**如何使用ElementUI实现响应式
**表单验证:**如何使用rules属性进行表单验证