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