假装做前端

wss 在浏览器chrome 100里面无法连接上。 还有ipad 15.1上 safari里报错 。 代码没有动过，已经无法从应用层来查找到问题。

背景: 项目越来越大，定位组件代码位置越来越难。 随着ts项目越来越大，想修改页面里面某个组件的功能，需要先找到该组件有哪些文字， 然后去vscode里面去搜索，如果项目很大代码庞大，vscode搜索

背景: 当项目越来越大，store很复杂，数据获取很复杂， connect里面的 mapStateToprops会在每次 dispath action的时候，都会重复执行一遍。会让cpu一直工作，使得

ResizeObserver 该接口可以监听到 Element 的内容区域或 SVGElement的边界框改变， 可以在回调里得到此时元素的尺寸，快速做相应针对布局的操作。比如根据宽度进行一些操作。

jcodeshift是facebook出的一款围绕recast的增强过的可以遍历更改js 里面ast节点 并且重新生成js代码的工具。 基于ast的代码重构工具。 它借助于babelon来将es6 ts等代码转化为ast树结构。可以看看 ，注意后面替换ast的时候经常需要去查看…

webpack本地开发时，经常会出现开发着然后打包速度很慢的情况。 可以看见每个chunk都很大 有些快达到了1M。 可以看出lodash被打包了很多次，导致加载lodash的chunk很大。 重新打包时间达到了2.592s，其中起始文件index.0a8ac.js达到了841…

在项目中可能有这种需求，我们需要对一组图片使用swiper组件，让它成为幻灯片可以滑动，但是需要先将图片下载之后才init swiper。所以如果网络卡的话，会出现容器塌陷，当图片载入成功时，然后容器又从塌陷变成有高度状态，用户体验很不好。下面使用react组件方式来解决这个问…