tigerhhzz的博客

代码质量：eslint、eslint-plugin-vue、@typescript-eslint/*、prettier、eslint-config-prettier。库需增加：main（CJS 入口）、module（ESM 入口）、types（类型声明）、exports（现代条件导出）、files（发布白名单）。开源库选择合适协议（MIT/Apache-2.0）。分析/调优：rollup-plugin-visualizer（体积可视化）、vite-plugin-inspect（调试插件链）。

传入我们电子签名的base64，然后生成一个新元素image ，改变它的大小，然后在通过canvas转成base64，在return 出来。通过原始图片文档与电子签名的图片进行合并，期间需要调整签名base64的位置和缩放比例，然后添加合并到原始文档，最终形成签名后的文档。上述代码只是平常练习使用，如需使用在正式项目中，请自行修改完善！接下来我们需要将html文档和电子签名模板，合成一张图片。前端将文档的样式和电子签名的模板合成一张图片，进行预览。传入两个参数，分别是原始图片文档和电子签名图片文档；

以上三种方法都可以有效地帮助你在 Vue 3 中监听路由的变化，并根据变化执行特定的操作。选择哪种方法取决于你的具体应用场景和个人偏好。如果只需要在当前组件内监听路由变化，推荐使用 watch 函数；如果需要在路由变化前做某些处理，则 onBeforeRouteUpdate 是更好的选择。有些事不是看到了希望才去坚持 而是因为坚持才会看到希望。

在 Vue3 中，defineProps、defineEmits、defineExpose、defineOptions、defineSlots是一组新的功能函数，用于定义组件的属性、事件、暴露、选项和插槽。函数名称用途基本用法备注定义组件的属性（props）提供了基本的属性和事件处理通信功能定义组件可以发出的事件同上定义组件暴露给父组件的方法或属性提供了更高级的组件封装能力，适合需要高度自定义和复用的组件。在组合式 API 中设置组件的选项。

要使用 Vue 3 和 vue-print-nb 插件实现复杂申请表的打印功能，以下是详细的步骤。这里展示一个基本的应用例子，涵盖了 Vue 3 的安装、vue-print-nb 插件的配置和一个简单的表单打印功能。在开发管理系统或申请表打印功能时，打印功能是一个很常见的需求。打开浏览器访问 http://localhost:8080，您应该会看到一个复杂的申请表，并且可以通过点击“打印申请表”按钮来打印该表单。这样，就使用 Vue 3 和 vue-print-nb 插件实现了复杂申请表的打印功能。

Vue3 嵌套路由的使用和 Vue2 相差不大，主要的区别是 Vue3 的路由实例化使用了 createApp() 方法，所以实例化路由时需要传入根组件。另外，Vue3 的路由对象除了包含 Vue2 中的导航守卫、导航钩子和解析守卫等功能外，还新增了 meta prop 和 route prop。在使用嵌套路由时，建议将路由按照功能模块进行分层，每一层代表一个主要的功能块，每个层级下的路由数量不要过多，一般建议不要超过 10 个，层级也不要超过 5 层。

Vue.js学习详细课程系列--共32节（1 / 6）

Vue.js学习详细课程系列--共32节（5 / 6）

Vue.js学习详细课程系列--共32节（2 / 6）

Vue.js学习详细课程系列--共32节（3 / 6）

Vue.js学习详细课程系列--共32节（4 / 6）

Vue.js学习详细课程系列--共32节（6/ 6）

JavaScript循环遍历常用的几种方法

form-generator在线表单生成vue父组件调用通过form-generator生成的vue弹框组件

Vue.js 使用响应式数据驱动来构建用户界面，当数据发生变化时，视图会自动更新，从而实现了数据和视图的双向绑定，使得前端开发变得更加简单。Vue.js支持组件式开发，可以将应用的复杂界面分解成若干个独立的可复用的组件，减少耦合，还可以提高代码的可重用性, 模块化开发更加便捷。Vue.js 提供内置的状态管理工具，使用它可以轻松地管理应用中的状态，并进行复杂的状态变更，从而实现更灵活的数据控制。Vue.js 支持单页面应用开发，可以使用它来构建复杂的前端路由系统，从而实现前端路由的管理和控制。

常用的 JavaScript 数组 API

vuex的五个属性及使用方法示例