摘要：本文详细介绍了Nuxt3中几个关键的生命周期钩子和它们的使用方法，包括webpack:done用于Webpack编译完成后执行操作，webpack:progress监听编译进度，render:response和render:html分别在响应发送前后修改响应内容，以及render:island... ...

## 动态表单系统：利用 Spring Boot 和 MyBatis 实现后端服务 在现代企业应用中，表单是数据收集和处理的核心部分。然而，传统的表单系统难以适应快速变化的需求。为了解决这个问题，我们可以使用动态表单系统，它可以根据业务需求灵活地调整表单结构。本文将介绍如何使用 Spring Boo ...

摘要：本文详细介绍了Nuxt3框架中的五个webpack钩子函数：webpack:configResolved用于在webpack配置解析后读取和修改配置；webpack:compile在编译开始前调用，可修改编译选项；webpack:compiled在编译完成后调用，可处理编译结果；webpack... ...

‍ 写在开头 点赞 + 收藏 学会 前言： 最近接到了一个需求很有意思，类似于我们经常在逛购物平台中，选择一个物品分享给好友，然后好友复制这段文本打开相对应的平台以后，就可以弹出链接上的物品。实现过程也比较有意思，特来分享一下实现思路。 一. 效果预览 当我在别的界面复制了内 ...

ejyy —— 一套开源的智慧物业解决方案。实现了微信公众号、小程序、PC、H5、智能硬件多端打通，旨在提升物业公司效率、规范物业服务流程、提升物业服务满意度、加强小区智慧化建设、便捷业主服务。 ...

上篇文章中我们讲了使用scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x ...

摘要：本文介绍了Nuxt3中与Vite相关的五个生命周期钩子，包括vite:extend、vite:extendConfig、vite:configResolved、vite:serverCreated和vite:compiled，展示了如何在每个钩子中扩展Vite配置、读取配置、添加中间件和处理编... ...

学习 Vue.js 应该像学习一门编程语言一样，首先要熟练掌握常用的知识，而对于不常用的内容可以简单了解一下。先对整个框架和语言有一个大致的轮廓，然后再逐步补充细节。千万不要像学习算法那样，一开始就钻牛角尖。 前序: vueAPI的风格分为: 选项式和组合式，vue2中一般用选项式, 所以文章中讲到 ...

‍ 写在开头 点赞 + 收藏 学会 在最近接手的一个项目中，需要对整个页面加上一个水印，还需要动态修改增加背景色功能。由于使用的第三方库不支持背景色功能，故记录一下。文末会附上如何利用技术手段去除水印 第三方库：watermark-plus 主要使用步骤 npm i waterm ...

摘要：本文介绍了Nuxt3框架中的一些重要生命周期钩子，如prepare:types用于自定义TypeScript配置和类型声明，listen用于在开发服务器启动时注册自定义事件监听器，schema:extend和schema:resolved用于扩展和处理已解析的模式，以及schema:befor... ...

前言： 公司现有一个新需求需要在原有的vue2项目上面进行预渲染，进行SEO的优化，在网上进行了一系列的搜索，发现两种简单易上手的方案（1.使用prerender-spa-plugin+vue-meta-info进行打包构建；2.使用nuxt.js在开发过程中就渲染呈现出来） 因是在原有项目基础上进 ...

摘要：文章阐述了Nuxt3中Nitro生命周期钩子的使用，如nitro:config自定义配置、nitro:init注册构建钩子、nitro:build:before/after调整构建设置及处理公共资产、prerender:routes扩展预渲染路由、build:error捕获构建错误，通过示例代... ...

‍ 写在开头 点赞 + 收藏 学会 后端：密码得走密文哇！ 我：base64？md5？ 后端:这次不行哇，新来的测试不好糊弄呢！必须要国密sm2加密捏 我: 好吧，看我的。 我这边使用的是sm-crypto，当然也有很多优秀的库如：forge,我在业务上搭配jszip做过上传zi ...

零：前端目前形势 前端的发展史 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 Ajax的出现 -> 后台发送异步请 ...

摘要：本文深入解析了Nuxt3框架中的多个核心生命周期钩子和组件注册功能，包括imports:sources、imports:extend、imports:context、imports:dirs、components:dirs及components:extend，通过实例代码指导开发者如何在不同场... ...

‍ 写在开头 点赞 + 收藏 学会 场景是用户通过微信扫app内的收款码，跳到一个h5页面。然后完成支付。 代码实现的整体流程： 使用微信扫码，码是app内生成的，码的内容是一个h5页面链接，扫码完成后跳转到自定义的h5支付界面。 扫码进入后，将页面展示所需要的参数进行缓存起来， ...

摘要：本文详细介绍了Nuxt3中的六个核心生命周期钩子及其用法，包括build:done、build:manifest、builder:generateApp、builder:watch、pages:extend和server:devHandler:handler。内容涵盖各钩子的调用时机、参数、环... ...

‍ 写在开头 点赞 + 收藏 学会 近期产品期望在后台发布帖子或视频时，需要添加 @用户 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求，例如 ant-design 的 Mentions 组件： 但是不难发现跟微信飞书对比下，有两 ...

概述了Nuxt3的六个关键生命周期钩子用途：modules:before至build:before，指导如何在应用初始化、模块管理、配置解析、模板处理及构建前执行自定义操作，附带实例代码，强化Nuxt应用的灵活性和可控性。 ...

Vue3发布后，各家第三方库开始陆续重构并支持 Vue3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基于 Vue.js 的 UI 组件库，它们具备一系列可复用的组件和丰... ...