初心Yearth

知道了 Web 语义化，我们也就可以来谈谈 HTML 语义化了。 HTML 语义化的核心是反对大篇幅的使用无语义化的 div + css + span，而鼓励使用 HTML 定义好的语义化标签。那么我们应该关心的就是标签的语义以及应该是用的场景。 header 代表网页或 se…

之前一直是用 mac 进行前端开发，体验非常好，而前段时间因为疫情需要远程上班，只能用家里的 windows，一通乱搞之后，发现 windows 用于前端开发，也没有传说中的那么不堪，这里记录一下关于 windows 配置前端开发环境的流程。 这是微软官方推出的 Windows…

关于深克隆，在前端已经是一个老生常谈的问题了，事实上应该大部分同学对此都有一定的了解，也有基本的实现思路了。然而深克隆真的这么简单吗？里面有没有一些鲜为人知的坑？如果有，是什么，怎么解决？本文今天将带着大家复习一下深浅克隆的实现原理，由浅入深的将其中的问题一一剖析。相信读完本文…

call、apply 和 bind 是 js 中修改 this 指向的重要手段，在很多场景下都大有用处，其中 bind 和其余二者的现象区别是是否立即执行，而 call 和 apply 的现象区别是传参格式不同，其中的实现原理区别这里暂不做深入讨论。本文的核心是帮助大家从 0 …

总所周知，Promise 很大程度上将前端开发者从回调地狱中拯救了出来。而在日常开发中，我们对于 Promise 仅仅是使用，其内部原理对于我们是黑盒的。那么 Promise 到底是怎么实现的？Promise 内部机制到底是怎么样的？今天，本文将带着这些疑问从 0 到 1 实现…

前面我们已经实现了对于 html 的解析和渲染，能够从数据到视图了（这里有一个缺陷：如果文本节点是诸如：{{ var1 }} - {{ var2 }} 之类的格式，测无法成功解析和渲染，这个问题暂且略过，等到整个系统实现之后再来解决。） 现在摆在我们眼前的问题是，实现更改数据，…

通过上一章的介绍，我们知道，vue 可以将 html 代码中的，符合模板语法的字符串 {{ xxx }} 替换成我们创建 vue 实例的时候，在 data 中设置的对应的值。 显然，vue 是对 html 进行解析，然后将其中匹配的对象进行替换，而不匹配和在挂载点之外的对象则不…

接下来我们一起来看看 vue 的基本特征。 随着我们在控制台修改 msg 的值，页面上显示的值也发生了变化，说明 vue 是响应式的：当数据发生改变的时候，会自动更改页面中应用到该数据的地方。 这就是 vue 的双向数据绑定了。关于双向数据绑定，在之前写的 通过 Proxy 了…

本篇是张鑫旭老师的 CSS 基础测试13 的阅后笔记。 原来是这里，github。既然如此，我们可以直接参考源码： 由于三种布局方案都在前面的小测笔记里介绍过，所以就不分别实现了，这里我们选择最为方便的 flex 来实现布局。 接下来就是按钮样式的设置了。