一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

QRCode.js:使用 JavaScript 生成二维码

什么是 QRCode.js?
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

龙生   04 Mar 2024
View Details

微信小程序获取当前页面的url和参数

页面跳转添加参数

  接收options 1. 在onLoad里接收参数

  2.其他位置获取参数及url可以写成工具函数放到utils中:

  3.使用

  from:https://blog.csdn.net/m0_55969466/article/details/122167424

龙生   19 Feb 2024
View Details

在VUE中 如何在DOM 渲染完成后 在执行一些DOM 操作

{
created () {
this.$nextTick(() => {
// 可以使用回调函数的写法
// 这个函数中DOM必定渲染完成
})

this.$nextTick().then(() => {
// 也支持promise
// 这个函数中DOM必定渲染完成
})
}
}

龙生   14 Jan 2024
View Details

vue3的优秀开源项目

vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-vben-admin Vue Vben Admin 是一个基于 Vue3 和 TypeScript 的开源后台管理系统模板,它包含了众多的组件和插件,可以帮助开发者快速构建出高质量的后台管理系统。Vue Vben Admin 具有极高的可扩展性和灵活性,可以轻松地满足不同的业务需求。它还提供了丰富的文档和示例代码,使得开发者可以快速上手并进行开发。 https://github.com/vbenjs/vue-vben-admin vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system   参考:https://www.zhihu.com/question/440658257

龙生   14 Jan 2024
View Details

Vue2 环境下安装Vue3 ,同一台电脑同时安装vue2 和vue3

目前大多数老的项目还是以vue2.0版本为主,在vue3的环境下vue2的项目又不能运行,因此Vue2 和Vue3两个版本同时存在显得尤为重要,本博客为转发博客,非常详细。

龙生   13 Jan 2024
View Details

VS Code中powershell无法运行cnpm, vue等命令

转载:https://www.cnblogs.com/donz/p/12200915.html 在VSCode中,选项View -> Terminal,默认打开PowerShell执行命令,如产生如下报错:   1. 在Windows系统搜索powershell,以管理员运行:   2. 在命令框输入: set-ExecutionPolicy RemoteSigned, 然后输入A   from:https://www.cnblogs.com/donz/p/12200915.html

龙生   13 Jan 2024
View Details

Vue3 — PDF展示、添加签名(带笔锋)、导出

文章目录
笔锋签名
方案一
实现要点
实现过程
组件引用
页面元素
添加引用
实现代码
效果展示
缺点
方案二
修改页面元素
替换引用
修改代码
效果展示
完整代码地址

实现功能的时候采用了两个方案,主要是第一个方案最后的实现效果并不太理想,但实现起来比较简单,要求不高时可以使用。


DEMO 会一次性加载并展示所有的
PDF 页面,目的是方便在手机上观看时上下滑动,如果要做成上一页下一页的效果,需要自行实现。

龙生   13 Jan 2024
View Details

smooth-signature​:H5前端canvas实现带笔锋手写签名,支持PC端和移动端使用,无框架限制,Vue、React等均可使用

我们平时纸上写字,细看会发现笔画的粗细是不均匀的,这是写字过程中,笔的按压力度和移动速度不同而形成的。而在电脑手机浏览器上,虽然我们无法获取到触摸的压力,但可以通过画笔移动的速度来实现不均匀的笔画效果,让字体看起来和纸上写字一样有“笔锋”。

龙生   13 Jan 2024
View Details

npm设置国内源(淘宝镜像源),解决npm包下载速度慢的问题

因为众所周知的原因,我们从拉取从官方源拉取npm 依赖,经常容易出现超时,拉取失败的情况。这个时候我们就非常有必要切换使用国内源了,如淘宝源等
npm config set registry https://registry.npm.taobao.org

龙生   13 Jan 2024
View Details
1 2 65