自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 UNIAPP二维码展示页亮度调至最亮返回恢复进入前亮度

应用有独立的亮度,设置应用的屏幕亮度不会修改系统屏幕亮度,仅对当前应用在前台运行时有效,退出应用后屏幕亮度切换回系统屏幕亮度。如果要保证应用的屏幕亮度与系统屏幕亮度一致,可以设置值为 -1。取值范围为0到1,0表示最低亮度值,1表示最高亮度值。HBuilderX3.2.11+版本新增支持取值-1,仅Android平台支持,表示设置应用的屏幕亮度与系统屏幕亮度保持一致。应用没有独立的亮度,设置时会修改系统屏幕亮度。屏幕亮度值范围为0到1,0表示最低亮度值,1表示最高亮度值。( Number ) 必选。

2024-04-11 16:02:32 412

原创 前端UNIAPP端webview嵌入H5使用说明文档

拦截URL请求后,Webview窗口将不会跳转到新的URL地址,此时将通过callback回调方法返回拦截的URL地址(可新开Webview窗口加载URL页面等)。默认值为"instant"。创建Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后需要调用show方法才能将Webview窗口显示出来。创建并显示Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后自动将Webview窗口显示出来。

2024-03-15 16:05:02 1813

原创 如何用纯 CSS 创作一个沙漏 loader

使用css实现沙漏效果

2023-12-28 10:58:11 470

原创 Chrome, Firefox(火狐), Edge 官方离线安装包下载

根据个人需求调整好参数后,打开链接,将显示一个同 “在线安装” 类似的界面,但此时下载的是离线安装包。根据个人需求选择配置后,点击 “立即下载” 即可下载相应的离线安装包。根据个人需求选择配置后,点击 “下载” 即可下载相应离线安装包。

2023-04-10 16:10:27 5289 1

原创 Vue脚手架安装

Vue脚手架如何创建一个脚手架 将@vue/cli安装到本地 终端命令 终端命令:npm i @vue/cli -gTips:全局安装只需一次,后续不需要二次安装 创建一个项目 终端命令:vue create projectName(项目名称自定)选择vue2 回车 运行创建好的项目 ​在项目文件夹输入终端命令打开项目npm run serve成功后会得到两个地址: - Local: http://localhost:8080/ - Netw.

2023-04-10 16:01:31 181

原创 安装nvm(node版本管理器)以及nvm常用命令

Node.js 默认一台电脑只能装一个版本,有时为了开发项目经常会使用不同版本的Node.js 版本,通常情况版本切换就比较麻烦了。为了解决这个问题,nvm (node version manager)应运而生。有了 nvm,便可以在一台电脑上安装多个 Node.js 版本,并且可以一条指令随时下载或切换版本,而不需要频繁地下载/卸载不同版本的 node.js 来满足当前项目的要求。

2023-02-27 00:48:35 835

原创 moment常用操作

使用moment.js对时间日期进行简化操作,获取近几天近几个月近几年,日期格式化,获取时间日期等快捷操作

2023-02-15 15:31:11 2006

原创 uniapp返回上一页执行上一页方法

进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们的列表页不进行数据的刷新,就会给用户一种错觉,我刚才进行操作的那条数据会不会没成功,我们下拉刷新下列表,这个数据就变成最新的了,这个是很常见的一个交互场景,那么如何不让用户进行下拉刷新或者重新进入列表页的操作,我提供几种比较常用的做法!需要注意的一点是,需要在页面卸载的周期内,把自定义的事件off掉。第三种方法是前二种都不能用的情况下使用,不是很推荐使用。

2023-02-06 16:39:04 3432

原创 不使用for,forEach遍历找到对应的值

接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。还可以使用的函数有includes(val),indexOf(val)注释:其实都是有用到循环的,只不过是用函数封装了,大神勿喷。如果是一个数组,例如[1,3],去找id为1,3的对象,:返回通过测试(函数内判断)的数组的第一个元素的值。

2023-02-02 15:03:43 159

原创 js遍历大括号{}中每一项key,value

有时候我们会遇到一些对象,也就是大括号数据,这个时候需要遍历。上面这个对象我们需要遍历他就可以这样做。

2023-02-02 11:08:43 131

原创 JavaScript字符串数组互相转换

【代码】JavaScript字符串数组互相转换。

2022-12-23 14:59:24 342

原创 vue自定义过滤器

手写过滤器的方法就是上面这些啦,希望能帮到大家,本人技术也比较菜,写的东西一般都是比较基础的东西,为了有时候写代码方便快速实现简单功能,也想把自己踩过的坑发出来,让后学习的能少踩坑。前端在通过接口获取到时间数据后返回的结果不是自己想要的格式可以通过以下的方式来进行处理。我用的是uniapp,安卓端正常是没有问题的,但是到了ios系统以后会变成。因为获取的时间戳精度不一样格式化所需要进行的处理也就不一样,具体规则如下。这种格式的,我的需求是把他处理为只显示年月日的格式。后端返回给位的数据是。

2022-11-14 16:55:35 175

原创 uniapp获取手机通知权限

上面是根据手机操作系统来检测系统是否开启通知权限,下面代码是在检测没有开启通知权限后弹窗提示,然后点击弹窗按钮后到设置对应权限的页面跳转方法。之前发了一篇使用插件市场获取权限的文章,但是有兄弟想要一个单独开启通知权限的教程,这篇文章特意整理一下获取通知权限跳转开启的方法。首先我是设置了一个弹窗通知,具体样式就不在这里写了,可以自行写一个,我在这里就写一下具体获取以及跳转的代码。以上就是在uniapp中开启通知权限的方法了,如果有需要,大家可自行挪用,如有写的不清楚的地方还请指出。

2022-09-29 10:14:11 4424 2

原创 vue+element UI分页的使用方法

具体的用法都写在上面代码注释中了,有不明白的地方可以评论留言,哪里写的不对或者写错的地方也请指出,大家共同进步。1代表从第一页开始,6代表一页显示6条数据,total初始值先将他设置为0。这篇仅对于刚入行前端的小伙伴,大佬勿喷,技术比较菜,哪里写的不对也请指正。官方文档也有更多的说明,有需要可以去官网自行查看。然后我们需要在data里面添加绑定值。首先第一步当然少不了我们的分页组件。先来介绍一下这几个参数的用法。

2022-09-28 17:44:55 1239

原创 JavaScript中的join() 方法

join() 方法用于把数组中的所有元素组合成一个字符串。元素是通过指定的分隔符进行分隔的。

2022-09-28 10:17:58 574

原创 uniapp内置调用扫码的方法

uniapp内置调用扫码的方法。

2022-09-06 14:32:49 924

原创 JS在数组对象中添加新字段

在数组对象中每一项都添加相同字段。第一步使用forEach遍历数组。

2022-09-06 14:30:01 6171

原创 五种方式JS判断是否为整数类型

使用这种方法来判断也同样有缺陷,就是位运算只能处理32位以内的数字,对于超过32位的就无能为力。整数取整后还是等于自己。利用这个特性来判断是否是整数,Math.floor示例,如下。方式二、使用Math.round、Math.ceil、Math.floor判断。对于空字符串、字符串类型数字、布尔true、空数组都返回了true。利用这个规则来判断是否是整数。因此,需要先判断下对象是否是数字,比如加一个typeof。方式三、通过parseInt判断。方式一、使用取余运算符判断。方式四、通过位运算判断。

2022-09-06 12:03:52 4105

原创 uniapp的几种跳转方式说明

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面通俗来讲就是可以返回到跳转前的页面关闭所有页面,打开到应用内的某个页面,跳转后点击返回无法回到上一个页面跳转到tabBar页面,并关闭其他所有非tabBar 页面。...

2022-07-08 16:58:06 774

原创 uniapp实现签名板效果

一款uniapp使用的签名板插件封装使用教程

2022-07-08 16:39:05 709 4

原创 前端使用canvas将自定义节点页面保存为图片

上一期介绍了如何使用qrcode来生成二维码,这一篇主要来教大家怎么来做点击保存二维码以及自定义页面内容为图片1. 同样我们需要借助一个插件来完成html2canvasnpm install -- save html2canvas2. 引入html2canvasimport html2canvas from "html2canvas";3. 废话不多说,直接上代码...

2022-07-04 14:52:41 406

原创 前端使用QRcode生成二维码

在vue中需要生成二维码,这时候我们可以使用qrcode这个插件来完成1. 首先需要安装插件npm install --save qrcode2. 引入使用import QRCode from "qrcode"3. 直接上代码下一篇我会整理一个点击下载二维码的教程,有需要的可以看一下...

2022-07-04 14:36:34 2118

原创 js通过身份证号获取出生年月日,性别,年龄

输入框输入身份证号时,我们可以通过js的方法来提取出身份证号里面的出生年月日以及性别,年龄

2022-06-09 14:25:50 11305

原创 uniapp将聊天页面定位始终定位到最底部展示

在制作IM即时通讯的时候,常常因为发出的消息不能定位到最底部,对于新手来说比较烦恼,复制下面这段代码就能实现聊天始终定位在最底部this.$nextTick(() => { // document.getElementById("scrolldIV2").scrollIntoView(); //h5端定位到指定位置 setTimeout(() => { uni.createSelectorQuery().select(".cu-chat").boundin

2022-05-24 17:14:50 2846 8

原创 一个数组对象中取出需要的多个字段以及值去掉不要的

一个数组对象中有多个key:value的时候我们只需要其中一部分组成一个新的数组该怎么处理呢?直接上代码// 下面是要处理的数据let data = [{ "tagId": 2679, "name": "紧急通知", "tagExtensionId": 2567, }, { "tagId": 2681, "name": "最新政策", "tagExtensionId": 2569, }, { "tagId": 2683, "name": "

2022-05-24 17:04:05 672

原创 JS将多个同字段参数合并用逗号隔开

<script> let arr = [{ name: '河南' }, { name: '西安' }]; let obj = {}; let newArr = []; arr.forEach(item => { newArr = [...newArr, Object.values(item)] c.

2022-05-12 20:55:33 645

原创 uniapp获取手机App权限

uniapp中有些获取权限的方法是不适用于APP和WEB端的,这个时候就需要用其他方法来实现

2022-05-11 17:28:15 8842 30

原创 vue+element在后端没有做分页的情况下,前端独立完成el-table表格的分页-滚动到底部加载新数据

1、首先可以查看以下链接,给el-table表格绑定上监听滚动条的事件,做成全局的自定义指令。链接:vue+element-ui:vue自定义指令监听el-table的滚动事件,达到滚动条滚动到底部加载新数据_BUG_Jia的博客-CSDN博客1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令,以供全局使用。// 准备一个滚动加载指令Vue.directive('loadmore', { bind(el, binding) { const selectWrap

2022-04-27 18:23:16 716 2

原创 vue+element-ui:vue自定义指令监听el-table的滚动事件,达到滚动条滚动到底部加载新数据

1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令,以供全局使用。// 准备一个滚动加载指令Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() {

2022-04-27 18:19:02 3712

原创 Vue的缓存方法localstorage、sessionStorage

Vue的缓存方法localstorage、sessionStorage

2022-04-24 10:09:12 2478

原创 前端在跳转传递参数过长或者含某些特殊字符时跳转失败或者传递参数被截断解决方法

在跳转传递参数过长或者含某些特殊字符时跳转失败或者传递参数被截断解决方法

2022-04-02 17:46:58 4272

原创 JS处理日期时间补0

js日期需要yyyy-mm-dd的时候只显示yyyy-m-d,需要前面补充0,之前都是用的判断,感觉非常low。刚刚看到一个方法padStart用了用还不错,padStart是为数值补全指定位数,对应的还有endStart。var d = new Date();var ye = d.getFullYear();var mo = (d.getMonth()+1).toString().padStart(2,'0');var da = d.getDate().toString().padStart(

2022-03-29 14:27:40 1666

原创 使用axios调用post请求传参的两种方式

1.{key:“value”}形式axios({ method:"post", url:"//填入接口地址", data:{value:this.value} }).then(res=>{ console.log(res) }这样传参后端拿到的是对象形式的:key:"value"2. key : value形式post请求传参为键值对形式axios({ method:"post", url:"//填入接

2022-03-02 16:48:04 17891 2

原创 VUE路由跳转传参的几种方式以及如何让接收参数

vue路由跳转携带参数时query和params的区别 注意:带参数传参的时候,当用params进行传参的时候只能由name引进路由;当使用query进行传参的时候,以path,name引入路由都是可以的

2022-02-25 19:58:04 5276 2

原创 getFullYear()和getYear()有什么区别

Date对象取得年份有getYear和getFullYear两种方法经 测试var d=new Date;alert(d.getYear())在IE中返回 2009,在Firefox中会返回109。经查询手册,getYear在Firefox下返回的是距1900年1月1日的年份,这是一个过时而不被推荐的方法。而alert(d.getFullYear())在IE和FF中都会返回2009。因此,无论何时都应使用getFullYear来替代getYear方法。例如:2016年用 getFullYea

2021-12-23 11:11:06 469

原创 js获取当前日期未来七天的日期

getday2() { let days = []; var day = new Date(); for(let i=0; i<=144;i+=24){ //144是前六天的小时数 let dateItem=new Date(day.getTime() - i * 60 * 60 * 1000); //使用当天时间戳减去以前的时间毫秒(小时*分*秒*毫秒) let y = dateItem.getFullYear(.

2021-12-23 11:09:46 2396 2

原创 JS获取一年的第一个月第二个月一直到最后一个月,第一天到最后一天

const start = new Date(new Date().getFullYear(), 1);//获取当前年份一月1日const end = new Date(new Date().getFullYear(), 2);//获取当前年份二月end.setTime(end.getTime() - 3600 * 1000 * 24)//获取end所在月最后一天/* 括号里的1,2 代表需要拿到的月份*/...

2021-12-23 11:06:12 1682 2

原创 图片暂存区

本人暂存文件

2021-10-14 14:03:51 168

原创 JavaScript练习题

一、单选题(共30题,每题2分)1.ajax跨域的前端解决方案是哪个AcorsBjsonpC服务器代理Dpromise正确答案:B解析:jsonp是使用标签的src属性链接资源接口,在url中传递回调函数,实现跨域请求2.通过哪个属性可以判定一个DOM节点的类型AprototypeBnodeTypeCtypeDdim正确答案:B解析:3.下列哪个不是javascript中的关键字或保留..

2021-09-27 20:56:01 2924

原创 JavaScript练习题四

一、单选题(共30题,每题2分) 1.什么属性用于获取 HTML 文件的根节点 A documentElement B rootElement C documentNode D documentRoot 正确答案: A解析:html文件的根节点为html,获取方式为document.documentElement 2.关于正则表达式声明6位数字的邮编,以下代码正确的是 A var reg = /\d6/; B var reg = \d{6}\;.

2021-09-09 11:06:54 3414

空空如也

空空如也

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

TA关注的人

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