自学-前端知识体系梳理
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<br>
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 布尔值<br>
Null 空值
Undefined 未定义
Object 对象
运算符
流程控制
选择结构
循环结构
数组
数组方法
函数
函数(方法)的定义
`函数作用域<br>
函数调用
方法
对象
创建对象
构造函数
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 条评论
下一页
