qq_40889256的博客

原创 使用promise函数封装post请求，封装aes加解密方法,并进行请求头aes加密,封装sm2国密加解密，进行请求体数据加密，响应数据解密。

【代码】【无标题】

原创 对象属性的两种寻址方式

/ 对象属性有两种寻址方式：//方式1：//方式2。

原创 解决input输入框按下enter键会刷新页面得问题

原创 Error: Cannot find module ‘@vue/cli-plugin-babel‘

Error: Cannot find module ‘@vue/cli-plugin-babel’

原创 解决vue : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\vue.ps1，因为在此系统上禁

解决vue : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\vue.ps1，因为在此系统上禁

原创 将一个对象数组中的元素push到另一个空数组

将一个对象数组中的元素push到另一个空数组

原创 关于input框只能输入数字并且限制字数(兼容ios)

关于input框只能输入数字并且限制字数(兼容ios)

原创 禁止点击mui-popover弹出层的阴影关闭弹窗

window.addEventListener('tap', function(e) {e.target.className == 'mui-backdrop mui-active' && e.stopPropagation();},true)

原创 js页面onclick点击获取标签内容

自动生成元素的onclick事件event.target返回触发事件的元素event.currentTarget返回绑定事件的元素<a onclick="test()">点击我</a><script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this console.log(event.target); //返回绑定事

原创 小程序生命周期总结

第一次打开小程序，以上前3个方法各执行1次，当第一次回到微信主页面的时候onHide,onUnload各执行1次；第二次打开小程序，以上前3个方法各执行1次,当第二次回到微信主页面的时候onHide执行1次，onUnload不执行；第三次打开小程序，onLoad，onReady不执行，onShow执行一次；当第三次回到微信主页面的时候onHide执行1次，onUnload不执行；也就是说，当小程序执行了onUnload的时候，wxml绑定的数据就会消失，然后再进入小程序才会走onLoad方法...

原创 2021-07-15[sitemap 索引情况提示] 根据 sitemap 的规则[0]，当前页面 [pages/prizeLottery/prizeLottery] 将被索引

[sitemap 索引情况提示] 根据 sitemap 的规则[0]，当前页面 [pages/prizeLottery/prizeLottery] 将被索引方案：将小程序中checkSiteMap的值改为false

原创 登录密码规则复杂度：8-20位，必须包含大写字母，小写字母，数字组合，必须包含下面一位特殊字符（#@$%&*~）

登录密码规则复杂度：8-20位，必须包含大写字母，小写字母，数字组合，必须包含下面一位特殊字符（#@$%&*~）function hidePsw(psw){ psw = psw.toString(); var ISPWD =/^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*,\.])[0-9a-zA-Z!@#$%^&*,\.]{8,20}$/; if(ISPWD.test(psw)){ return

原创 input框限制输入数字并且限制其长度只能是10位。

input框限制输入数字并且限制其长度只能是10位。<input type="text" class="input-verify" placeholder="短信验证码" oninput="value=value.replace(/[^\d]/g,'')" maxlength="10">input框限制输入得是text并限制其长度是10位<input type="text" placeholder="短信验证码" maxlength="10">...

原创 onshow和onload的区别

onshow在每次打开页面都会加载数据，可用于数据在需要刷新的情况下。onload只是在第一次进入页面时会刷新数据，从二级页面回来不会重新加载数据。

转载 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 解决方法mui-wrapper滚动时报错解决：最简单的解决方法1(推荐)使用全局样式去掉*{touch-action:pan-y;}解决办法2：在touch的事件监听方法上绑定第三个参数{passive:false},通过传递passive为false来明确告诉浏览

原创 box-shadow阴影总结

1.box-shadow总结：

原创 uniapp样式总结

​/* #ifndef APP-PLUS-NVUE *//* scroll-view */.scroll-row{ width: 100%;white-space: nowrap; }.scroll-row-item{ display: inline-block!important; }/* #endif *//* 图标 */.iconfont{ font-family:iconfont;}.view,.text{ font-size:28rpx; line-h.

原创 记JS中SETATTRIBUTE()的使用注意事项

记JS中SETATTRIBUTE()的使用注意事项1.使用setAttribute改变img属性，这种写法是错误的。img.setAttribute('src', './img/img0${currentIndex}.jpg');2.应改为:flower.setAttribute('src','./img/img0' + currentIndex + '.jpg');

原创 分页功能记录

代码块:html：<view v-else :class="showNotice == true ? 'tabBox-content-2' : 'notice_sc_2'"> <view class="guarantee-list-box"> <!-- 已处理有数据 --> <view class="guarantee-list" v-for="(item,index) in allGuaranteeList" :key="inde.

原创 lang属性总结

原创 防止遮罩层出现滚动，添加事件@touchmove.prevent

第一种<view class="show-project-popup" v-if="liyiShow" @touchmove.stop.prevent="moveHandle"></view>第二种<div class="maskshow" @click="hidden_video" @touchmove.prevent></div>

原创 uniapp上的在每个单独的页面写page{background-color:#F5F5F5}时，真机调试不显示的原因:

uniapp上的在每个单独的页面写page{background-color:#F5F5F5}时，真机调试不显示的原因:不要在style里面加上scoped

原创 使用uniapp组件uniCollapseItem折叠面板时报错:Invalid prop: type check failed for prop “open“. Expected Boolean,

使用uniapp组件uniCollapseItem折叠面板时报错:Invalid prop: type check failed for prop “open”. Expected Boolean, got String with value “true”解决方法:将open=“true"改成直接用"open”。

原创 uniapp的popup弹出层的问题：“this.$refs.popup.open is not a function”

uniapp的popup弹出层的问题:=：“this.$refs.popup.open is not a function”解决方法是:methods:{open:function(){ this.$refs.popup[0].open() },}

原创 uniapp可滚动视图区域

<template> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" class="scroll-y" scroll-with-animation="true"> <view class="scroll-y" style="

原创 vue给textarea赋值可以使用v-model。

vue给textarea赋值可以使用v-model。示例如下:html:<div id="app"> <textarea v-model="str"></textarea></div>js:var vm = new Vue( { el:'#app', data:{ str:'这是测试内容' }}) 结果:...

原创 uni-app点击给当前元素动态添加class

uni-app点击给当前元素动态添加class<view class="recharge_num" :class="{'active':add_class==1}" @click="addClass(1)"></view> <script> export default { data() { return { add_class:'', } }, methods: { // 动态添加class addC

原创 vue中给v-for循环出来的元素绑定不同的事件

vue中给v-for循环出来的元素绑定不同的事件html： <div style="padding: 0 5px;" @click="handler(item.fun)" v-for="(item, index) in iconData" :key="index"> <i class="iconfont iconHover" :class="item.icon" :title="item.title"></i> </div>js：

原创 jquery对类的操作，添加，删除，点击添加，再点击删除。

jquery对类的操作,添加(addClass),删除l类(remoceClass),点击添加,再点击删除(toggleClass)。

原创 基于uniapp和vue.js实现折叠面板?

基于uniapp和vue.js实现折叠面板?html:<template> <view class="course"> <view class="fold-list" v-for="(item,index) in list" :key="index"> <view class="fold-title"> <view class="badge">{{item.number}}</view> <text

原创 如何实现在confirm弹框中加几个单选框？（基于mui框架实现）

如何实现在confirm弹框中加几个单选框？css:.modal { display: none; /* 默认隐藏 */ position: fixed; /* 固定定位 */ z-index: 1; /* 设置在顶层 */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4)

原创 如何修改uniapp的checkbox样式？

H5页面不能自定义CheckBox样式问题，需要在app.vue中设置样式。 uni-checkbox .uni-checkbox-input { border-radius: 50%; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked { border: 1rpx solid rgb(253, 103, 3); background-color: rgb(253, 103, 3); } uni-che

转载 npm missing script：dev报错解决方法。

npm missing script：dev报错解决方法。打开package.json文件：修改"scripts"{}中的属性内容为："scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "dev": "vue-cli-service serve", "build:prod": "vue-cl

原创 前端须知知识点

1.active-class是哪个组件的属性？嵌套路由怎么定义?(1)active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换。(2)嵌套路由定义index.html，只有一个路由出口