自学-前端知识体系梳理
2021-07-29 14:59:21 0 举报AI智能生成
前端知识梳理不定期更新
作者其他创作
大纲/内容
CSS
基础概念
css module
BEM命名规范
px、em、rem的区别
选择器(部分了解)
定位
水平垂直居中布局
flex
绝对定位
margin设置负值
transform：translate
top、left、right、bottom都为0
转为行内元素
grid
定位方式
static
relative
fixed
absolute
sticky
浮动
清除浮动的方式
状态
:link
:visited
:hover
:active
:focus
进阶(后续了解)
三栏布局
flex实现
float实现
圣杯实现
双飞翼实现
grid实现
table实现
绝对定位实现
Grid布局
grid-template
grid-template-areas
grid-template-rows
grid-template-columns
grid-gap
grid-row-gap
grid-column-gap
grid-row
grid-row-start
grid-row-end
grid-column
grid-column-start
grid-column-end
grid-area
grid-auto-row
grid-auto-column
grid-auto-flow
flex弹性盒子
align-content
align-items
justify-content
align-self
flex-direction
flex-flow
order
flex-glow
flex-shrink
flex-basis
flex
flex-wrap
伪元素
单双冒号
:after/ ::after
:before/ ::before
:first-letter/ ::first-letter
:first-line/ ::first-line
双冒号
::selection
::placeholder
::backdrop
伪类
结构化
:not()
:first-child
:last-child
:first-of-type
:last-of-type
:nth-child
:nth-last-child
:nth-of-type
:nth-last-of-type
:only-child
:only-of-type
:target
表单
HTML
元素分类
块级元素
行内元素
行内块级元素
JS基础
基本语法
变量
数据类型
String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象
运算符
流程控制
选择结构
循环结构
数组
数组方法
函数
函数(方法)的定义
`函数作用域
函数调用
方法
对象
创建对象
构造函数
this指向
内置对象
String
Math
Date
Number
事件
事件三要素
获取事件源
绑定事件
书写事件方法体
事件分类
事件的冒泡（Bubble）
DOM
DOM的各项操作
修改样式
绑定事件
元素的CRUD
ES6语法
变量声明
let 和 const 只在最近的一个块中（花括号中）有效
Classes类的概念(同java)
部分语法的升级
for…of/for…in
Proxies监听
Promises(待学习)
http://liubin.org/promises-book/
VUE
vue.js基本概念
Vue的双向数据绑定的原理
对于Object类型的数据是进行如何处理的
为什么数组的处理方式跟Object的处理方式不一致
Observer的作用
发布订阅者模式
Vue.nextTick()的调用时机
Vue的生命周期函数
watch的实现原理
vdom的原理及作用
api原理
vm.$mount
vm.$set
vm.$nextTick
vm.$watch
Vue.use
vue项目结构解读
路由基础
vue-route
状态管理
bus
vuex
第三方JS库的使用
渲染函数/JSX
异步请求
Ajax
Axios
fetch
form表单
响应式布局
组件
node.js
require的路径解析
事件循环机制
setTimeout与setImmediate的区别
process.nextTick
收藏
0 条评论
下一页
