chunshand-优快云博客

原创 html2canvas 无法正常渲染svg和不可见区域无法正常渲染

canvg 是 JavaScript 库，可将 SVG 渲染为 HTML5 Canvas，助力图形展示转换。html2canvas 是前端库，能将网页元素转为 canvas 图像，跨浏览器兼容佳。

2025-04-08 13:39:50 174

原创 js中不常用的数据结构

Set不可重复的"数组"WeakSet与Set类似，但是值只能是对象Map键值对类型，key可以是各种类型WeakMap与Map类似，但是key只能是对象WeakRef常用于缓存对象最后，vue里是如何利用这些数据结构特性，完成响应式的呢？

2024-12-25 13:45:49 568

原创路由的原理

前端说到路由，必然离不开浏览器的History对象。

2024-12-25 13:22:11 170

原创丐版虚拟滚动列表

padding为了更好的区分理解我将虚拟列表的逻辑单独摘了出去。

2024-12-25 13:13:52 309

原创了解EventLoop

前端开发，基本都知道EventLoop。自己写一下流程，复习下其实就是js代码的执行逻辑执行机制js 是单线程。

2024-12-25 13:11:22 373

原创快速认识 CommonJS 与 ES Module

社区规范exportsexports={}可能会说是因为覆盖了，并不是。因为文件最后导出的是对象。通过形式是改变的的子对象的，但是使用的方式，并不会影像值。因为，从当前目录一直到根目录的，依次次向上查找。通过依赖包找到文件入口当我们多次require同一个包或文件时，require并不会获取最新的，而是通过查找是否已经缓存了模块，假如存在，则直接从缓存中取出。

2024-12-25 13:07:05 542

原创免费开源的投屏软件

关于更多的使用方法可查看 scrcpy github 页面地址：https://github.com/Genymobile/scrcpy。

2024-12-25 13:05:31 382

原创简单上手 babel

babel js编译器，将js编译成生产环境所需要的js。现在基本都用core-js@3使用usagebabel转移的代码，像require浏览器也并不能识别还需要类似webpack这样的工具再次加工。

2024-12-25 13:03:52 142

想通过forwardRef useImperativeHandle 将组件modal 的open 方法暴露出去，在父组件通过ref的方式调用。还有一种实现方式，就是在根节点就创建消息弹窗组件，通过消息订阅的方式打开弹窗，但是我是在next上的多根节点布局，所以，暂时不考虑了。以前一直在写vue，用element-plus组件库，最新在写 react 脑子就有点锈到了。根节点注册消息组件，组件初始化的时候，订阅消息，后面其他业务上，可直接通过消息订阅机制出发消息弹窗。想通过api命令的方式打开消息弹窗。

2024-03-23 22:59:20 660

原创 Next实现国际化，接口反向代理，冲突了

最近在写next的项目，用到了国际化，使用了 react-i18next 但是感觉很费劲，配置起来很麻烦，所以换了一种方式，那就是：next-intl发现还不错，后来要做接口，发现跨域，然后增加反向代理，则两者出现了冲突。

2024-03-22 09:30:00 834

原创基于Nestl的全栈项目，适合前端者上手，Nuxt开发前台

最近我正在学习 NestJS，并计划开发一个全栈项目，其中包含一些常用的基本功能，如角色管理、权限管理、菜单管理和系统配置等。在接下的开发过程中，我会按照自设定的任务列表（可以在仓库的 README.md 中找到）逐步进行开发，并边学习边实践。我选择使用 NestJS 开发后，使用 v3-admin-vite 作为后台础，并使用 Nuxt3 进行前台开发。如果对该项目感兴趣的小伙伴，欢迎一学习和交流。

2023-07-20 11:52:42 258