CSS选择器-一文搞懂CSS选择器 ID选择器属于精确制导，给页面中的一个标签，定一个唯一的标识符，和类的区别是，类可以标识很多标签，但是 ID 选择器只标识唯一的，这就是精确制导，目标很明确。作用：使用 CSS 创建新的元素（标签），不真实存在于 html 结构树中，达到简化HTML 结构的目的。只选择按照流的顺序，即文档中元素的书写书序往下找到和自己相临的第一个同级元素。主要是针对于选中元素中的子元素来进行设置布局结构响应的样式。由写法 3 可以延伸出 属性值以某个字符串片段开始的写法。父元素中的某类选择器选中的。下面以 a 标签举例。
HTML5新特性 HTML5我们简称H5，HTML 和 H5的关系，从字面上应该能看出，H5就像我们说的移动 3G ，4G，5G，6G （第X 代移动通信）一样，简单理解把 H5 理解为第5代 HTML 技术就行了。H5由 W3C 于2014年10月完成标准制定的，它是对HTML 标准的第五次修订，是迄今为止最先进的 HTML 标准版本。这里的H5是技术标准 和 H5岗位不是一个东西，H5 岗位是前端岗位（融合了 HTML5、CSS、JS）下面我们一起看一下，比较明显和常用的一些H5的新特性。
HTML 中常用的排版标签 概述HTML页面的排版可以把它当作是在写一个Word 文档，Word 中有文字和图片，可以设置图片的位置、文字的样式和段落结构等。当然，对于前端来说，并不满足于 Word 的功能，那就可以借助 CSS 来让它变成一个PPT（给图片或者段落改变位置结构或者展示样式，以及一些动画效果），那就是 CSS 的工作了，今天只谈HTML，它只是做了架子，怎么让页面展示效果更充实，那是装修工人- CSS做的事情了，本文不牵扯。排版标签的分类偏文本类偏布局类（搭架子）文本排版类标签1. h1～h6 - 双标
JavaScript的运行机制 进程属于操作系统中的概念，比如windows 系统大家都用过‘任务管理器’，mac 系统都用过“活动监视器”。打开这些工具你会发现电脑中运行了哪些应用程序，我们可以粗浅的理解这些程序就是一个‘进程’（因为一个应用程序可能不仅是一个进程，比如我们打开了chrome 浏览器，打开多个 tab 标签，你会发现这些标签页也对应到了任务管理器中的某一条）。
JavaScript 的发展史 ECMAScript 属于 JavaScript 体系中的一部分 - 语言基础语法结构，可以理解为 ECMAScript 约定了 JavaScript 的语法标准；但是 JavaScript 中还有 跟其部署环境相关的标准，如 W3C 制定的 DOM 标准，各个浏览器支持的 BOM （各自为营，没有标准）；跟老婆和老婆饼的关系一样，除了名字长的像以外，语言风格相去甚远，仅仅是最初的命名是想借 Java 的名声进行宣传。
前端构建工具对比 webpack、vite、esbuild等 人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。
Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法 / useStore 可以是 useUser、useCart 之类的任何东西// 第一个参数是应用程序中 store 的唯一 id})上面的 ‘test1’ ，这个 name，也称为 id，是必要的，Pinia 使用它来将 store 连接到 devtools。将返回的函数命名为 use… 是跨可组合项的约定，以使其符合你的使用习惯。名称优点缺点适用（推荐）场景Vuex1. 更加成熟；2. 也是因为第一点，所以它也更加稳定；
前端常用的设计模式 设计模式：是一种抽象的编程思想，并不局限于某一特定的编程语言，而是在许多语言之间是相通的；它是软件设计中常见的问题的通用、可反复使用、多少人知晓的一种解决方案或者模板。一般对与从事过面向对象编程的人来说会更熟悉一些。设计模式的意义：指导我们如何写出可维护、可复用、可扩展及灵活的代码。接下来我们来简单了解一下前端开发过程中的一些常用的设计模式。
浏览器的工作原理 - 从输入URL 按下回车到页面展示过程发生了什么？ 本文带大家一起了解一下从我们输入一个网址链接开始到页面展示在我们面前，整个浏览器发生了什么？或者说浏览器做了哪些事，咱们以大家常用的baidu.com为例，从输入到 baidu.com 页面出现的整个流程。
Web标准（网页标准） Web 英文意为 网络，Web 标准，即网络标准，是一个非常大而泛的概念，牵扯到软件和硬件（计算机网络、操作系统、硬件驱动和通信协议等等，这个题目本身就太大了）。下文所讲的 Web 标准就是指前端网页页面的标准。
ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL `vitest run --coverage` Exit status 1 ELIFECYCLE Command failed 基于 Monorepo 构建的测试工作空间，vitest 的覆盖率运行报错，报错原因解决步骤。
mac 修改 hosts 文件 command + shift + G 快捷键 输入：“/private/etc/hosts” 后回车如下所示进入 hosts 文件所在位置，找到 hosts 文件，双击打开。
关注
