前端精

本文主要讲述在项目中遇到的一些业务场景，并提炼出来的解决方案。供小伙伴们参考~ （注意：由于浏览器同源策略，一个前端工程在打包发布之后，通常我们会把资源放在与后端接口服务同一个域下。所以当有第二个域接口时，就会出现跨域请求导致请求失败。） 后端处理请求 “第二个域接口”，相当于…

之前都没有做过总结自己的一年。也是因为近阶段有在写文章，想说也总结一下吧~ 我给自己概括了 3 个大标题，技术，生活，情感 ~ 2020 由于疫情的原因，春节推辞了几天才去上班。在家待久了，王者荣耀都 47 颗星了（为什么不上个荣耀，因为不想上~ ），把 曜 都玩市排名了（小名…

我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…

✅ 一个对话框需要的基本要素「标题，内容，确定/取消按钮」。内容需要灵活，所以可以是字符串，或一段 html 代码（也就是 slot ）。 ✅ 对话框需要“跳出”，避免来自父组件的“束缚”，用 Vue3 Teleport 内置组件包裹。 ✅ 调用对话框需要在每个父组件都进行引入…

Vue：Mixins（混入）、HOC（高阶组件）、作用域插槽、Vue Composition API（VCA/组合式API）。 React：Mixins、HOC、Render Props、Hook。 我们可以看到都是一段越来越好的成长史，这里就不再举例赘述，本文重心在 VCA，…

1. 观察者模式 2. defineProperty 对一级/多级对象进行拦截 对于一级对象的拦截相信小伙伴们都会啦。 解释：observer 这个方法表示如果当前是一个对象，就会继续被遍历封装拦截。 延伸到实际业务场景：「获取用户信息然后进行展示」。我在 data 设置了一个…

说起逻辑复用，熟悉 react 小伙伴们一口道出了 HOC [高阶组件] 。没错，高阶组件可以实现逻辑复用，在 hook 之前 react 还有挺多不错的方案。那么，让我们来浅谈 HOC 与 自定义 hook。 在 Vue 中有不错的 v-model.trim 语法糖【自动去掉…

浏览器的报错，我们是肯定要处理的，因为这可能会影响到程序的正常运行。 我们可以通俗的理解，await xxx() 底下的代码块都是 Promise 返回的 resolve，如果 Promise 返回的是 reject，那么代码块将不会被执行。 虽然不影响程序的运行，但是程序依然…

React.lazy 和 React.Suspense 是一对好兄弟，它两就可以完成一个优雅的懒加载方案，让我们来看看它们在 hook 中的使用吧。 上面报错说的是需要与 React.Suspense 配合做 loading 或者占位符，所以说它们是好兄弟，形影不离 。那我们来…