自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

清音的博客

学无止境,点滴积累

  • 博客(116)
  • 收藏
  • 关注

原创 前端面试题

因此,v-show在条件切换时,性能上比v-if更高。跨域问题是由浏览器的"同源策略"引起的,"同源策略"限制了在浏览器中通过JavaScript访问不同源的资源,包括读取数据、发送请求、修改DOM等。跨域是指在浏览器中,当一个网页的JavaScript代码尝试访问不同域名、不同端口或不同协议下的资源时,会出现安全限制,阻止对该资源的访问。4.JavaScript中有许多语法糖,举例已知语法糖(语法糖可以使代码更简洁、易读,并提供更方便的编程方式,但底层仍然是基于原有的语法和机制实现的。

2024-05-16 15:07:15 289

原创 通过layui实现省市区下拉列表

首先,你需要将 area.json 文件引入到你的 HTML 页面中。确保 area.json 文件在相同的目录下,并且可以通过相对路径进行访问。

2024-05-15 18:15:18 178

原创 js数组筛选出匹配指定字符串的元素,获得新数组

js数组筛选出匹配指定字符串的元素,获得新数组:可以使用 JavaScript 中的正则表达式和 filter 方法来筛选出匹配指定字符串的元素,然后生成一个新的数组

2024-05-08 00:01:41 180 1

原创 vue 实现级联选择器功能

数组包含了级联选择器的数据源,其中每个对象表示一个选项,包括。组件来实现级联选择器功能,下面是一个示例代码,演示如何使用。组件初始化级联选择器,并设置默认值为单位。对象用于指定数据结构中的属性名,以便。上,可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。

2024-04-22 15:28:53 609

原创 uniapp微信公众号H5分享

如果项目文件node_modules中没有weixin-js-sdk文件,则直接使用本文章提供的;如果不生效,则在template.h5.html中引入。首先引入weixin-js-sdk。

2024-02-21 11:32:08 747 2

原创 深拷贝和浅拷贝的主要区别

深拷贝(Deep Copy)则会创建一个新的对象,并复制原始对象的所有元素。这样,如果你修改了复制的对象,原始对象不会受到影响。浅拷贝(Shallow Copy)只复制对象的引用,而不是实际的对象。因此,如果你修改了复制的对象,原始对象也会受到影响。方法将 JSON 字符串转换回新对象。在这个过程中,所有的对象都会被转换为新的对象。在JavaScript中,深拷贝和浅拷贝的主要区别在于它们处理对象属性的方式。方法将对象转换为 JSON 字符串,然后。

2023-10-12 11:02:35 257

原创 uniapp 运行到H5或微信小程序,无法自动播放音频

【代码】uniapp 运行到H5或微信小程序,无法自动播放音频。

2023-10-09 10:39:17 891

原创 {errMsg: “getUserProfile:fail api scope is not declared in the privacy agreement“, errno: 112}

微信小程序登录授权又改版了, 增加了用户是否查看隐私协议的验证

2023-08-16 13:11:00 19535 24

原创 uniapp picker mode=“multiSelector“ 实现省市区三级联动

【代码】uniapp picker mode="multiSelector" 实现省市区三级联动。

2023-06-20 14:52:44 1456

原创 如何大批量压缩图片

等待压缩完成:执行命令后,ImageMagick 将会按照指定的参数批量压缩图片,并将压缩后的图片保存到目标路径中。Windows 系统:打开“控制面板” -> “系统和安全” -> “系统” -> “高级系统设置” -> “环境变量”,在“系统变量”中找到“Path”变量,点击“编辑”,将 ImageMagick 的安装路径添加到变量值中。:指定要压缩的图片路径或通配符,可以是单个图片文件路径、多个文件路径,或者使用通配符进行批量处理。:指定压缩后的图片质量,取值范围为 1-100,值越大表示质量越高。

2023-05-22 22:54:54 1018 2

原创 js实现打印功能

【代码】js实现打印功能。

2023-03-27 11:04:33 1093

原创 uniapp解决首页列表替换数据闪烁问题

解决思路:将列表数据和page缓存,在页面执行onshow时,加载列表,比对缓存的数据和新获取的是否一致,一致的话就不更新。

2023-02-10 18:01:18 1079

原创 uniapp 页面旋转后,返回上一页,页面变形的解决办法

进入横屏页面,返回上一页A的上一页B,再由B进入A,

2023-02-10 16:45:46 390

原创 js将数组中,每个元素中的逗号分隔的前两位相同的,第三位拼接到一起

js重新组合数组中的元素。

2023-02-08 23:58:40 138

原创 uniapp input自动聚焦

input标签有一个属性focus:获取焦点。初始化firstFocus为false。在onload中修改焦点值。

2023-02-07 17:06:05 1903 2

原创 uniapp AES加密解密

2.在项目根目录,创建一个utils文件夹,并创建一个aes_endecrypt.js文件。1.在dcloud插件市场中搜索-传输加密,AES对称加密 (作者。3. 在App.vue中,在methods中创建加密、解密方法。3.在main.js文件中,引入方法,并注册为全局方法。uniapp里我知道的有两种aes加密解密方式。2.项目main.js文件中,注册全局组件。4.在页面中使用aes加密解密方式。4.在页面中使用aes加密,解密。二、第二种方式:直接引入插件。一、引入crypto-js。

2022-09-02 10:31:31 6723 2

原创 uniapp发布到微信小程序,ios空白页面

ios手机打开体验版小程序,页面空白,查看日志,错误提示:miniprogramerror syntaxerror invalid group specifier name statck。可能原因是当前页面的js部分或者引入的js里的内容中包含,ios不允许的正则。)的话 , 在安卓手机上正常 , 但是在ios上会报错。如果正则表达式中包含(...

2022-08-31 17:13:22 977

原创 js引入mathjax时注意事项

注意,不太确定哈,数学公式最好开始和结束带 "\\["和"\\] ",这个双斜杠其实是单斜杠,因为文章显示不出来单斜杠,就写的双斜杠!首先,保证网络畅通,必须网络好,不然js响应不回来......需要先在head标签中引入js。然后就是数学公式了哈!如果动态更新数学公式。...

2022-08-31 03:02:23 606

原创 js文字转语音

Web Speech API的语音合成接口是语音服务的控制器接口;这可以用于检索设备上可用的合成声音、启动和暂停语音以及其他命令的信息。var text = '你好';

2022-08-17 14:43:45 1077 1

原创 uni-app 使用escook/request-miniprogram插件发请求说明

根据接口要求,一般常用的请求类型为get请求和post请求get的不传参的写法

2022-06-25 14:34:21 1397 2

原创 转盘中文字部分的实现(没啥用,别看)

.text { width: 642rpx; height: 642rpx; /* width: 590rpx; height: 590rpx; */ /* margin-left:26rpx; margin-top:26rpx; */ display:flex; justify-content: center; align-items: center;}.cc { width: 642rpx; height: 642rpx; display:flex; justify-

2022-06-13 13:11:00 121

原创 uniapp 隐藏滚动条

/deep/.uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none}

2022-05-17 10:16:26 1680

原创 js计算两个月份的月份差

计算两个年月日的月份差<script> var d1 = '2022-05-12' var d2 = '2022-03-11' window.onload = function(){ var num = subtractMonth(d1,d2) console.log('num',num) } function subtractMonth(date1,date2){ // 拆分年月日

2022-05-13 13:56:27 726

原创 使用仿站小工具

一、前提条件:要仿的网站页面路径必须是完整的.html路径项目(最优仿站) 提供一个可以仿站的模板网站:格展网络_网站模板_网站源码_企业网站模板_免费模板下载https://www.91084.com/二、获取页面路径,例如:1.选择门户模板2.选择新闻博客3. 点击足球赛事的查看演示,确认进入的是.html页面4.可以通过点击页面,查看到可以跳转的所有页面比如,点击新闻将得到如下路径三、仿站打开仿站小工具 【注意注意:看完这个序.....

2022-05-12 16:05:30 3130 1

原创 微信小程序图片预览禁止保存

样式自定义的,不用管;mode="widthFix" 表示让图片宽度固定,高度自适应<view class="w-750"> <image wx:if="{{info && info.bj_img}}" class="w-750" mode="widthFix" src="{{info.bj_img}}" bindtap='previewImg' data-src='{{info.bj_img}}'></image></view&

2022-05-12 13:02:15 1786

原创 css实现吸顶效果

css吸顶效果(例如:实现滚动页面导航栏固定在顶部)主要针对需要吸顶的元素设置/* 兼容chorme */position: -webkit-sticky;position: sticky;top: 0px;示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont

2022-05-11 22:32:27 10232 2

原创 jquery.print.js打印页面时,多分出一页

可能是要打印的元素,有内边距和外边距,可以设置margin:0;padding:0;border:0;

2022-04-15 10:55:39 1532

原创 uniapp弹窗实现

uniapp自定义弹窗

2022-04-04 22:12:14 858

原创 小程序发送验证码

<view class="col-gray m-left-30" bindtap="{{!is_send?'getCode':''}}">{{!is_send?'获取验证码':time+'s后尝试'}}</view>is_send:false,//是否发送验证码time:60,//时间getCode(){ var reg_phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if(!reg_phone.test(this.da.

2022-03-14 17:46:05 1202

原创 js判断是否是微信浏览器或者支付宝浏览器

微信浏览器验证1let ua = window.navigator.userAgent.toLowerCase()if (ua.match(/MicroMessenger/i) == 'micromessenger') {//判断微信 console.log('微信浏览器'); }微信浏览器验证2if (/MicroMessenger/.test(window.navigator.userAgent)) { console.log('微信浏览器');}支付宝浏...

2022-02-24 09:50:39 2750

原创 uniapp 制作微信点金计划商家小票H5项目遇到的问题总结

1.需要在onReady中调用jsapi,parent.postMessage(postData, "*");第二个参数要用*onReady() { let mchData = { action: 'onIframeReady', displayStyle: 'SHOW_CUSTOM_PAGE', height:960 }; let postData = JSON.stringify(mchData); parent.postMessage(postData, "*");}2

2022-02-17 10:30:40 1208 3

原创 微信小程序&uniapp返回

let pages = getCurrentPages(); // 当前页面let beforePage = pages[pages.length - 2]; // 上一页if(beforePage){ //uniapp使用uni.,微信使用wx.,后面的方法是一样的 uni.navigateBack({ delta:1 })}else{ uni.redirectTo({ url:'/pages/login/login' })}...

2021-12-24 15:20:09 560

原创 微信小程序幸运大转盘

<view class="lucky_draw_zp" bindtap="getLucky"><!-- <image style="{{zpRotateDeg}}" class="lucky_draw_zp_img" src="{{zpData.zpImg}}" mode="aspectFit"></image> --> <view class="lucky_draw_zp_img" style="background:url({{zpData..

2021-12-13 16:08:44 548

原创 微信小程序去除按钮(button标签)默认样式

button { margin: 0; padding: 0; outline: none; border-radius: 0; background-color: transparent; line-height: inherit; width: max-content;}button::after { border: none;}实际应用时,可能margin和padding不生效,在button标签上直接style="margin:0;padding:0;".

2021-12-11 16:58:03 524

原创 微信小程序设置背景图片

var src1 = '/images/index/wx56.png';let src11 = wx.getFileSystemManager().readFileSync(src1, 'base64');var src111 = 'data:image/jpg;base64,' + src11;this.setData({ back_img:src111})<view class="w-750 h-350 m-top-60" style="background:url({{b.

2021-12-11 11:20:01 385

原创 css文字垂直自动循环滚动

写两个class为rowup的标签,是为了衔接显示,不然等待时间过长,<view class="list"> <view class="rowup"> <view class="single_text col-blue2"> <view class="dis-flex jus-spa"> <view class=""> 张** </view> <view cl.

2021-12-05 15:35:30 1181

原创 微信小程序scroll-view横向划动

微信小程序scroll-view横向划动<scroll-view class="h-220 m-top-20" scroll-x="true" style="display: flex;white-space: nowrap;"> <view class="w-170 h-220 back-yellow3 border-radius-12 m-right-20" style="display: inline-block;"> <image c.

2021-11-18 13:15:30 253

原创 技术网站存在的意义

想找个实现下面标题的仿抖音视频浏览的小程序,找到了好多,看到这个,而且收费,抱着一丝希望,花钱下载的,结果内容一点也不感人,下载的内容,网上类似的例子太多了,然后这个网站可以关注,但是还不让评论,连发表意见的地方都没有,所以存在的意义是什么,我连告诉其他用户的不要上当的权益都没有,趁早关闭得了咋好意思...

2021-11-10 00:14:06 217

原创 微信小程序返回上一页并传递参数

需要传参的页面 let pages = getCurrentPages(); // 当前页的数据 let prevPage = pages[pages.length - 2]; // 上一页的数据 /** prevPageValue 是上一页你想被携带过去的数据 */ prevPage.setData({ prevPageValue: 1, }) /** 返回上一页 这个时候参数已经传递过去了 可以在上一页的onShow方法里把 .

2021-10-31 14:42:14 1755

原创 微信小程序自定义弹窗2.0

wxml<!-- 弹窗 --><view class="popup_view" wx:if="{{show_popup}}" catchtouchmove="return" bindtap="showPopup"> <view class="popup" catchtap="aacc"> </view></view>wxss.popup_view { width: 100%; height: 100..

2021-10-14 18:02:50 176

通过layui实现省市区下拉列表

省市区json文件

2024-03-11

uniapp微信公众号H5分享对应的weixin-js-sdk

uniapp微信公众号H5分享对应的weixin-js-sdk

2024-02-21

空空如也

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

TA关注的人

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