51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

css中的&

css中的&

厉飞雨 阅读(367) 评论(0) 赞(23)

> 要在座的人都停止了说话的时候,有了机会,方才可以谦逊地把问题提出,向人学习。------ 约翰·洛克 今天看到一种`css`写法: |---------------------------|----------------------------------------------------------------------------------------...

html转word或pdf

html转word或pdf

厉飞雨 阅读(311) 评论(0) 赞(14)

> 差以毫厘,谬以千里。------班固《汉书》 使用的组件还是`Spire.Doc`,可以看我[这篇博客](https://51tbox.com/) 如果我们遇到`html`,需要直接渲染到`word`或者`pdf`上,可以使用[官方文档](https://www.e-iceblue.cn/spiredocforjavaconversion/java-convert...

html转图片

html转图片

厉飞雨 阅读(329) 评论(0) 赞(20)

> 真话说一半常是弥天大谎。------富兰克林 引入依赖 |---------------------|------------------------------------------------------------------------------------------------------------------------------------...

简单CSS实现图片旋转

简单CSS实现图片旋转

厉飞雨 阅读(324) 评论(0) 赞(11)

图片旋转\~ ![image-20200825185130320](/imgs/oss/picGo/image-20200825185130320.png) 代码 |--------------------------------------------------------------------------------------------------------...

vue3开发h5页面实现扫描二维码功能

vue3开发h5页面实现扫描二维码功能

厉飞雨 阅读(383) 评论(0) 赞(16)

<h2>安装依赖</h2> <p>html5-qrcode 是一个用于在现代浏览器中进行二维码扫描的 JavaScript 库。它利用 HTML5 的 getUserMedia API 来访问设备的摄像头,并使用 QRCode 库来解码二维码。这个库非常适合在 Web 应用中实现二维码扫描功能,尤其是在移动设备上。</p> <...

vue2学习笔记

vue2学习笔记

厉飞雨 阅读(213) 评论(0) 赞(13)

01、初识 Vue {#01%E3%80%81%E5%88%9D%E8%AF%86-vue} ---------------------------------------------- 1. 想让 Vue 工作,就必须创建一个 Vue 实例,且传入一个配置对象; 2. root 容器里面的代码依然符合 html 语法,只不过混入了一些特殊的语法; 3. root 容器里面的...

Vue3图片懒加载

Vue3图片懒加载

厉飞雨 阅读(255) 评论(0) 赞(14)

背景 {#背景} -------- 界面很长,屏幕不能一下装下所有内容,如果以进入首页就把所有内容都加载完的话所需时间较长,会影响`用户体验`,所以可以当用户浏览到时再去加载。 代码 {#代码} -------- ### 新建index.js文件 {#新建indexjs文件} src下新建directives文件夹,并新建index.js文件 ```hljs lang...

vue3 中父子组件数据传输踩坑

vue3 中父子组件数据传输踩坑

厉飞雨 阅读(216) 评论(0) 赞(17)

本文最后更新于 2024-10-24,文章内容可能已经过时。 问题背景 {#问题背景} ------------ 最近在开发 halo 插件过程中,遇到了一个这样的问题,后台使用的 vue3 框架,其中涉及到了父子组件传值,带着 vue2 的开发习惯,对子组件绑定了后端异步获取的数据,以及相应事件,由子组件来渲染获取到的数据。并处理相应逻辑。父子组件代码如下: * 父组件...

Vue Router 搭配 NaiveUI 的进度条

Vue Router 搭配 NaiveUI 的进度条

厉飞雨 阅读(324) 评论(0) 赞(19)

<h2>介绍 {#介绍}</h2> <p>由于 naive ui 的进度条需要依赖于一个 <code>NLoadingBarProvider</code>,所以我们在定义 <code>router</code> 的时候是无法使用 <code>useLoadingBar()</c...