![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 73
一只理智恩
生活不止,学无止境
技术:h5,css3,jq,js,vue,react,uniapp,webGL,webGis,canvas,cesium,three.js,aigc,node.js、Golang、python、c++
展开
-
从前端角度防范XSS攻击的策略与实践
防范XSS攻击是一个复杂的过程,需要开发者在前端开发中始终保持警惕。通过输入验证、输出编码、合理设置HTTP头部以及利用现代前端框架和库提供的安全特性,可以大大降低XSS攻击的风险。然而,安全是一个不断发展的领域,开发者应该持续关注最新的安全研究和最佳实践,以保护用户和数据安全。原创 2024-04-12 21:58:19 · 1183 阅读 · 0 评论 -
Vue3之defineModel
defineModel是一个宏,所以不需要从vue中import导入,直接使用就可以了。这个宏可以用来声明一个双向绑定 prop,通过父组件的v-model来使用原创 2024-03-31 15:37:27 · 2417 阅读 · 1 评论 -
Vue3 中应该使用 Ref 还是 Reactive?
你可能会好奇:为什么我们需要使用带有.value的 ref,而不是普通的变量?为了解释这一点,我们需要简单地讨论一下 Vue 的响应式系统是如何工作的。当你在模板中使用了一个 ref,然后改变了这个 ref 的值时,Vue 会自动检测到这个变化,并且相应地更新 DOM。这是通过一个基于依赖追踪的响应式系统实现的。当一个组件首次渲染时,Vue 会在渲染过程中使用的每一个 ref。然后,当一个 ref 被修改时,它会追踪它的组件的一次重新渲染。原创 2024-02-16 13:41:09 · 1574 阅读 · 1 评论 -
vue2 新闻消息向上无缝滚动
这是很久以前项目中用到的功能,目前要达到的效果是新闻逐条向上滚动,没有使用第三方插件,vue2版本的,vue3可以自行改造,适合新闻列表模块。后续也会出其他功能块,每个功能块都很简洁,复制粘贴就能用到项目中,节约时间。原创 2024-02-14 15:35:54 · 782 阅读 · 3 评论 -
vue3的双向数据绑定原理和响应式原理以及和vue2响应式的区别
Proxy总的来说,Vue3的双向数据绑定就是通过响应式系统和虚拟DOM的结合来实现的。响应式系统保证了数据和视图的同步,而虚拟DOM则通过高效的更新方式提高了渲染性能。原创 2024-02-13 14:28:36 · 1774 阅读 · 0 评论 -
推荐几个基于Vue3.0全家桶的优秀开源项目
PPTist 是一个基于 Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。vue-next-admin 是一个基于 Vue3.x + Typescript + Vite + Element plus + Vuex 等,适配手机、平板、PC 的后台开源免费模板库。原创 2024-02-13 14:20:00 · 2130 阅读 · 0 评论 -
v-model的原理
v-model是Vue中实现双向数据绑定的语法糖,它将表单元素的值与数据对象进行双向绑定。在Vue2中,通过数据劫持和发布订阅模式实现双向数据绑定;而在Vue3中,通过使用Proxy对象对数据进行劫持,从而实现对数据的双向绑定。在Vue中,通过使用Object.defineProperty()对数据进行劫持,并在数据变动时发布通知,在订阅者(即视图)中监听这些通知,当数据变动时,视图也会随之更新。Vue3采用了更简洁的响应式系统,通过使用Proxy对象对数据进行劫持,从而实现对数据的双向绑定。原创 2024-02-13 13:33:41 · 389 阅读 · 0 评论