自学-前端知识体系梳理
2021-07-29 14:59:21 0 举报
AI智能生成
前端知识梳理不定期更新
作者其他创作
大纲/内容
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-template-areas
grid-template-rows
grid-template-columns
grid-template
grid-row-gap
grid-column-gap
grid-gap
grid-row-start
grid-row-end
grid-row
grid-column-start
grid-column-end
grid-column
grid-area
grid-auto-row
grid-auto-column
grid-auto-flow
Grid布局
align-content
align-items
justify-content
align-self
flex-direction
flex-flow
order
flex-glow
flex-shrink
flex-basis
flex-wrap
flex弹性盒子
: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
结构化
分支主题
上面的例子中article中的第一个p也会被选中,是因为div的子元素article中的第一个子元素p也满足了条件,(定义里面说过了,对于子元素的子元素也包括在内)
这几个属性都包括子元素中的子元素也满足的情况
表单
伪类
进阶(后续了解)
CSS
块级元素
行内元素
行内块级元素
元素分类
HTML
变量
String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象
数据类型
运算符
选择结构
循环结构
流程控制
基本语法
数组方法
数组
函数(方法)的定义
`函数作用域
函数调用
方法
函数
创建对象
this指向
构造函数
String
Math
Date
Number
内置对象
对象
获取事件源
绑定事件
书写事件方法体
事件三要素
事件的冒泡(Bubble)
事件分类
事件
修改样式
元素的CRUD
DOM的各项操作
DOM
JS基础
let 和 const 只在最近的一个块中(花括号中)有效
变量声明
Classes类的概念(同java)
for…of/for…in
部分语法的升级
Proxies监听
http://liubin.org/promises-book/
Promises(待学习)
ES6语法
对于Object类型的数据是进行如何处理的
为什么数组的处理方式跟Object的处理方式不一致
Observer的作用
发布订阅者模式
Vue的双向数据绑定的原理
Vue.nextTick()的调用时机
Vue的生命周期函数
watch的实现原理
vdom的原理及作用
vm.$mount
vm.$set
vm.$nextTick
vm.$watch
Vue.use
api原理
vue项目结构解读
vue.js基本概念
vue-route
路由基础
bus
vuex
状态管理
第三方JS库的使用
渲染函数/JSX
Ajax
Axios
fetch
异步请求
form表单
响应式布局
组件
require的路径解析
setTimeout与setImmediate的区别
process.nextTick
事件循环机制
node.js
VUE
知识体系
收藏
0 条评论
回复 删除
下一页