响应式布局 响应式网页设计的理念是让 Web 页面在不同尺寸的设备上和窗口上都能得到友好的渲染，以获得良好的浏览体验。 响应式布局可自动调整并适应任何设备屏幕的大小，无论是 PC，平板电脑还是手机。

这是我参与「掘金日新计划 · 4 月更文挑战」的第8天，点击查看活动详情。 https://github.com/webVueBlog/Leetcode

404 — 对于普通人来说，它是“四百零四”，是一个用十进制表示的数字，但对于开发者，尤其是web相关的开发者来说，它指相关资源没找到，表示了一种“不存在”的意思，如果我要隐含的表示我的某个东西不见了，我可以说“我的东西404了”(它的设计哲学中隐藏着加密学和压缩学)。在HTT…

想要真正理解 HTTP 状态码，而不是死记硬背，最好先过一遍下图。每个状态码都不是割裂开的，尝试带着图理解，思考收到 HTTP 请求后的整个处理流程，同时理解 HTTP 协议的 Header, 效率更高。 图片比较模糊，被压缩了，请转 github 上的 for-GET/htt…

事情是这样的，技术群里有小伙伴想让笔者讲讲发布订阅、观察者模式、以及vue3 改用了proxy之后，发布订阅有什么改变。虽然最近挺忙的，但是既然笔者应允了，就不能食言。 于是就有了这篇，笔者会从发布订阅模式的基础实现，到 Vue 中 EventBus 中的发布订阅模式实现，再到…

相信大家都知道，vue实现数据双向绑定无非就是采用数据劫持的方式，结合发布订阅模式，通过Object.defineProperty()来劫持各个属性的setter，getter以监听属性的变动，在数据变动时发布消息给订阅者，以上是vue2.x的实现原理,3.0的话就是proxy…

用vue框架写前端代码时经常会用用到v-for这个方法，但使用此方法时vue推荐我们加上一个唯一标识key这是为什么呢？阅读了网上各位大神的文章以及自己的一些理解对这个问题有了新的认识。所以记录下来，若各位看官看到文章里面有错误的地方请指正一下。谢谢各位大佬。 修改渲染真实的d…

这其实就是一种引用，对于复杂数据结构，为了节省存储资源，符号 “=” 其实并不是将值赋给新建的变量，而是做了一个地址引用，使其指向原来存储在堆中的数据的地址，此时testObj与secObj都指向同一个地址，因此在修改secObj的数据内容时，即是对其指向的原有数据进行修改。 …

对象是 JS 中基本类型之一，而且和原型链、数组等知识息息相关。不管是面试中，还是实际开发中我们都会碰见深拷贝对象的问题。 顾名思义，深拷贝就是完完整整的将一个对象从内存中拷贝一份出来。所以无论用什么办法，必然绕不开开辟一块新的内存空间。 1. 迭代递归法 这是最常规的方法，思…