前端学习指引
2024-03-27 18:04:10 0 举报AI智能生成
前端
作者其他创作
大纲/内容
代码管理工具
Git 版本控制
常用命令
Svn 版本控制
分支管理
三、前端工程化
研发流程
技术选型
初始化
开发
本地测试
代码提交
编译、打包、构建
部署
集成测试
发布上线
监控运维
代码托管
GitHub
Node.JS
包管理
npm
yarn
开发框架
CSS 框架
BootStrap
JavaScript 框架
Vue
React
封装库
组件库
LayUI
ElementUI（Vue）
VantUI（Vue）
Ant Design（React）
UniApp（Vue）
工具库
jQuery
Lodash
Axios
字体图标库
IconFont
脚手架
Vue CLI
前端架构设计
SPA 单页应用
多页应用
CSS 预编译
SASS
LESS
构建工具
自动化构建
打包工具
Webpack
部署
Web 服务器
Nginx
四、前端优化
性能优化
性能监控
Performance API
样式优化
JavaScript 优化
防抖
节流
资源压缩
合并和压缩CSS、JavaScript文件，使用CSS Sprites、图像压缩
缓存优化
动画性能
懒加载
CDN
异步加载
延迟加载
预加载资源
减少HTTP请求
兼容性
浏览器兼容性
屏幕分辨率兼容性
跨平台兼容性
一、前端入门
开发工具
浏览器
Chrome
Firefox
Edge
编辑器
VSCode
启动项目、安装插件命令
HBuilder X
HTML
基本语法
dom结构
标签
分区 div
标题 h1 ~ h6
段落 p
图像 img
列表 ul / ol
超链接 a
表单 form
表格 table
其他
属性
HTML5 特性
语义化标签
浏览器支持
CSS
基本语法
引入方式
行内样式
内部样式表
外部样式表
选择器
通用选择器
标签选择器
id 选择器
class 选择器
属性选择器
选择器优先级
属性
单位
背景
字体
列表
表格
文档流
标准流
浮动流
定位流
内联元素 / 块状元素
盒子模型
content
padding
margin
border
浮动
设置浮动 float
清除浮动 float
定位
static
absolute
fixed
relative
sticky
层叠规则
多个CSS规则应用于同一元素时，哪些规则将优先应用
JavaScript
基本知识
数据类型
值类型
字符串 String
数值 Number
布尔 Boolean
空值 Null
未定义 Undefined
Symbol
引用类型
对象 Object
对象方法
数组 Array
数组方法
函数 Function
自定义函数
调用方式
全局调用
函数方法调用
DOM API
JSON
Ajax
ES6+ 特性
let 和 const
变量解构赋值
数组解构赋值
const [a, b] = [1, 2];
对象解构赋值
const { name, age } = { name: 'Alice', age: 30 };
函数参数解构
function greet({ name, age }) {
console.log(`Hello, ${name}! You are ${age} years old.`);
}
greet({ name: 'Alice', age: 30 });
console.log(`Hello, ${name}! You are ${age} years old.`);
}
greet({ name: 'Alice', age: 30 });
对象扩展和新增方法
对象字面量增强
let name = 'Alice';
let age = 30;
let person = { name, age };
let age = 30;
let person = { name, age };
对象解构赋值
let { name, age } = person;
对象常用方法
Object.assign() ==》将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。
Object.keys()、Object.values()、Object.entries() ==》分别用于获取对象的键、值和键值对数组。
Promise & async / await 异步编程
二、巩固基础
前端基础知识
域名
DNS
服务器
浏览器
浏览器 DOM 事件流 / 事件委托
浏览器加载顺序
浏览器渲染过程
跨域解决方案
CORS
JSONP
代理服务器
WebSocket
浏览器缓存
HTTP
HTTP 请求过程
建立TCP连接
发送HTTP请求
请求行
请求头
请求体
服务器处理请求
服务器返回HTTP响应
状态行
响应头
响应体
关闭TCP连接
HTTP 请求类别
GET请求
POST请求
常见状态码
1xx 信息
2xx 成功
3xx 重定向
4xx 客户端错误
5xx 服务器错误
Cookie
Session
WebSocket
正则表达式
0 条评论
下一页
