丘山木南山木公

Object对象可谓是JS的重要核心内容，在你使用JS的过程中，你会发现自己的工作大部分都是在操作对象，ES6、ES7、ES8引入了不少新的方法，本篇文章笔者将带着大家一起熟悉下重点的新方法。 我们可以看出，省去了声明属性名，属性名即为方法名。 对象属性支持计算属性名。其允许在…

es6 module是js语言原生的模块化方案，但是由于浏览器的兼容问题，需要webpack对我们写好的模块代码进行处理，可以让浏览器识别我们写的模块代码。 因为浏览器端是没有commonJS规范相关的module,exports,require变量，而且该规范是同步加载模块的…

我们看一些 Promise 的常见面试问法，由浅至深。 3、Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。 8、能不能手写一个 Promise 的 polyfill。 这些问题，如果你都能 hold 住，那么面试官基本认可你了。带着上面这些问题，我们往下看。…

我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出自定义组件，进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SPA(单页面)应用, 而随着 SPA尤其是 React、Vue、Angular …

DOM级别一共可以分为四个级别：DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分为3个级别：DOM 0级事件处理，DOM 2级事件处理和DOM 3级事件处理。由于DOM 1级中没有事件的相关内容，所以没有DOM 1级事件。 当希望为同一个元素/标签绑定多个同类型事…

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

但是在实际使用中发现，对于异步子组件，vm.$nextTick不一定百分百有效。 这里就涉及到了宏任务和微任务的问题，理解了宏任务微任务和vm.$nextTick的实现原理，我们就可以知道原因。 由于Javascript是单线程的脚本语言，如果所有代码都是同步执行，当遇到耗时操…

在介绍前端宏任务与微任务之前，先列出来一道题，一块看一下。 诸位可以先给出来一个自己的答案，运行一下结果，看看是否与自己想的一致。 关于代码执行环境，JavaScript代码执行时，引擎会创造出来当前代码块的执行环境，在涉及到使用变量时，只能查找到当前环境的变量和包含当前执行环…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…