奇迹同学

今天在实现电商结算功能的时候遇到了个全选功能，做之前不以为然，做之后抓狂。为了让自己全身心投入到对这个问题的攻克，我特意将其拿出来先创建一个demo单独实现下。不搞不知道，一搞吓一跳，下面是我demo

本文是2022年上海前端面试纪实录，主要是0-5年经验的面试纪实，我会陆续增加面试纪实，长期更新，值得收藏。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

1. DOCTYPE 的作用是什么？ <!DOCTYPE> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来 进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式…

最近看到各种面经，防抖节流好像从来没有缺席过。虽然在项目中也使用过，但我对它俩的一直是 字面意思是防止抖动。在程序中就是为了防止在一定时间内重复执行一段代码(函数)。 在函数被触发n秒后再执行，如果在n秒内又有函数执行，则重新计算。 有一个输入框，用户输入用户名，然后向后端请求…

我在我的 Instagram 上每天都会发布 JavaScript 的多选问题，并且同时也会在这个仓库中发布。 :muscle: :rocket: 我每周都会在这个仓库下更新新的问题。 答案在问题下方的折叠部分，点击即可展开问题。祝你好运 ❤️ 1. 输出是什么？ 在函数内部，…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…