自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 使用html-to-image代替html2canvas,结合jspdf实现下载pdf(下载截图下载前端dom元素)

html-to-image、html2canvas、jspdf

2023-11-16 08:53:39 402

原创 uniapp搭建小程序项目并使用iconfont图标库

uniapp小程序使用iconfont图标库

2023-11-10 14:27:09 562

原创 vue3.0使用intro.js实现新手引导功能

我们在浏览一些网站是,经常看到如下内容,这就是新手引导功能,让我们能够更快的了解该网站的功能。那么,这个功能要如何实现呢?今天我们就用intro.js这个插件来实现:第二步:在shims-vue.d.ts添加这段代码注意:需要在页面渲染完成后,使用以上就是实现网页引导的主要步骤...

2022-07-09 14:25:03 3176 1

原创 前端项目处理用户设备缩放

背景1.用户设备以笔记本电脑为主2.笔记本电脑设备宽度窄3.笔记本电脑系统自带缩放(通常是125%)4.缩放会使的浏览器可用 css 逻辑像素宽度进一步变小5.UI标准设计稿宽度是 19206.前端开发以 1920 设计稿为准(在不同的缩放情况下在chrome开发者工具输入如下代码)// 屏幕宽(固定值)console.log('屏幕宽(固定值):', window.screen.width)// 浏览器可用 css 逻辑像素宽度console.log('浏览器可用 css 逻辑像素宽

2022-05-26 14:28:02 1789 2

原创 前端开发中 下载单个或多个文件的js方法

在之前的项目开发中,遇到的文件下载需求大多是单个文件,我采用的方法就是 a 标签的方式,具体代码如下:let link = document.createElement('a');link.href = url;document.body.appendChild(link);link.click();document.body.removeChild(link);最近遇到了同时下载多个文件的需求,我采用遍历文件列表,依次调用上面的函数的方法,结果在控制台上发现,一个新的链接发起请求,老的链接就

2022-04-01 16:53:04 1042

原创 antd vue table使用排序时,如何去掉默认不排序状态

ant-design-vue中的table组件具有排序的属性,该排序属性有三种状态:升序、降序和不排序。在项目开发中,有时产品经理会要求排序时只能有升序或降序两种状态,而table组件中却没有相应的API配置,那么我们如何取消不排序的状态呢?一、排序相关APItable组件中关于排序的API有4个:sorter、sortOrder、sortDirections以及change事件。sorter:排序函数,本地排序使用一个函数,需要服务端排序可设为 true。sortOrder: 排序的受控属性,外界

2022-03-28 09:13:27 3205 2

原创 Vue项目集成样式检查工具Stylelint

一、安装stylelint相关依赖stylelint:强大的,现代的样式代码检查工具,帮助避免错误并在样式中强制执行约定stylelint-config-standard:styelint的标准可共享配置。开启附加的规则来强制规范少数CSS样式指南的通用约定,包括:the Idiomatic CSS Principles、Google的CSS Style Guide、Airbnb的Styleguide和@mdo的Code Guide。stylelint-order:一个与样式顺序相关的

2022-03-01 11:39:05 2032 3

原创 JAVA实现微信授权登录(详解)

第一步:(前期设置)登录微信公众号接口测试平台设置信息登录微信公众号接口测试平台登录成功后可以看到测试用的appid和appsecret,稍后再后台我们要用到这两个ID,如下图紧接着需要设置网页授权(体验接口权限表 —》 网页服务 —》网页帐号 —》 网页授权获取用户基本信息)没有域名的话可以用内网穿透动态解析一个域名NATAPP链接注册登录成功后可以看到下图,选择免费隧道购买免费的隧道之后,可以直接按照官方的一分钟教程完成内网穿透,这样我们就拿到了我们的域名这个地方有一个坑,就是m

2022-01-27 10:59:05 15481 14

原创 前端实现加水印

前端页面加水印效果如图:这要怎么实现呢?前端方案通过canvas创建一张含有水印信息的背景图片,通过vue指令插入到页面中。 优点:方便快捷,易实现。 缺点: 容易被页面上的背景色以及背景图片遮挡DOM元素直接遮盖、展示水印信息,覆盖在页面的最上层。 优点:对业务影响最小、不会被遮挡、配置更多、更灵活 缺点: 开发难度大、周期长最终我们决定采用的是第二种方案配置流程项目中引入waterMark.jsimport Water

2021-04-08 18:24:33 3790 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除