- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue3+ts+ant design vue实现上传文件，并显示上传进度（经历过本地进度条一步步丝滑显示，但线上进度总是从0直接到100，监听不到onChange事件中的event）
vue3+ts+antdesign vue 使用upload上传文件，进度条只能从0直接到100，不显示中间进度。打包部署到nginx后，遇到上传功能报错TypeError:***.upload.addEventListenerisnotafunction。问题源于MockJS对XMLHttpRequest的拦截。解决方案包括：一是在mock.js和xhr.js中添加代码修复；二是卸载并删除MockJS以避免对象属性访问错误。通过这两种方法可以解决部署后上传功能的异常问题。
2024-10-19 16:21:10
996
1
原创 vue项目是如何解决跨域的？
同源策略：是一种约定，是浏览器最核心也最基本的安全功能。在vue中，主要针对cors或者proxy这两种方案展开。的一种安全手段（只是浏览器的限制）。这三项只要有一项不相同，就会跨域。跨域本质是浏览器基于。
2024-07-15 21:24:39
216
原创 vue2和vue3的diff算法有什么区别？
Vue3的diff算法在vue2的基础上进行了一些优化和改进，这些优化包括：静态节点提升、区块树、支持碎片化、响应系统的优化、编译的优化等，这些优化减少了渲染时间，减少了不必要的比对和DOM操作，提高了应用性能。
2024-07-15 17:57:32
1280
原创 2024前端开发面试经验—02
需要手动指定监听数据，仅在数据发生变化时触发，执行特定的函数。会自动追踪依赖的响应式数据，并在数据变化时执行回调函数。示例:setup() {count: 0,});// 使用 watch 监听 count 的变化watch(console.log(`count 变化，新值为 ${newVal}，旧值为 ${oldVal}`);// 使用 watchEffect 响应式地追踪 count});return {},
2024-07-01 20:33:10
535
原创 vue3主要在哪些方面做了提升？
通过setUp方法来定义组件逻辑，并可以使用单个setUp函数来处理组件的状态、计算属性、方法等。采用静态标记（static marking）的方式跳过静态节点的对比和更新，减少了不必要的操作，提高了渲染性能。（原因：vue3的传送门机制（portal）,允许将DOM树渲染到其它位置，使其不受组件嵌套限制）可以将组件模板内容渲染到DOM树的其它位置，而不仅仅是当前组件的父组件。（大家都说的五花八门的，我稍微总结一下比较容易记的）（vue3的setup和vue2的data的对比）
2024-06-28 16:44:13
440
原创 学习笔记——盒子模型
以上几种DOCTYPE都是标准的文档类型，无论使用哪种模式完整定义DOCTYPE，都会触发标准模式，而如果DOCTYPE确实，则在ie6、ie7、ie8下将会触发怪异模式（quirks模式）盒子模型（Box Modle）可以用元素来进行布局，包括实际内容、外边距、边框、内边距；width:内容、内边距、边框总的宽度（content+pading+border）border-box~~border和padding计算入width之内（盒子模型分为两种：w3c标准盒子模型、IE标准的盒子模型（怪异盒模型）
2024-06-26 17:57:04
202
原创 2024前端开发面试经验—01
Vue2：bind-指令绑定到元素后调用，只调用一次。Inserted-元素插入父DOM后调用。Update-当元素更新，子元素尚未更新时调用。componentUpdate-被绑定的元素所在模板完成一次更新周期，就调用。Unbind-一旦指令被移除就调用，只调用一次。Vue3: created ：绑定元素属性或事件监听器被应用之前调用。该指令需要附加需要在普通的 v-on 事件监听器前调用的事件监听器时，这很有用。beforeMounted ：当指令第一次绑定到元素并且在挂载父组件之前执行。
2024-06-26 16:21:21
404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人