51工具盒子
html转word或pdf
> 差以毫厘，谬以千里。------班固《汉书》 使用的组件还是`Spire.Doc`，可以看我[这篇博客](https://51tbox.com/) 如果我们遇到`html`,需要直接渲染到`word`或者`pdf`上，可以使用[官方文档](https://www.e-iceblue.cn/spiredocforjavaconversion/java-convert...
前端开发
html转图片
> 真话说一半常是弥天大谎。------富兰克林 引入依赖 |---------------------|------------------------------------------------------------------------------------------------------------------------------------...
简单CSS实现图片旋转
图片旋转\~  代码 |--------------------------------------------------------------------------------------------------------...
vue3开发h5页面实现扫描二维码功能
<h2>安装依赖</h2> <p>html5-qrcode 是一个用于在现代浏览器中进行二维码扫描的 JavaScript 库。它利用 HTML5 的 getUserMedia API 来访问设备的摄像头，并使用 QRCode 库来解码二维码。这个库非常适合在 Web 应用中实现二维码扫描功能，尤其是在移动设备上。</p> <...
vue2学习笔记
01、初识 Vue {#01%E3%80%81%E5%88%9D%E8%AF%86-vue} ---------------------------------------------- 1. 想让 Vue 工作，就必须创建一个 Vue 实例，且传入一个配置对象； 2. root 容器里面的代码依然符合 html 语法，只不过混入了一些特殊的语法； 3. root 容器里面的...
Vue3图片懒加载
背景 {#背景} -------- 界面很长，屏幕不能一下装下所有内容，如果以进入首页就把所有内容都加载完的话所需时间较长，会影响`用户体验`，所以可以当用户浏览到时再去加载。 代码 {#代码} -------- ### 新建index.js文件 {#新建indexjs文件} src下新建directives文件夹，并新建index.js文件 ```hljs lang...
vue3 中父子组件数据传输踩坑
本文最后更新于 2024-10-24，文章内容可能已经过时。 问题背景 {#问题背景} ------------ 最近在开发 halo 插件过程中，遇到了一个这样的问题，后台使用的 vue3 框架，其中涉及到了父子组件传值，带着 vue2 的开发习惯，对子组件绑定了后端异步获取的数据，以及相应事件，由子组件来渲染获取到的数据。并处理相应逻辑。父子组件代码如下： * 父组件...
关于unplugin-vue-components代码提示问题
<p>今天第一次体验<code>unplugin-vue-components</code>，遇到了代码提示的问题(VS Code)，如下：</p> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAA...
Vue Router 搭配 NaiveUI 的进度条
<h2>介绍 {#介绍}</h2> <p>由于 naive ui 的进度条需要依赖于一个 <code>NLoadingBarProvider</code>，所以我们在定义 <code>router</code> 的时候是无法使用 <code>useLoadingBar()</c...
异步加载 Vue 组件以减小 chunk 体积
<h2>问题 {#问题}</h2> <p>当你的组件过于复杂时，这里指它引用了非常多的第三方库，那么当你打包的时候或许会碰到下面的警告：</p> <p>|-----------------|-----------------------------------------------------------------...
