Xiaosa's Blog

不如去码头整点薯条

Axios缓存请求

第一版代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 import axios from 'axios' import LRUCache from 'lru-cache' const cache = new LRUCache...

Posted by Xiaosa's Blog on April 30, 2023

首屏时间性能优化

2023 思考 link 性能优化： why？ 性能优化的话， 背景 选品系统 是面向 橙心优选采购 业务，从 供应链 视角打通上下游的业务支撑系统。 但是前期 工期紧，任务重，倒排期 性能优化被搁置 而这个也是整个部门的kpi 优化之前是什么样子？ 当时FCP平均时间在2000ms左右，LCP平均时间在4000ms左右， 怎么定的目标 根据集团统一的性能优化目标， FCP：8...

Posted by Xiaosa's Blog on March 23, 2022

Vue.js设计与实现读书有感第一章 权衡的艺术

与jQ方式相比较: 声明式代码性能不优于命令式代码。 声明式性能消耗=找出差异的性能消耗+直接修改的性能消耗（最优解时） vDom就是为了最小化找出差异的性能消耗 （jQ方式）使用innerHTML创建页面的性能： html字符串拼接的计算量+innerHTML的DOM计算量 （框架方式）vDom创建页面的性能：创建js对象的计算量+创建真实DOM的计算量 对于创建页面而言 vDom...

Posted by Xiaosa's Blog on March 16, 2022

Vue.js设计与实现读书有感 第二章 框架设计的核心要素

提升用户的开发体验: 开启自定义 formatter chrome开发者工具设置 console enable custom formatters 控制框架体积: 定义_DEV_常量区分开发环境和生产环境的行为 使用ESM 来支持良好的Tree-shaking(摇树没卵用的一个问题是使用了babel等降级到es5) 摇树支持良好的前提: 使用esm+不引入...

Posted by Xiaosa's Blog on March 16, 2022

Setinterval 配合 useeffect使用

1 2 3 4 5 6 7 8 9 10 11 12 let setIntervalHandler; useEffect(() => { setIntervalHandler = setInterval(() => { setReadTimeout(readTimeout - 1); if (readTimeout <= 0) { ...

Posted by Xiaosa's Blog on December 28, 2021

性能优化思路 预加载 demo备忘

场景： 前端通过（pwa推送,H2 push，web socket，轮询等）获取发版后的文件列表创建不可见的图片 图片请求url后已经缓存到本地（但不执行） 此时下一次打开（刷新）已经是有缓存的状态了 配合pwa, 合理的缓存策略，理想状态应该是可以忽略拿资源文件的速度的（非第一次进入的情况下）。 这个方案是之前想出来的，还没有时间去落地，如果有坑后续会发出来。落地后输出文章。 （p...

Posted by Xiaosa's Blog on December 20, 2021

Javascript中基本类型存储在堆中还是栈中

JavaScript中基本类型存储在堆中还是栈中？ -— 不基本类型的基本类型 看到这个问题，相信大家都觉得这个题目实在基础的不能再基础了。随手百度一下，就能看到很多人说：基本类型存在栈中，引用类型存在堆中。 真的这么简单么？ 一、装不进冰箱的大象 让我们看一下这段代码： 在这里，我们声明了一个67MiB大小的字符串，如果字符串真的存在栈中，这就不好解释了。毕竟，v8默认的栈...

Posted by Xiaosa's Blog on December 13, 2021

Antd 表单 使用map或者options 列表渲染 无法setfiledsvalue

1 2 3 4 5 6 7 8 9 10 <Form.Item label="label"> {getFieldDecorator('xxx', { initialValue: 1, })( <Radio.Group options={object...

Posted by Xiaosa's Blog on November 20, 2021

Linux nat 表满导致服务器丢包

症状： nf_conntrack: table full, dropping packet 方案： sysctl –w net.netfilter.nf_conntrack_max=${RAMSIZE (in bytes) / 16384 / (ARCH / 32)}

Posted by Xiaosa's Blog on October 20, 2021

Js常用方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69...

Posted by Xiaosa's Blog on September 26, 2021

FEATURED TAGS
ABOUT ME

墒在绝对零度时消失。