SEVEN_陶

在 Web 项目当中，一个全局的提示组件可能是一个普遍的需求。 当用户做了一些操作，提示组件可以给用户相应的提醒。比如在页面上，用户做了增删操作，需要提示增加/删除成功。 这样一来，只需要在需要提示的地方引入 message, 直接调用它的方法就可以弹出提示信息。 如上面的代码…

...

在2020的今天，构建一个 web 应用对于我们来说，并非什么难事。因为有很多足够多优秀的的前端框架（比如 React，Vue 和 Angular）；以及一些易用且强大的UI库（比如 Ant Design）为我们保驾护航，极大地缩短了应用构建的周期。 但是，互联网时代也急剧地改…

F5 和 Ctrl+F5 使用的频率很高，可是在使用的时候有没有想过 F5 和 Ctrl+F5 的区别是什么？ 这篇文章会将 F5 和 Ctrl+F5 刷新页面的原理讲清楚。通过这篇小文，即便是对浏览器缓存机制加深一点点的认知，也是有所裨益的。 下图是我们第一次打开掘金的 Ne…

假如你需要写一个可以重复使用的组件。可是呢，名为 children 的 prop 不能解决这个需求。这个组件得有能力接收不止一个 children，而且这些 children 的放置还不是相邻的，而是按照需求而定。 可能你在写的是带有一个标题、一个边栏和一个内容区块的名为 La…

众所周知，在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变。 原因在于： Vue 的响应式系统是基于Object.defineProperty这个方法的，该方法可以监听对象中某个元素的获取或修改，经过…

近期不断面试中，面试官都会提一些关于Vue相关的源码和“全家桶”之类的问题。那么针对这些提问，我们应该如何更好应答呢？在这里我把对Vue的理解整理出来供大家来参考。 Vue是一套构建用户界面的渐进式框架，也是一个非常典型的 MVVM 的程序结构（model-view-viewm…

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。 为什么说简单？在现代 Web 开发生态中，有非常优秀的工具链帮助我们做一些很实际的优化工作，例如 webp…

**这个系列到这里应该就是最后一节了，**前两章着重讲了promise，为什么着重讲promise呢？因为在用法上promise要比async await难一些，而且promise本身又不是一个语法糖。没有掌握的时候用起来就会有很多顾虑，async await却没有这种顾虑，用…