simple-love

摘要： 问题描述 大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0"> <meta http- 阅读全文

摘要： 计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中 阅读全文

摘要： 观察者模式（Observer pattern），和发布订阅模式（Publish–subscribe pattern），到底有什么不同？ 观察者模式 所谓观察者模式，其实就是为了实现松耦合(loosely coupled)。 用《Head First设计模式》里的气象站为例子，每当气象测量数据有更新， 阅读全文

摘要： // 安装依赖 npm install @babel/plugin-proposal-optional-chaining -S // @babel/plugin-proposal-nullish-coalescing-operator -S // 在babel.config.js中 的 plugin 阅读全文

摘要： /** 发布者 */ class Publish { name: string id: number messageMap: { [key: string]: {id: number; name: string; [x: string]: any}[] } /** name等同于给当前发布者一个名称 阅读全文

摘要： 在上一篇我重点讲述了 ts 的交叉类型，本期将结合实例重点讲述 ts 中的一些高级操作符。本篇文章略长，笔者之前的文章都略短，作为男人还是要好好学习，文章还是长点好。 本期涉及的操作符如下： keyof in infer 关键字 Parameters ReturnType InstanceType 阅读全文

摘要： ThingJS https://www.thingjs.com/guide/speedcityshow/ 阅读全文

摘要： https://www.jianshu.com/p/b07efb7a76a6 https://www.cnblogs.com/vvjiang/p/9327903.html https://v4.webpack.docschina.org/plugins/split-chunks-plugin/ 干货 阅读全文

摘要： 正文 在 TS 中，类似数组、字符串、数组、接口这些常见的类型都非常常见，但是如果要定义一个对象的 key 和 value 类型该怎么做呢？这时候就需要用到 TS 的 Record 了。 上代码： interface PageInfo { title: string; } type Page = " 阅读全文

摘要： React Hooks 详解 【近 1W 字】+ 项目实战 https://juejin.cn/post/6844903985338400782 https://juejin.cn/post/6847902217261809671 详解 React useCallback & useMemo 前言 阅读全文

摘要： 初探memo 首先让我们用一个例子走进React.memo的世界 呆呆的函数组件 - 没有使用memo 对于一个函数组件来说，如果没有使用React.memo就好比是一个人没有脑子，就笨笨的呆呆的 不信我们就来看下面的Demo 点击访问演示Demo GIF打开UC浏览器 查看更多精彩图片 让我们来分 阅读全文

摘要： <script> function debounce (fn, delay) {//防抖 let timer = null; let firstTime = false; return function (...args) { let context = this; if (firstTime) { 阅读全文

摘要： 2.1.深度优先遍历深度优先查找（depth first search），采用栈结构，后进先出，JS用递归实现和没有用递归实现 // 不用递归实现深度遍历优先 const depthFirstSearchWithoutRecursive = source => { const result = [] 阅读全文

摘要： 我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。所以这里我们有必要了解一下这两个API，关于Fiber部分后面会单开几篇讲。 什么是req 阅读全文

摘要： 前言 webpack加载css背景图片、img元素指向的网络图片、使用es6的import引入的图片时，需要使用url-loader或者file-loader。url-loader和file-loader可以加载任何文件。 区别url-loader可以将图片转为base64字符串，能更快的加载图片， 阅读全文