- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue2和vue3的区别，零基础也轻松顿悟！
Vue是一款渐进式JavaScript框架，用于构建用户界面。Vue3相比Vue2在性能、开发体验和扩展性上有显著提升：1. 响应式系统改用Proxy代理，支持动态属性增删和数组索引修改；2. 新增Composition API，支持更好的逻辑复用和代码组织；3. 支持多根节点，优化了虚拟DOM和Diff算法；4. 生命周期钩子更名，新增调试钩子；5. 改进TypeScript支持，移除了一些过时特性。Vue3的改进使得构建大型应用更加高效、可维护，是开发现代Vue应用的推荐选择。
2025-05-29 01:02:39
589
原创 UniApp和web-view的通信
摘要： web-view是uniapp中的浏览器组件，用于嵌套H5项目，支持网络网页加载（不支持本地HTML）。通过引入uni-webview.js可实现双向通信： H5→uniapp：使用uni.postMessage发送消息，uniapp通过@message事件接收； uniapp→H5：通过evalJS方法注入JS脚本调用H5函数。 注意事项： 纯H5环境需改用window.postMessage或URL传参； 需区分运行环境（App/H5/小程序）并正确引入SDK； 小程序通信需使用wx.miniP
2025-05-26 23:15:35
1309
原创 彻底搞懂一篇就够了！！弹性布局（flex布局）
本文深入解析了Flex弹性布局的核心概念和应用。作为当前主流布局方式之一，Flex通过display:flex创建弹性容器，包含主轴和交叉轴。文章详细介绍了flex-direction、justify-content等容器属性，以及order、flex等子元素属性的用法，通过可视化示例展示了空间分配原理。Flex布局优势在于灵活的对齐控制、动态空间分配和响应式特性，但也存在一维布局限制和浏览器兼容性问题。与Grid网格布局相比，Flex更适合线性排列场景。文章最后总结了Flex的最佳实践和注意事项，为开发者
2025-05-26 01:15:59
1591
原创 vue动态渲染图片src失效，引入图片失败的解决办法，以及原因详解
在Vue项目中动态渲染图片的src属性时，直接传递字符串路径可能导致图片无法加载，而通过import引入路径后赋值给src则能正常显示。这是因为打包工具（如Webpack或Vite）在构建阶段会处理静态资源引用（如import或require），将其转换为最终部署路径。然而，动态绑定的字符串路径无法在构建阶段被识别为资源引用，因此不会被处理，导致路径错误。解决方案有两种：一是通过import引入路径并赋值给变量；二是将静态资源放在public目录下，直接使用绝对路径。理解构建工具的资源处理机制，选择合适的方
2025-05-21 23:43:40
288
原创 v-if和v-show的区别，以及不同的使用场景
v-show 和 v-if 是 Vue.js 中用于条件渲染的指令。v-show 通过修改元素的 display CSS 属性来控制元素的可见性，适合频繁切换的场景，如选项卡或折叠面板，因为它不会销毁元素，保留了滚动条状态和已请求的数据。v-if 则根据条件完全插入或删除元素，适合条件较少改变或需要条件分支逻辑的场景，具有更小的初始渲染开销，并支持 <template> 标签和 v-else 等搭配使用。v-show 不会触发组件的生命周期钩子，而 v-if 会。在表单元素中应避免使用 v-sh
2025-05-19 20:08:33
286
原创 v-text和v-html的区别，和使用场景
在Vue.js中，v-text和v-html指令用于将数据绑定到DOM元素的内容上，但处理方式不同。v-text将数据作为纯文本插入，不解析HTML标签，类似于textContent，更安全，适合用于可信源且不需要HTML解析的场景。v-html则将数据作为HTML解析并插入，类似于innerHTML，能解析HTML标签，但有XSS攻击风险，适合渲染富文本或动态生成复杂UI元素。使用v-html时需确保内容可信，且不会编译Vue指令。
2025-05-13 21:10:13
357
原创 el-element和van-field组件输入中校验，以及输入框中的值未被同步修改问题
需求背景：在输入中过滤掉输入框中的emoj表情在开发过程中发现，输入框v-model绑定值之后，只在失去焦点时进行判断，不符合需求。而且在用input和change方法对绑定值进行修改时，输入框中的值未发生修改，并且发现了一些其他的问题。所以，我总结了所遇到的问题，希望对大家有所帮助。
2025-04-23 20:14:01
334
原创 前端笔记--根据URL下载文件出现CORS跨域问题
最近遇到了一个BUG，是需要前端通过URL去下载文件，但是在下载时，出现了跨域问题。废话不多说，我们直接开始正文。
2025-04-14 21:07:54
270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人