qq_57508808的博客

完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容CSS 中的书写模式是指文本的排列方向是横向还是纵向的可以使用进行属性间的切换：块流向从上至下，对应的文本方向是横向的：块流向从右向左，对应的文本方向是纵向的：块流向从左向右，对应的文本方向是纵向的属性实际上设定的是页面上块级元素的显示方向，而这决定了文本的方向。

❗️使用 CSS 简写属性的一个不太明显的方面是省略的值如何重置，一个没有在 CSS 简写属性中指定的值会恢复到它的初始值。一份文档是由标记语言组织起来的文本文件（如用HTML组织文档），展示一份文档给用户实际上是将文档变成用户可用的文件。一个 DOM 有一个树形结构，标记语言中的每一个元素、属性以及每一段文字都对应着结构树中的一个节点。CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。元素拥有不同的状态，如被访问过的、没被访问过的、被鼠标悬停的等等。

详细介绍了Web性能优化的相关知识，以结构清晰的文章布局讲解了Web性能优化，还介绍了对应各个细分优化的实用方法和实用工具网站

介绍了网络延迟的产生原因，以及相关的拓展知识

介绍了浏览器是如何完成网页的展示的，介绍了在此过程中Web性能优化的着力点

介绍了CRP（浏览器关键渲染路径）是什么，它的作用，它在web性能优化中的位置，以及进行web性能优化的一些建议

异步编程赋予程序如下特性通过调用一个函数来启动一个长期运行的操作让函数开始操作并立即返回，这样我们的程序就可以保持对其他事件做出反应的能力当操作最终完成时，通知我们操作的结果浏览器中许多高耗时功能都是异步实现的fetch()请求资源访问用户的多媒体设备用户选择图片事件处理程序实际上就是异步编程的一种形式：你提供的函数（事件处理程序）将在事件发生时被调用（而不是立即被调用）回调函数是一个被传递到另一个函数中的会在适当的时候被调用的函数。

当你试图访问一个对象的属性或方法时：如果在对象本身中找不到该属性，就会在原型中搜索该属性。如果仍然找不到该属性，那么就搜索原型的原型，以此类推，直到找到该属性，或者到达链的末端，在这种情况下，返回 undefined。JavaScript 对象表示法（JSON）是用于将结构化数据表示为 JavaScript 对象的标准格式，通常用于在网站上表示和传输数据（例如从服务器向客户端发送一些数据，因此可以将其显示在网页上）this的指向有很多不同的情况，但是在对象方法内，this通常指向调用该方法的对象。

普通的定义一个函数函数的名字定义和变量的名字定义一样，也应该使用小驼峰命名法定义一个隐函数（又称匿名函数）console.log("一个隐函数");()=>{console.log("另一种定义隐函数的方法");可以使用变量引用隐函数，从而使用它console.log("使用了隐函数");//可以像如下方式使用隐函数❕匿名函数也称为函数表达式。函数表达式与函数声明有一些区别。函数声明会进行声明提升，而函数表达式不会。

变量，就是一个用于存放数值的容器变量的另一个特性就是它们能够存储任何的东西 – 不只是字符串和数字变量不是数值本身，它们仅仅是一个用于存储数值的容器。

正常布局流是指在不对页面进行任何布局控制时，浏览器默认的 HTML 布局方式当你使用 css 创建一个布局时，你正在离开正常布局流下列布局技术会覆盖默认的布局行为display属性，如blockinlinegridflex浮动，应用float值position属性表格布局多列布局Flexbox 是 CSS 弹性盒子布局模块（Flexible Box Layout Module）的缩写它被专门设计出来用于创建横向或是纵向的一维页面布局。

介绍了CSS中的各式文本样式的设置语法

详细讲解了如何在HTML中嵌入图片、音视频、iframe、SVG等元素，并讲解了图片的响应式设置、音视频兼容性多格式来源、iframe的安全性设置

简要讲解了HTML中的表格，以及表格的各式语法

介绍了HTML

简要介绍了Web前端开发的入门知识