前端总复习

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属性进行表单验证

相关推荐
fthux5 小时前
RenoPit 能为普通业主做什么?看懂图纸、审查合同,提前发现装修坑
javascript·人工智能·ai·开源·github·chrome扩展·open source·edge扩展·firefox扩展
仿生狮子6 小时前
✂️ Nuxt 最简单的字体裁剪工具:Fontize
javascript·vue.js·nuxt.js
石小石Orz9 小时前
我发现了开发者AI产品营收的新方向
前端·虚拟现实
老马识途2.09 小时前
关于跨域问题的总结
java·前端
魔力女仆10 小时前
分享一个 JS 鼠标跟随贪吃蛇背景库
开发语言·javascript·计算机外设
2401_8949155311 小时前
GEO 搜索优化完整源码从零部署:环境配置、集群搭建全流程
开发语言·python·tcp/ip·算法·unity
麻瓜老宋11 小时前
AI开发C语言应用按步走,表达式计算器calc的第二十二步,分号赋值链式修复、TOKEN_ASSIGN
c语言·开发语言·atomcode
别惊醒渔人11 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
颜酱11 小时前
07 | 把字段与指标同步到 Qdrant(生成阶段)
前端·人工智能·后端
用户0595401744612 小时前
把AI长期记忆测试从手动验证换成pytest,2天揪出11个隐藏Bug
前端·css