240 发简信
IP属地:上海
  • Image 加载优化

    项目完成后, 开始着手优化,发现用到的图片很多, 小图标,和一些背景图等等,总结下我用到vite优化方案 小图片的优化 build.assets...

  • 常用优化方式-时间切片

    Window:requestAnimationFrame() 方法 window.requestAnimationFrame()[https:/...

  • 空值合并、可选链、逻辑空值运算符的使用

    逻辑空赋值(??=) 逻辑空值(x ??= y)仅在x 是空值(null,undefined)的时候为其赋值,可用于设置默认值等情况 设置参数默...

  • 加载优化之Link rel 属性

    当我们优化web 应用时,项目加载速度很慢,引用了很多大图片,和外部的js 和 图片等。在尝试切片,按需引入,懒加载等等手段之后可以试下link...

  • Webpack 性能优化:分包

    默认情况下,Webpack 会将所有代码构建成一个单独的包,这在小型项目通常不会有明显的性能问题,但伴随着项目的推进,包体积逐步增长可能会导致应...

  • 使用 defineAsyncComponent 优化代码

    在一次代码优化中用到了, 感觉还不错, 记录下~ 基础用法 ES 模块动态导入[https://developer.mozilla.org/en...

  • Resize,w 360,h 240
    vite2 打包体积优化

    最近在做项目重构, 一阵分析下来发现首页白屏时间,和包的体积过大,着手优化 1. CDN 引入 打包之后提示chunk 的体积超过500KB, ...

  • 读书笔记之《Javascript设计模式与开发实践》面向对象的 JavaScript

    这本经典的《Javascript设计模式与开发实践》前端经典书籍,我是在去年开始阅读的,对整个设计模式没有系统的了解过,所以阅读这本书对我帮助很...

  • 配置 TypeScript 开发环境

    TypeScript的环境 TypeScript最终会被编译成JavaScript来运行,所以我们需要搭建对应的环境。不管是开发项目还是学习都需...