前端总复习

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

相关推荐
kyriewen2 小时前
别再 console.log 了:5 个 Chrome DevTools 调试技巧,用过就回不去了
前端·javascript·面试
IT_陈寒3 小时前
Python搞不定字符串编码?这破玩意坑我两小时!
前端·人工智能·后端
To_OC3 小时前
LC 1 两数之和:面试第一道必考题,暴力解法直接被面试官 pass
javascript·算法·leetcode
DigitalOcean5 小时前
Laravel 开发者已在 DigitalOcean 上开通超过 10 万台服务器
前端·laravel
星始流年5 小时前
从 Tool 到 Skill——基于 LangChain 的服务端Skill实现
前端·langchain·agent
李惟5 小时前
开源本地通信库,纯客户端 RPC,像聊天一样通信
前端
YAwu115 小时前
深入解析 React 炫彩鼠标跟随标题组件:从坐标定位到动画性能
前端·react.js
GuWenyue5 小时前
排序效率低?5分钟吃透快速排序,性能飙升至O(nlogn)
前端·javascript·面试
OpenTiny社区5 小时前
🎨 看完 GenUI SDK 源码我悟了!
前端·vue.js·github
叁两5 小时前
前端转型AI Agent该如何学习?(前置篇)
前端·人工智能·node.js