fogjoe

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

1. 问题描述 最近在学习英语的时候发现视频只有音频资源，没有字幕，这时需要将音频资源转化为文本资源，方便后续温习的时候看资料。在网上找了很多工具，发现，要么是付费资源，要...

1. 问题描述 有时同时和同事在 Develop 分支上开发内容，此时已经将 dev 分支合并到 production 分支上了，但是投产时发现自己的代码不需要上线了，而同...

1. 问题描述 想要实现第 2/3/4...n 行出现省略效果 2. 代码实现 2.1 第一行实现省略效果 2.2 某一行实现省略效果 最重要的几行代码：...

1. 问题描述 最近，遇到一个问题，左侧菜单全部是 cmdb 域下面的，现在需要增加一个菜单项，点击后需要新开一个页面，并且是另一个域（cidataquality）下面的；...

1. 实现思路 首先，将 Tooltip 框固定在要悬浮的内容上面（这里仅做了悬浮在上面的效果，其他位置暂未实现），根据 getBoundingClientRect 获取当...

1. 问题描述 有时需要重新渲染页面，但是并没有特定的 key 可以使用，这时可以使用全局的 key实现刷新，一般情况下不要使用时间戳，比较耗费性能。 2. 代码...

转前端一年半了，平时接触最多的框架就是React。在熟悉了其用法之后，避免不了想深入了解其实现原理，网上相关源码分析的文章挺多的，但是总感觉不如自己阅读理解来得深刻。于是话...

1. 背景 有时想要点击树状结构每一项的空白区域，发现什么效果都没有触发，只有点击文字的时候才会有效果，这时只要设置一个样式就可以了。其他类似下拉框等组件也通用。...

1. ssh 超时断开连接 https://docs.jdcloud.com/cn/virtual-machines/ssh-connection-disconnect-t...

1. 问题描述 在上述图片中，由于本项目不同 tab 使用的同一个 redux store，所以每次切换 tab 时，如果在当前 tab 中请求的数据时间比较长，在此期间，...

1. 问题描述 最近遇到一个问题，右侧有个改变 tab list 的按钮，不过在交换当前 tab 时，会出现激活标签页与底部的 tab line 不同步的情况 2. 解决方...

问题描述： 最近在使用 Vscode 的时候，默认将所有的有关 End of Line 的地方都变为了 CTRL 格式，但是每次安装依赖包的时候 package.json ...

1. ES6 let const 解构赋值 数组、对象、字符串 String 扩展：增加了 Unicode 表示字符串的写法 遍历器可以使用 for...of 循环 模板字...

1. Vue-router 相关原理 具体参考：https://segmentfault.com/a/1190000023662742...

1. 比较顺序 Diff 算法在比较两个节点的时候，只会在同层进行比较，而不会跨层比较，所以可以使用双端交叉算法。 2. 算法概述 2.1 含有类型 Vue 中含有的类型一...

最近刚好看完Vue源码中的Diff算法，刚好在参加更文挑战，就做了一些动图还有流程图，图文并茂地来详细讲一讲，Vue的Diff算法叭。...

银弹存在吗？ 在上篇《为什么是 Zustand》中，我总结了在 ProEditor 这个重交互操作的场景下对状态管理的诉求，本篇将会从具体使用的角度来详细介绍下我是怎么用 ...

1. 简易版的修改 此版本仅是使用最简单的方法修改名字后实现同步变化。 2. 优化上述过程 2.1 reducer 雏形 由于上述修改的过程可以单独写个函数，因此有了如下代...