书名JavaScript设计模式与开发实践作者曾探状态已读完简介所有设计模式的实现都遵循一条原则，即“找出程序中变化的地方，并将变化封装起来”。 一个程序的设计总是可以分为可...
发简信
IP属地：上海
-
读书笔记-《JavaScript设计模式与开发实践》
-
读书笔记之《Javascript设计模式与开发实践》设计模式
现在，我们终于步入了设计模式学习的殿堂。在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如命令模式、策略模式等，这些模式的结构与传统面向对象语言的结构大相...
-
读书笔记之《Javascript设计模式与开发实践》面向对象的 JavaScript
这本经典的《Javascript设计模式与开发实践》前端经典书籍，我是在去年开始阅读的，对整个设计模式没有系统的了解过，所以阅读这本书对我帮助很大。也强烈推荐给大家 面向对象...
-
Webpack 性能优化：分包
默认情况下，Webpack 会将所有代码构建成一个单独的包，这在小型项目通常不会有明显的性能问题，但伴随着项目的推进，包体积逐步增长可能会导致应用的响应耗时越来越长。造成白屏...
-
vite 构建 不同环境
之前项目大部分把打包配置揉在一个文件， dev、预发布、生成环境都共用一个配置，或根据变量判断， 这几个一直在优化项目通过 mergeConfig 合并不同的配置 目录结构...
-
加载优化之Link rel 属性
当我们优化web 应用时，项目加载速度很慢，引用了很多大图片，和外部的js 和 图片等。在尝试切片，按需引入，懒加载等等手段之后可以试下link 的rel 属性它们带来的好处...
-
防止重复提交的方式之 axios背景 这是个后台系统， 可以频繁点击按钮，触发请求。由于类似的场景还很多例如不同用户在较短时间间隔内变更数据，或者某一个用户进行的重复提交操作都可能导致并发冲突。对于这类问题...
-
单元测试之 Vitest 进行组件测试常用的测试方案大致分为有 4 种： 端对端测试：利用一个很像用户行为的机器人来和 App 交互，并验证功能是否正常。有时也会说 “功能测试” 或 E2E。 集成测试：验证多个...
-
Image 加载优化
项目完成后， 开始着手优化，发现用到的图片很多， 小图标，和一些背景图等等，总结下我用到vite优化方案 小图片的优化 build.assetsInlineLimit[htt...
-
vue2,动态生成slot （jsx）
一些特殊场景， 可能不确定我们的插槽有多少个， 需要放在哪里， 这个时候动态jsx 比较好使 使用 使用正则匹配[[]] 内字段， 进行替换渲染 scopedSlots 结果...
-
import() 动态组件
需求背景： 项目重构差不多了， 需要在部分路由中加个登录埋点。但问题来了， 因为这个登录是写在router.beforeEach 中的，埋点需要页面中的配置数据。 思来想去试...
-
常用优化方式-时间切片
Window：requestAnimationFrame() 方法 window.requestAnimationFrame()[https://developer.mozi...
-
http range 下载大文件分片上传分片下载也能分HTTP 协议范围请求允许服务器只发送 HTTP 消息的一部分到客户端。范围请求在传送大的媒体文件，或者与文件下载的断点续传功能搭配使用时非常有用。 检测服...
-
使用 defineAsyncComponent 优化代码
在一次代码优化中用到了， 感觉还不错， 记录下~ 基础用法 ES 模块动态导入[https://developer.mozilla.org/en-US/docs/Web/Ja...
-
$attrs和$listener，vue2,vue3 的使用我们知道，向子组件传递数据，是通过 v-bind 子类组件定义的 props 属性完成的，这只适用于单向、两层组件之间。同样地，事件传递也是在父组件中用 v-on 给子组件绑...