- 博客(221)
- 收藏
- 关注
RSS订阅原创 WebSocket 实战：在抓包工具里构建实时通道
本文介绍了基于WebSocket实现数据包抓取的Vue Hook方案。核心内容包括：1)使用ref管理WebSocket连接和数据状态；2)建立WebSocket连接并处理实时数据推送；3)通过API控制抓包启停；4)在生命周期钩子中处理连接初始化和资源回收；5)提出状态可视化、批量处理等优化方向。方案实现了从连接建立、数据传输到资源清理的完整流程，适用于需要实时数据展示的场景，并考虑了性能优化和安全防护措施。
2025-11-24 18:06:13
63
原创 leafletjs版本升级评估（1.6.0到1.9.4）
Leaflet 1.6.0到1.9.4版本升级摘要：新增视网膜适配、CSS动画、视频叠加等12项功能，优化渲染性能4倍。主要不兼容点包括坐标顺序严格遵循[lat,lng]、投影参数调整和IE11以下不再支持。体积仅增加11kB，移动端帧率提升至38fps。建议新项目直接使用1.9.4，老项目升级需检查坐标顺序和WMS服务兼容性，IE9/10需停留在1.6.0版本。升级后需进行回归测试，基础功能场景可平滑过渡。（149字）
2025-11-18 18:34:35
821
原创 VUE.extend深度剖析
本文介绍了Vue.extend的基本概念和使用方法。Vue.extend是Vue的基础构造器，用于创建组件"子类"，其参数是一个包含组件选项的对象。文章通过示例展示了如何定义Profile组件并挂载到DOM元素上，重点说明了data选项必须为函数形式。此外，还分析了Vue.extend在组件创建中的作用，包括手动挂载组件和渲染字符串模板（需引入编译时）。最后简要提及了源码实现原理，即通过继承父类属性和方法来创建可挂载的子类。所有组件创建时都会调用Vue.extend方法。
2025-09-24 13:52:18
280
原创 vue.use的深度剖析
Vue.js插件机制是通过Vue.use()方法实现的，插件可以是对象（需提供install方法）或函数。调用时会将Vue作为参数传入，避免插件依赖特定Vue版本。插件功能包括添加全局指令/过滤器/组件、混入选项或扩展Vue原型方法。实现原理：检查插件缓存，将Vue传入插件并执行install方法或直接调用函数，最后缓存插件。本质是通过注入Vue实例来扩展功能，无需插件自行引入Vue。
2025-09-24 13:23:00
392
原创 大数据表格如何渲染
WebAssembly 提供了更高的性能和更复杂的图形处理能力，适合需要高效渲染和计算的应用场景，但开发复杂性较高。WebAssembly 提供了更高的性能和更复杂的图形处理能力，适合需要高效渲染和计算的应用场景，但开发复杂性较高。对于简单的表格渲染，Canvas 可以提供足够的性能，但在处理复杂的图形或大量数据时，可能会出现性能瓶颈。Canvas Table 更加简单易用，适合快速开发和简单的表格展示，但在处理大量数据时性能可能不足。对于需要快速开发和简单实现的场景，Canvas 是一个不错的选择。
2024-12-05 16:07:55
1827
1原创 处理JS对象实用技巧
也可以基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。
2023-07-31 17:49:12
416
原创 VUE3-toRef和toRefs
也可以基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。
2023-07-27 16:13:51
350
原创 VUE3-watchEffect
/ 这个回调函数的执行实际是：只要counter1发生变化，或者counter3发生变化，这个回调函数都会执行。// 这个使用到的数据只要发生变化，watchEffect中的回调函数一定会执行一次。// 我这个回调函数当中使用到了data.counter1和data.counter3。// 这个回调函数什么时候执行？一开始就先执行一次，然后函数体中使用到了某个数据。// watchEffect函数中直接跟一个回调函数即可。// 使用watchEffect这个组合式的API。// 作用：也是用来监视。
2023-07-19 18:16:25
349
原创 VUE3-watch侦听ref包裹对象
watch侦听是侦听响应式对象，即RefImpl对象、Proxy对象，如果不为响应式则需要使用函数形式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9QgtFg3Q-1689761730559)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689647918250.jpg)]VUE3、ref、RefImpl、Proxy、watch
2023-07-19 18:15:42
948
原创 VUE3-watch侦听reactive数据
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RgyYrHSM-1689761692664)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689586856365.jpg)]如果想指定某个属性侦听，则第一个需要侦听的数据，必须是一个函数。即侦听的如果不是响应式的，需要使用函数。
2023-07-19 18:15:01
836
原创 VUE3-watch侦听
/ console.log('计算器2', newValue, oldValue);// console.log('计算器', newValue, oldValue);// 注意：被监视的属性必须具有响应式的，才能监视。// newValue和oldValue都是数组。// 开始的时候，立即执行一次handler。// 采用数组的方式，一次监视多个属性。// 被监视的数据需要具有响应式。// 监视的是counter属性。VUE3、ref、watch侦听。
2023-07-19 18:14:10
154
原创 组合式API与选项式API
/exportdefaultdatareturn// 功能1的data// 功能2的data// 功能3的datamethods// 功能1的methods// 功能2的methods// 功能3的methodscomputed// 功能1的computed// 功能2的computed// 功能3的computedwatch// 功能1的watch// 功能2的watch// 功能3的watch</可以看出，实现功能的代码非常分散，维护成本高，比较乱。
2023-07-19 18:12:31
444
原创 VUE3-ref包裹object对象类型
使用Object.defineProperty实现的[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OJjJ3Qcn-1689155454164)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689154257976.jpg)]
2023-07-12 17:52:08
1138
原创 vite-plugin-pages
使用 vite-plugin-pages 之后：就可以更高效快捷开发。只需要在目录写好对应页面，即可自动生成路由, 上面的路由对应的文件结构如下。注意： 当然这里使用了 pages , 因为是默认配置, 你也可以配置成原来大家更习惯的 views。
2023-07-11 15:29:18
1990
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人