Code技术网_让一部分人先学到code前端技术

Code前端首页关于Code前端联系我们

学习 Javascript

学习 Vue 开发

Vue3项目里怎么实现稳定不崩溃的长连接？踩过坑后的完整指南

很多开发者刚接触Vue3配WebSocket,要么是基础的心跳断了不重连，要么是切换路由组件就断开再连太耗资源，要么是页面重启、网络波动后数据全乱套，这段时间我帮朋友改了3个不同类型的Vue3长连接项目（实时弹幕、股票看板、在线协作白板），...

Vue3长连接长连接稳定性

5小时前 82 阅读 #Vue
先别急着区分，先搞懂它们俩为啥会存在？

最近身边好多前端转Vue3的小伙伴找我吐槽：之前Vue2用惯了watch，现在突然冒出来个watchEffect，官方文档说这俩都是侦听响应式变化，却不说清楚什么时候用哪个，写代码的时候总纠结要不要试试新东西，怕用错反而麻烦，其实我刚接触的...

暂缓区分存在原因

11小时前 175 阅读 #Vue
Vue3 watch加immediate后怎么避免首次执行踩坑？还有哪些immediate的实用细节你没注意？

Vue3的组合式API里，watch算是用得特别多的一个工具了，用来监听数据变化执行逻辑，但默认情况下watch只在数据变化时才触发——比如你要监听路由参数取详情页数据，页面刚加载时参数已经有了，但watch没反应，还得手动再调一遍接口？这...

Vue3 watch immediate 首次执行细节

17小时前 256 阅读 #Vue
Vue3 watch为什么经常要加deep:true？不加行不行？有什么坑？

最近在群里帮新手改Vue3代码,碰到十有八九的都是“明明数据变了页面也没更新watch没反应”，一问watch里的参数，果然要么直接传了个对象，要么只写了immediate忘了deep，今天就把这个大家天天挂嘴边但可能没完全摸透的点掰碎了讲...

Vue3 watch deep Vue3 watch无deep坑

1天前 456 阅读 #Vue
Vue3 watch怎么用？有哪些高级用法和避坑点？

最近刷开发交流群,发现不少刚从Vue2转Vue3的朋友，或者用Vue3但只会写基础监听的小伙伴，都在踩watch的小坑——要么监听没触发，要么触发了但数据不对，要么不知道怎么处理深层数据、首次渲染就触发的需求，今天咱们就从基础用法聊起，把高...

Vue3 watch Vue3 watch进阶避坑

1天前 544 阅读 #Vue
Vue3 watch once怎么用？它和watchEffect、watch的停止监听有啥区别？

最近刚上手Vue3组合式API的前端小白,应该都在ref、reactive的响应式坑里摸爬滚打过，顺带着接触到了watch和watchEffect这两个监听工具，但很少有人第一时间注意到watch once——哦不对，准确说Vue3组合式A...

Vue3 watch once Vue3监听停止对比

2天前 590 阅读 #Vue
Vue3项目里怎么封装WebSocket才好用又稳？

最近做电商后台的实时订单提醒和大屏看板,前后踩了三次原生WebSocket的坑——一会儿断连后忘了自动重连，一会儿不同组件同时连同一个服务端地址浪费连接数，一会儿接收到的JSON数据解析错了也没地方统一处理，折腾一周，终于整理出一套既适合单...

Vue3 WebSocket封装心跳重连

2天前 788 阅读 #Vue
Vue3 withDefaults是做什么的？怎么用它写更安全的Props默认值？

为什么Vue3新增了withDefaults？之前的默认值写法有啥问题？刚接触Vue3组合式API的同学，可能一开始还在用Options API那套props默认值写法——在defineProps里给属性加default属性对吧？比如定...

Vue3 withDefaults 安全Props默认值

2天前 878 阅读 #Vue
Vue3怎么做左右上下通用的无缝滚动？原生方法+插件组合适配各种场景行不行？

最近翻技术群,很多刚上手Vue3的同学都在问：“项目要做一个卡片横向轮播、公告纵向滚动的组合栏，用Vue3怎么实现通用化的无缝效果？”还有人纠结是自己手写原生逻辑练手，还是直接找成熟插件省时间，其实这俩选择完全不冲突——通用逻辑可以自己搭个...

通用Vue3无缝滚动 Vue3原生插件组合

3天前 968 阅读 #Vue
做Vue3电商项目时，如何高效处理百万级SKU的搜索筛选加载和性能优化？

最近接了个朋友转的社区生鲜电商优化需求，之前用Vue2做了个架子，上线后一推节日活动，有优惠券叠加的时段，整个筛选页面卡得要死——下拉加载SKU列表的时候，滚动十多秒才出下一屏，选了十几个标签页（比如产地、品类、是否有机、满减、满赠）一起筛...

百万级SKU搜索筛选 Vue3电商性能优化

3天前 1145 阅读 #Vue

1 2 3 4 5 6 7 8 9 10 › ››