Mr_Ma

Vue默认情况下，父组件是可以直接给子组件的根元素添加class和style的，但是有时候我们可能需要在父组件上给子组件添加一些特性绑定(attribute bindings)到子组件的根元素上，in

为了能在Vue上更简便地使用canvas-nest.js这个炫酷的特效，在原项目作者的提醒下，花了几小时直接将canvas-nest封装成了vue-canvas-nest组件。 将原来的src文件夹重命名为example以便后期当示例和调试使用。 此时就能看到炫酷的canvas…

各种UI库的功能都是非常强大的，尤其对于我这种不会 css 的人来说，就更是帮了大忙了。只是嘛，如果再封装一下的话，那么用起来就会更方便了。那么如何封装呢？封装三要素 —— 属性、插槽、事件、方法可以

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；

vue-通用组件封装通用组件要具备高性能、低耦合，开发中应注意以下几点数据的传入数据从父组件传入时应在props中加一些限制或验证props中的数据不能直接进行修改，如果要引用可进行深拷贝直接复制不能

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `performance tab` 点击（start profiling and reload page）。…

前端性能测试工具 Lighthouse(灯塔)使用 目录 前言 正文 一、Lighthouse 介绍 二、Lighthouse 使用过程 三、指标详解 总结 参考文档 前言  最近做性能检测，使用的是

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议