240 发简信
IP属地:上海
  • 读书笔记-《JavaScript设计模式与开发实践》

    书名JavaScript设计模式与开发实践作者曾探状态已读完简介所有设计模式的实现都遵循一条原则,即“找出程序中变化的地方,并将变化封装起来”。...

  • 读书笔记之《Javascript设计模式与开发实践》设计模式

    现在,我们终于步入了设计模式学习的殿堂。在将函数作为一等对象的语言中,有许多需要利用对象多态性的设计模式,比如命令模式、策略模式等,这些模式的结...

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

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

  • Webpack 性能优化:分包

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

  • vite 构建 不同环境

    之前项目大部分把打包配置揉在一个文件, dev、预发布、生成环境都共用一个配置,或根据变量判断, 这几个一直在优化项目通过 mergeConfi...

  • 加载优化之Link rel 属性

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

  • Resize,w 360,h 240
    防止重复提交的方式之 axios

    背景 这是个后台系统, 可以频繁点击按钮,触发请求。由于类似的场景还很多例如不同用户在较短时间间隔内变更数据,或者某一个用户进行的重复提交操作都...

  • Resize,w 360,h 240
    单元测试之 Vitest 进行组件测试

    常用的测试方案大致分为有 4 种: 端对端测试:利用一个很像用户行为的机器人来和 App 交互,并验证功能是否正常。有时也会说 “功能测试” 或...

  • Image 加载优化

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