优化实践
7篇文章 · 0订阅
  • H5秒开且不影响版本更新
    核心思想 离线包的核心思想是：将H5页面的静态资源（HTML、CSS、JavaScript、图片、字体等）预先打包，通过某种机制（通常是App启动时、或后台静默）下载到用户设备本地。当用户访问H5页面
    前端
  • 基于Docker + Nginx + Gitlab-runner 构建前端CI/CD
    基于Docker + Nginx + Gitlab-runner 构建前端CI/CD 前言 本篇会用到Docker，Gitlab-runner等相关工具，如果对其不是特别了解，可以参考之前写的两篇文章
    CI/CD Docker GitLab
  • 老板：不是吧，这坨屎都给你优化好了，给你涨500工资！！
    老板：你小子还挺多主意的，这样的奇淫怪巧都给你想到，我还以为这个项目要烂尾了，不错不错，给你涨工资！！
    前端 JavaScript
  • 总结之优化动画卡顿：卡顿原因分析及优化方案
    大多数设备的刷新频率是60次/秒，也就是1秒钟的动画是由60个画面连在一起生成的，所以要求浏览器对每一帧画面的渲染工作要在16ms内完成。当渲染时间超出16ms时，1秒钟内少于60个画面生成，就会有不连贯、卡顿的感觉，影响用户体验。 JavaScript：JavaScript实…
    性能优化
  • vite构建优化，速度提升了73% & rollup拆包8.4M降低至1000kb
    现状 本地构建时间1m47s。 首页加载的vendor.js大小8.4M。 入口文件custom.js3.4M。 优化前 从以上看出，问题最大的是customs.js和vendor.js2个文件。尺寸
    前端工程化 rollup.js
  • 表格中加入大量输入框导致页面卡顿--优化记录
    最近项目有个优化需求--在表格中加入多个数字型输入框，输入框中还有计算逻辑，且每个单元格中的数据计算逻辑都是有关联的， 如下截图表格（表格列数据很多，只是截取了一部分）可清晰解释需求:A-H下面的都代
    前端 JavaScript
  • 看似简单的input框输入竟然异常卡顿，记一个日常性能问题的排查思路
    壹 ❀ 引 我们公司产品主要提供企业项目管理服务，那么自然有配套的desk工单管理系统，用于搜集客户bug以及相关问题反馈。有一天我在测试功能时碰巧发现了一个bug，所以就想着提一个工单记录下方便日后
    React.js
    看似简单的input框输入竟然异常卡顿，记一个日常性能问题的排查思路