- 博客(3)
- 收藏
- 关注
RSS订阅原创 webpack插件分析组件依赖可视化
有了它我们就可以发送请求到后端存储到数据库，进而完成可视化页面，再往下的代码就不过多赘述了，这样当下次测试再来问你这次改动会影响到哪个页面，你就可以大大方方的和他说：去我们的工具平台上搜一下 xxx 组件名就可以看到了。要想做到组件对应页面的关系，我得先知道这个组件的引用关系，以及最上层父组件是对应的哪个页面的路由，这样才可能打开对应的页面链接。我会说：我来做一个可视化的页面给你，下次再遇到类似的问题，我给你个组件名，你就会知道影响到哪些页面了，6不6。首先来看一下项目中的实际依赖关系。
2023-04-19 18:34:07
764
2
原创 移动端h5项目加载提速
背景上图是我们的web项目在android平台的一个首屏渲染的时间平均值分布图，html加载600ms(蓝线)，js资源加载400ms(橙线)，公共逻辑和页面执行800ms(绿线)，页面资源加载执行预估200ms。面对上面的问题，要优化，逃不过下面两种方案优化资源加载时间 cdn，缓存，离线包，资源按需打包 优化逻辑执行时间 减少代码复杂度，提前执行公共逻辑在资源方面权衡各种维护便利性，以及加载性能后，我们项目做了离线包，预加载等一些手段后，首页的打开速度可以控制在700-1000ms左
2022-02-09 17:24:06
623
原创 多工程管理方式 - lerna的使用
一、lerna是干什么用的为什么叫lerna？ lerna是希腊神兽九头蛇Lernaean Hydra的前几个字母，也间接形象的描述了多包管理的功能简单来说：它优化了使用Git和NPM管理多包存储库的工作流，用来管理多个npm项目，处理每个项目相互之前引用关系，以及每个项目的发布管理。一个lerna项目的结构大致如下：my-lerna-repo/ package.json packages/ package-1/ package.json packa..
2022-01-19 18:37:57
4749
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人