
前端
文章平均质量分 58
yx_back
这个作者很懒,什么都没留下…
展开
-
vue项目中命名规范
在Vue框架中,遵循良好的变量和类名命名规范是非常重要的,这有助于提高代码的可读性、可维护性和可扩展性。原创 2025-03-26 13:14:00 · 255 阅读 · 0 评论 -
常见浏览器兼容性
常见浏览器兼容性问题汇总和答案1. ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2. ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3. 在各个浏览器下img有空隙(原因是:回车。)解决方法:让图片浮动。4. 一个父标签与几个...转载 2019-05-29 21:08:44 · 500 阅读 · 0 评论 -
图片懒加载的几种方法
文章目录什么是懒加载为什么要懒加载图片懒加载的方法1、滚动事件监听2、Intersection Observer API3、Chrome 浏览器自带4、jquery.lazyload.min.js5、echo.min.js什么是懒加载在一些网站或者app上会看到 鼠标或手势过快,而图片没有加载出来由色块或其他图片代替的情况,当图片出现在我们看到的视图中,再迅速将占位图片换成我们真正想展示的图片...原创 2019-06-21 10:44:27 · 990 阅读 · 0 评论 -
element-plus 对话框显示手机预览组件
element-plus Dialog 对话框改手机预览组件,方便后台管理系统部分手机预览功能样式,手机内主体部分使用插槽,可自行编写html结构,也可使用iframe引入页面。原创 2025-02-28 13:55:24 · 232 阅读 · 0 评论 -
vue3使用html2canvas实现前端截图、图片下载
html2canvas是一个HTML渲染器,是一个脚本,它允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”。底层是基于DOM的,根据页面上可用的信息构建屏幕截图,它没有制作实际的屏幕截图,因此生成的图片并不一定是100%一致的。原创 2025-02-28 13:53:39 · 329 阅读 · 0 评论 -
vue3项目中使用Arco Design的Table表格组件expandable展开行属性结合h()函数生成表格嵌套表格效果
arc design 实现表格嵌套表格功能原创 2025-02-28 13:51:39 · 707 阅读 · 0 评论 -
vue3中将table表格导出excel的方法
而 import * as XLSX from ‘xlsx’ 是命名导入,它将整个模块作为一个命名空间引入,并将模块中的所有导出都作为该命名空间对象的属性。这种方式适用于 xlsx 模块,因为它将 XLSX 作为对象导出。简而言之,就是用 xlsx 库中的 table_to_book() 方法,将 HTML 表格转换为 workbook 对象,并通过 XLSX.writeFile() 方法将 workbook 导出为 Excel 文件。但是,在 xlsx 模块中,并没有默认导出的对象的时候,就会报错。原创 2025-02-27 17:18:05 · 424 阅读 · 0 评论 -
小程序IOS安全区域优化safe-area-inset-bottom
【TOC】原创 2025-02-10 14:00:23 · 367 阅读 · 0 评论 -
vue3使用 Pinia及 Pinia数据持久化存储
src目录下新建store文件夹,创建user.ts文件并写入Store 是用 defineStore() 定义的,它的第一个参数要求是一个独一无二的名字,defineStore() 的第二个参数可接受两类值:Setup 函数或 Option 对象。state 属性: 用来存储全局的状态的,这里边定义的,就可以是为SPA里全局的状态了。getters属性:用来监视或者说是计算状态的变化的,有缓存的功能。actions属性:对state里数据变化的业务逻辑,需求不同,编写逻辑不同。原创 2025-01-16 16:20:18 · 1235 阅读 · 0 评论 -
实现h5和微信小程序互相跳转
这个只需要用web-view标签即可,可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。原创 2024-12-30 15:58:03 · 2281 阅读 · 0 评论 -
vue实现文件流形式的导出下载
在 Axios 请求中,设置 responseType 为 ‘blob’,这样 Axios 会将响应数据处理为 Blob 对象。network查看请求,response header的确是有值,但是axios获取header的值,永远只有content-type。在请求中指定 responseType 为 ‘blob’,可以确保 Axios 将响应数据处理为 Blob 对象。Blob 对象表示一个不可变的、原始数据的类文件对象,可以表示数据,比如二进制数据。3、创建下载链接并触发下载。原创 2024-12-13 17:40:16 · 1968 阅读 · 0 评论 -
vue3 + elementplus + sortablejs实现树形表格拖拽排序
树形表格拖拽原创 2024-09-24 10:47:33 · 929 阅读 · 0 评论 -
uniapp+uview-plus实现微信小程序自定义tabbar
uniapp+uview组件实现微信小程序自定义tabbar原创 2024-09-11 14:12:38 · 896 阅读 · 0 评论 -
Element-Puls中el-upload组件结合vue-draggable-plus实现上传支持拖拽排序(并保留el-upload原有样式、预览、删除)等功能
需求想要一个可拖拽排序的图片列表,但是发现el-upload虽然可以实现照片墙,但是没办法拖拽。原创 2024-09-11 10:09:58 · 1026 阅读 · 0 评论 -
uniapp小程序,使用腾讯地图获取定位
本篇文章分享一下在实际开发小程序时遇到的需要获取用户当前位置的问题,在小程序开发过程中经常使用到获取定位功能。uniapp官方也提供了相应的API供我们使用。官网获取位置的详细介绍这里就不再讲述了,大家可以点击上方链接去官网查看。我们本次开发的是小程序,需要注意的是,小程序获取定位使用的是腾讯位置服务,所以需要申请腾讯位置服务的SDK。原创 2024-09-11 10:03:15 · 3626 阅读 · 0 评论 -
uniapp 微信小程序自定义头部导航栏
当我们在JSON中将navigationStyle设置成custom后,当前页面的顶部导航栏就需要我们制作了,但出现了一下几个问题:导航栏的高度该是多少?导航栏被刘海、信号图标给覆盖了,就像下图因为不同的手机型号头部导航栏高度可能不一致,所以为了适配更多型号,需要动态计算导航栏的高度。状态栏的高度可以通过获取。胶囊按钮的信息可以通过获取。所以导航栏高度=状态栏高度+胶囊按钮的高度+(胶囊按钮距离顶部的距离-状态栏的高度)*2。原创 2024-07-15 15:39:09 · 3149 阅读 · 0 评论 -
IOS上微信小程序密码框光标离开提示存储密码解决方案
ios密码框输入密码光标离开之后会提示存储密码的弹窗。原创 2024-07-12 10:58:01 · 1470 阅读 · 0 评论 -
小程序常见的登录方式
基于 openid 或 手机号码快捷登录获取手机号码前置条件如何解决多账号的问题讲解前端、后端、微信登录过程中完整交互流程,方便更好去理解小程序登录。原创 2024-06-27 16:27:42 · 937 阅读 · 0 评论 -
自定义弹窗禁止底部页面内容滑动(禁止穿透)
在弹窗的外部盒子上加上 @touchmove.stop.prevent=“moveHandle”定义方法 moveHandle。原创 2024-06-25 14:02:33 · 416 阅读 · 0 评论 -
scroll-view标签里引入弹窗层级问题
在使用scroll-view组件时,在其内部嵌套了一个弹窗(如modal),但是弹窗无法正确显示在最上层。这是因为scroll-view默认的层级(z-index)可能会高于弹窗的层级,从而使得弹窗无法覆盖在滚动内容上。原创 2024-06-25 13:39:42 · 638 阅读 · 0 评论 -
vue3 <script setup> 形式父子组件传值
在Vue3中组合式api父子组件传值。原创 2024-05-12 22:49:24 · 614 阅读 · 0 评论 -
纯CSS实现步骤条
步骤条是一种用于引导用户按照特定流程完成任务的导航条,在各种分步表单交互场景中广泛应用。步骤条通常由编号、名称和引导线三个基本要素组成。本文中要实现的是一个简单的步骤条,包含上述三个基本要素。原创 2024-05-12 22:01:36 · 1212 阅读 · 1 评论 -
CSS优惠券、卡券样式绘制
优惠券样式上部分和下部分内容可以自定义不受高度限制原创 2024-05-02 22:47:30 · 892 阅读 · 1 评论 -
微信小程序客服消息授权给第三方Udesk
微信小程序客服消息授权给第三方Udesk一、必须是微信认证过的微信小程序登录微信小程序后台-设置-基本设置链接:https://mp.weixin.qq.com/下面有一栏:微信认证(看是否认证)二、以管理员身份登录Udesk后台1、地址:http://udesk.udesk.cn/users/sig2、点击管理中心-点击小程序-接入微信小程序3、接入小程序填写微信小程序信息...转载 2019-12-05 11:42:20 · 704 阅读 · 1 评论 -
微信小程序实现长摁复制和一键复制功能
微信小程序实现长摁复制和一键复制功能长按复制(一定是text标签)text设置属性 selectable=“true” 这样长摁就可以复制了。<text selectable="true">长按复制</text>一键复制一键复制需要绑定事件,然后调用wx.setClipboardData<text bindlongtap='copy'>{{co...原创 2019-12-03 15:42:41 · 1231 阅读 · 0 评论 -
微信小程序选择和上传图片
文章目录微信小程序选择和上传图片微信小程序选择和上传图片选择和上传图片用到的api:wx.chooseImage() 和 wx.uploadFile()具体实现代码如下:wx.chooseImage({ count: 6, // 最多可以选择的图片张数 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有...原创 2019-12-03 13:45:33 · 355 阅读 · 0 评论 -
微信小程序之间的跳转
文章目录微信小程序之间的跳转通过 navigator 进行跳转微信小程序之间的跳转通过 navigator 进行跳转 <navigator target="miniProgram" open-type="navigate" app-id="appId" path="/pages/index" url="/pages/it...原创 2019-12-03 11:13:28 · 341 阅读 · 0 评论 -
微信小程序登录(获取UnionId)
文章目录微信小程序登录(获取UnionId)微信小程序登录(获取UnionId)我们一般都是先获取到微信的 unionid,然后再通过 unionid 去登录自己的网站,就可以关联到用户在自己网站上的 user_id,但是在小程序登录中,有时候可以获取到 unionid,有时候获取不到,在获取不到 unionid 的情况下,用户无法正常登录网站。UnionID机制说明: 如果开发者拥有...转载 2019-12-03 10:37:24 · 787 阅读 · 0 评论 -
小程序实现锚点跳转
小程序实现锚点跳转(非scroll-view实现)通过点击事件跳转到指定的位置,在HTML中很容易实现。但在小程序中一般需要借助scroll-view组件来实现,而scroll-view在实现效果时,需要指定固定的高,但大多数时候我们不知道最终要显示的有多高,动态计算也比较麻烦。有没有其它的办法实现这种滚动效果呢?当然是有的。通过给跳转位置绑定id类名的方式(类名必须是id),就可以实现,具体...原创 2019-12-02 11:19:12 · 1301 阅读 · 0 评论 -
git常用命令和创建仓库
文章目录git 创建仓库和常用命令git创建仓库 New repository常用命令版本回退删除git存储库git 创建仓库和常用命令git创建仓库 New repository一个私有仓库最多可以添加三个人创建一个项目,在项目中打开git$ git init //初始化仓库 生成.git 文件 vue脚手架项目自动生成$ touch readme.md //创建readme ...原创 2019-06-10 10:23:32 · 501 阅读 · 0 评论 -
vue 实现前端模糊搜索
文章目录数组对象的模糊查询数组的模糊查询数组对象的模糊查询在vue中,前端模糊搜索主要是用computed属性实现,具体代码如下:使用fitler 过滤器 和indexOf 方法filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意: filter() 不会对空数组进行检测。注意: filter() 不会改变原始数组。indexOf()...原创 2019-06-13 11:22:57 · 26379 阅读 · 0 评论