登录免费注册



自学-前端知识体系梳理

首页  思维导图  详情



自学-前端知识体系梳理

2021-07-29 14:59:21   0  举报





AI智能生成

前端知识梳理不定期更新

前端知识

前端开发

前端 CSS HTMl JavaScript

模版推荐

作者其他创作

大纲/内容

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

 Collect

Get Started

Web前端知识体系大全

 Collect

Get Started

前端知识体系

 Collect

Get Started

Dubbo知识体系梳理

年度总结模板：阅读书单总结与知识体系构建

 Collect

Get Started

年度总结模板：阅读书单总结与知识体系构建













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document