iceyTangAi-优快云博客

原创数组的map方法易错点

map方法到底会不会改变原始数组？结论：如果数组是值类型，并不会改变原始数组，而数组是引用类型，会改变原始数组示例：值类型：const arr = [1, 2, 3]const result = arr.map(item => { item = item * 3; return item;});console.log('arr', arr); // [1, 2, 3]console.log('result', result); // [3, 6, 9]可以看到，i

2022-03-08 17:44:30 520 1

原创微信网页授权页面获取不到code

配置是正确的，但是复制出来的链接地址就是没有code，为什么呢?https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect类似于这样的地址，返回的页面地址中，点击微信右上角的“…”然后复制链接发出这个地址，会发现，没有附带参数code

2022-03-08 17:38:33 2602

原创 ios ：cative伪类无效问题

<button v-on:touchstart="() => {}" class='btn-wrapper' @click="play()"></buton>加上v-on:touchstart="() => {}"或者：document.body.addEventListener('touchstart',function(){});

2022-03-08 17:36:27 209

原创 vue v-if 判断某个元素满足多个条件的写法

v-if判断active满足0的时候写法是：v-if="active === 0"那如果active同时要满足0，1，2三个值的时候，如果在v-if里用 || 并列写如：v-if="active === 0 || active === 1 || active === 2"（这样是可行的，但代码有点冗余）所以，最简便的写法就是：//[ ]里可以放字符串，数值等v-if="[0,1,2].includes(active) "第二种，使用方法，复用性高，适用场景：多个标签都需要用到此判断标签中： v

2022-03-08 17:25:27 902

原创 CSS3中的content和attr的用法

1.基本content用法content属性就是使用CSS往页面元素里填写内容：.myDiv:after { content: "我是一个使用*content*属性生产的静态文字"; }如果想让伪元素:after绝对定位，你必须对你的div设置position: relative。2.content 和 attr 配合使用如果你不想把content内容在CSS里写死，那你可以使用attr表达式来从页面元素中动态的获取内容：/* <div data-line="1"><

2022-03-08 17:12:17 844

原创纯css仅背景图片从透明到显示动画，并且可设置其他底色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-03-08 16:44:23 718

原创 vue注意点$attrs、$slots

1. $attrs号称捡漏王当父组件给子组件传值，子组件并没有接收数据时，此时数据在$attrs中可以拿到，并且如果子组件不需要使用数组，而孙组件需要，则可以直接v-bind="$attrs" 传给孙。2. $slots插槽数据可以直接获取到插槽中的虚拟dom数据vue3中是setup的context参数的值...

2022-03-08 15:57:21 1559

原创用数组查询数组，数组过滤多条件筛选

通过["xxx","xxx"]查找数组中的对象并且返回新数组 var newarr = [ { name: "三元极片", data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], type: "line", }, { name: "钴酸锂极片", data: [0, 0, 0, 0, 0, 0, 0

2021-12-24 11:09:55 594

原创 js相同的key合并成新数组

var newarr = [ { materialInfos: [ { materialName: "三元极片", materialId: "274a771324844f919e6260df17b50d50", discount: 99, }, { materialName: "七七八八".

2021-12-23 11:37:47 907

原创 vue 踩坑 Already included file name ‘xxx‘ differs from file name ‘xxx‘

这个原因是因为vue中有两个相同的文件名，仅仅是大小写不同导致的解决方法不管他，代码还是会正常运行，仅仅是编辑器报错更换文件名，改成不同的去掉后面的.vue

2021-12-23 11:30:39 6716 3

原创 vue transition标签使用Animate.css动画

vue transition标签使用Animate.css动画库安装使用 npm 安装npm install animate.css --save使用yarn安装yarn add animate.cssmain.js导入

2021-09-13 16:31:30 424

原创 JS的隐式类型转换规则

number类型与string类型比较，string会转换为number类型 '' == '0' //false 0 == ''//true 0 == '0'//true' \t\r\n '==0//truenull和undefined类型比较始终相等null == undefined //true布尔类型与其它任何类型进行比较，布尔类型将会转换为number类型false == 'false'//falsefalse == '0'//truefalse == null//false

2021-08-17 11:59:40 212

原创 uniapp getUserProfile 登录使用

uniapp getUserProfile 登录使用小程序登录、用户信息相关接口调整说明：https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈，为优化开发者调整接口的体验，回收wx.getUserInfo接口可获取用户授权的个人信息能力的截止时间由2021年4月13日调整至2021年4月28日24时。所以无法使用wx.get

2021-04-24 17:54:26 8852

tanghaha01的博客