前端学习路线
2022-03-08 00:40:13 0 举报AI智能生成
新手快速入门前端
作者其他创作
大纲/内容
学习资源
书籍：JavaScript高级程序设计第4版（核心：js 的执行流程、垃圾回收、作用域）
mdn web docs：https://developer.mozilla.org/zh-CN/docs/Web（深入：js 工具书，基本涵盖 js 所有 API 的详细描述、使用方法）<br>
菜鸟教程：https://www.runoob.com/（基础：对 js 有个大概的了解）
资源整合：https://gitee.com/jishupang/web_atlas#https://gitee.com/link?target=https%3A%2F%2Fwww.bilibili.com%2Fvideo%2FBV1Sy4y1C7ha
腾讯课堂：https://ke.qq.com/
慕课网：https://www.imooc.com/
哔哩哔哩：https://www.bilibili.com/
极客时间：https://time.geekbang.org/<br>
工具
Visual Studio Code 编辑器
Chrome 浏览器
HTML
常用标签
区块 div / span<br>
标题 h1 ~ h6<br>
段落 p
图像 img
列表 ul / ol
超链接 a
表单 form
表格 table
框架 iframe<br>
属性
语义化
HTML5
新增语义化标签<br>
article、footer、header、nav、section...
新增表单属性<br>
autocomplete、autofocus...
本地存储
localStorage<br>
sessionStorage
CSS
引入方式
外部样式表<br>
内部样式表
内联样式
选择器
通配符、ID、class、标签、属性
后代、子元素(>)、相邻兄弟(+)、通用兄弟(~)、交集、并集
伪类选择器(:)、伪元素选择器(::)
选择器优先级
样式
文本、背景、字体、链接、列表、表格
盒子模型<br>
内容、内边距、外边距、边框、盒子模型转换
浮动<br>
设置浮动
清除浮动
定位
static、relative、fixed、absolute、sticky
层叠规则<br>
外边距重叠
内联元素、块状元素
BFC、IFC
预处理器 Scss
CSS3
响应式布局
媒体查询
Flex 布局
动画<br>
过渡
渐变
背景
边框
圆角
字体
2d / 3d 转换
JavaScript
基础
语法、变量、关键字、值类型、引用类型、类型转换、流程控制
运算符
算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符
函数
声明式、表达式
匿名函数、立即执行函数
函数调用
Arguments
作用域、闭包、this
对象
Array
String<br>
Date
Boolean
Number
Math
BOM
setTimeout、setInterval
screen、location、history、navigator
DOM<br>
节点类型、属性
节点增、删、改、查、样式操作等
事件流、事件冒泡、事件铺获、事件监听
AJAX<br>
XMLHttpRequest、readyState<br>
JSON / FormData
高级
面向对象、构造函数、原型继承、作用域、作用域链
ES6 ~ ES11
let 和 const<br>
模板字符串
箭头函数
变量解构赋值
对象扩展和新增方法
Promise & async / await 异步编程
import / export 模块化
Node<br>
NPM包管理器
nvm：Node版本管理工具
nrm：npm源管理工具
安装、更新、卸载
HTTP
请求方法
请求报文、响应报文<br>
常见状态码
1xx 信息
2xx 成功
3xx 重定向
4xx 客户端错误<br>
5xx 服务器错误<br>
跨域资源共享CORS<br>
HTTPS
Vue<br>
vue 基础
模板语法
常用指令
过滤器、监听器、计算属性
组件通信、生命周期
插槽<br>
内置组件、动画
vuex 状态管理库
state
getter
mutation
action
module
vue-router 路由
嵌套路由
路由传参
编程式导航
路由懒加载
vue-cli 脚手架
安装
目录结构
配置
axios 数据请求
全局配置
拦截器
element-ui UI库
vue-devtools 调试工具
UniApp
小程序
生命周期
冷启动、热启动
更新机制
常用API
发布
APP
SVN
代码版本控制系统
检出操作、提交操作
解决冲突
分支、标签
查看历史
版本回退
0 条评论
下一页
