2024-08-05 23:08:48
427
141
antdesign 3.0 版本table自带伸缩列的功能，但我项目中用的是1.0 版本，所以只有结合vue-draggable-resizable拖拽插件来实现了。5.在data中定义components属性代码(columns每一列都要设置width，如果不设置width属性，拖动时不生效)6.添加style样式(style不能添加scoped属性)4.在table 组件中添加components属性。2.在main.js中引入插件。3.在使用页面中重新引入插件。_vue-draggable-resizable
2024-08-05 23:08:48
57
678
众所周知，vue3的template中使用ref变量无需使用.value。你猜vue是在编译时就已经在代码中生成了.value，还是运行时使用Proxy拦截的方式去实现的呢？_vue3子组件暴露方法给父组件
2024-08-05 23:08:47
997
782
最近接到一个需求是SVG导入到canvas画布的，首先想到的是利用第三方库例如 fabric.js 的loadURLFrom 方法和Canvg。但是如果是外部的链接的话是可以，那么如果是页面已经存在的SVG呢？举例：加载SVG渲染到页面，更换SVG图层的图片，然后SVG导入到CANVAS画布此时第一个问题如何操作SVG图层里的图片？解决方案：1.加载外部的SVG到页面// 先创建一个盒子来承载SVG// 通过XML请求解析加载SVG文件// 最后添加到页面xhr.send();_svg 如何用canvas渲染
2024-08-05 23:08:47
653
525
Vue Router 是 Vue.js 官方的路由管理器，用于构建单页面应用。它与 Vue.js 深度集成，让开发者能够轻松地构建具有复杂用户界面的单页面应用。Vue Router 允许你定义不同的路由，并通过 组件在应用中显示匹配的组件。Vue Router 的核心特性包括：Vue Router 的安装和基本使用步骤如下：对于 Vue 2，推荐使用 Vue Router 3.x 版本。可以通过 npm 或 yarn 进行安装：1.2 项目中引入 Vue Router在项目的入口文件（如 main.j_router.addroute
2024-08-05 23:08:35
672
422
Vue.js的计算属性是一种强大而常用的特性，用于处理数据逻辑和实时计算属性的值。计算属性可以根据依赖的响应式数据进行缓存，只有在依赖数据发生变化时才会重新计算，从而提高性能和代码的可维护性。本篇博客将详细介绍Vue.js计算属性的使用方法、常见应用场景以及如何在计算属性中传递参数，帮助您更好地理解和应用计算属性。计算属性是Vue.js中非常有用的特性，可以优雅地处理数据逻辑和实时计算属性的值。通过计算属性，我们可以根据依赖的响应式数据进行缓存，提高性能和代码的可维护性。_vue 计算属性传参
2024-08-05 23:08:31
785
507
作为一个后端来写前端属实是痛苦、讲真的、刚开始我是真不想用饿了么的这个合并行和列、因为太语焉不详了、看着头疼、后来发现好像我没得选、只好硬着头皮上了。
2024-08-05 23:08:30
305
765
只有一级属性为深拷贝，二级属性后就是浅拷贝，如[1,2,3,[1,2,3]]满足一般使用场景，但无法实现对象中方法(function)的深拷贝。6、数组使用数组方法进行深拷贝（concat、slice）7、使用Vue提供的观察者模式实现数组深度复制。8、使用ES6提供的扩展运算符实现数组深度复制。3、jQuery的extend方法实现深拷贝。只有一级属性为深拷贝，二级属性后就是浅拷贝。只有一级属性为深拷贝，二级属性后就是浅拷贝。比较全面的深拷贝，缺点是较为繁琐。1、通过递归方式实现深拷贝。_vue 深拷贝