app前端开发，CSS盒模型居中方法(1)

• 下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境

• 下载、配置PHP和MySQL

第二个阶段，前端入门，网页制作

1，HTML：

• 常用标签（div标签，p标签，span标签，a标签，img标签）

• 锚点

• 列表标签（有序列表，无序列表，自定义列表）

• 表单标签

• 表格标签

• 标签分类

• 标签语义化

• 注释

• 字符实体

2，CSS：

• CSS介绍

• 全局样式

• 行内元素

• 内联元素

• 选择器

（1）基础选择器（标签选择器，类选择器，ID选择器）

（2）复合选择器（后代选择器，兄弟选择器，相邻元素选择器，交集选择器，并集选择器）

（3）选择器优先级

• 字体样式值

• 文本样式值

• 颜色样式值

• 盒模型（标准盒模型，怪异盒模型）

• 控制台使用

• 清除默认样式

• 盒模型居中

• 标准文档流

• 块元素

• 行内元素

• 行内块元素

• 多种伪类元素

• 浮动

（1）浮动元素脱离文档流

（2）外边距塌陷问题

（3）N种清除浮动的方式

• 定位(相对定位，固定定位，绝对定位，z-index)

第三个阶段，JavaScript动态交互

1，JavaScript初阶

• 变量和运算符

（1）JS用途

（2）JS书写规则

（3）内置函数使用

（4）字面量

（5）变量

（6）命名标识符规范

（7）变量声明提升

（8）运算符（数学运算符，比较运算符，逻辑运算符，赋值运算符）

（9）页面修改（innerHTML，innerText，value）

• 逻辑控制

（1）if关键字（if…else，if…else if…else，多分支条件语句，嵌套if语句）

（2）for关键字（for循环，双重for循环）

（3）自增

（4）自减

（5）switch条件语句

（6）累加器

（7）累乘器

（8）while（continue关键字，break关键字，while循环语句，do…while循环语句）

（9）js控制HTML标签

（10）三目运算符

（11）运算符优先级

• Math类

（1）Math属性（Math.PI，Math.E，…）

（2）Math函数（round，floor，ceil，…）

• 函数

（1）无参函数

（2）函数定义

（3）函数调用

（4）作用域

（5）参数（形参，实参，入参，出参）

（6）不定参函数

（7）arguments

• Object类

（1）对象的定义

（2）对象的使用

• 定时器

• Array类

• String类

• Date类

2，JavaScript进阶

• JavaScript DOM基础

（1）DOM元素遍历

（2）DOM元素查找

（3）DOM元素增加

（4）DOM元素删除

（5）DOM元素修改

（6）DOM元素剪切

（7）属性操作

（8）样式操作

（9）文档碎片

• this（在各个环境下this的指向）

• 事件

（1）普通事件回顾

（2）绑定事件

（3）取消普通事件

（4）取消绑定事件

（5）事件类型（键盘事件，鼠标事件，聚焦&失焦事件）

• 事件流

（1）事件源

（2）事件流

（3）事件冒泡

（4）事件捕获

（5）事件委托

• JavaScript BOM 基础

（1）offset

（2）client

（3）scroll

（4）getBoundingClientRect()

（5）滚动事件

• call&apply&bind

（1）深入探究作用域

（2）偏函数的使用

• 自定义属性

• 面向对象编程

（1）封装

（2）构造方法

（3）instanceof

（4）constructor

（5）继承（函数继承，构造函数继承，类继承）

（6）原型

（7）原型链

（8）多态

3，ES6

• ECMAScript6简介

• let和const

• ES6+的作用域

• 对象的扩展

• 函数的扩展

• 字符串的扩展

• Symbol

• Set&Map

• Promise对象

• async&awiat

• 箭头函数

• 模板字符串

• rest参数

• Class

• Module模块

4，JavaScript高阶

• 闭包

（1）深入理解闭包

（2）深入理解闭包原理

（3）闭包面试题权威解析

• 立即执行函数

• 惰性函数

• 插件开发

• 多人协作

• 深复制与浅复制

• 数组扁平化

• 递归

（1）斐波那契数列详解

（2）递归深复制与浅复制

（3）柯里化思想

（4）柯里化及递归面试题权威解析

• 正则表达式全解

• 函数防抖

• 函数节流

第四阶段，移动端开发技术实战

1，HTML5

• HTML5简介

• HTML5新语法

• HTML5新语义化标签

• HTML5新表单元素属性

• HTML5手机端新事件处理

• HTML5新增多媒体实战

• 本地存储（cookie，localStorage，sessionStorage）

• Canvas

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

g.cn/img_convert/abffda3a0cfe5b9baa70f132ab55f248.png)

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：