几个Js简写技巧

1. 多个字符串检查通常,如果我们需要检查字符串是否等于多个值中的一个,往往很快会觉得疲惫不堪。幸运的是,JavaScript有一个内置的方法来帮助你解决这个问题。// 普通写法 const isVowel = (letter) => { if ( letter === "a" || letter === "e" || le

- 阅读全文 -

Vue操作变量时原始数据被改变

原因我们想要实现的效果是当将A变量赋值给新的B变量时操作B变量而不影响A变量,但这种做法其实是通过浅拷贝copy出一份数据变成两份一样的基础数据,但是B=A的方式只是将B指向A的存储地址,实际上只有同一份数据,因此无论修改A还是B都是会互相影响的。解决方案先用JSON.stringify()从A对象中解析出字符串,再用JSON.parse()将解析出的字符串转换成JSON对象,这样可以得到两份一样

- 阅读全文 -

Vue跨域问题详解

什么是跨域?浏览器有一个重要的安全策略,称之为「同源策略」其中,源=协议 + 主机 + 端口源=协议 + 主机 + 端口源=协议 + 主机 + 端口,两个源相同,称之为同源,两个源不同,称之为跨源或跨域比如:源 1源 2是否同源www.baidu.comwww.baidu.com/news✅www.baidu.comwww.baidu.com❌http://localhost:5000http:/

- 阅读全文 -

uView2.0 swipe-action-item组件页面无法上下滑动

原因主要是因为uView在组件中加了一条touch-action: none(touch-action用于设置触摸屏用户如何操纵元素的区域)属性导致无法上下进行滚动。我选择的解决方法是直接修改uView组件样式。修改前.u-swipe-action-item { position: relative; overflow: hidden; /* #ifndef APP-NVU

- 阅读全文 -

PHPstorm

https://chenjunan.top/detail/Detail?id=33

- 阅读全文 -

微信小程序catchtap与bindtap的差异与用法

catchtap 与 bindtap 的差异catchtap 默认阻止冒泡事件bindtap 默认不阻止冒泡事件catchtap 与 bindtap 的差异他们的用发类似<view catchtap="copyTel" class="info flex flex-column flex-main-between" id="{{item.id}

- 阅读全文 -

小程序获得data中的值与Vue的差距

Vue 中 data 的取值data() { return { name: '小李' }; }, methods:{ click(){ // data取值 console.log(this.name) } }微信小程序中 data 取值data: { name: '小李' }, click(){ con

- 阅读全文 -

vue页面间传参

rout-link标签跳转携带参数<template> <div id="app"> <!-- 不带参数 --> <div><router-link :to="/">首页</router-link></div> <!-- 路由路径 -->

- 阅读全文 -

js唤起拨号功能(vue同理)

现在public下的index.html中加入这行代码<meta name="format-detection" content="telephone=yes" />然后写一个方法function call(phone) { // phone是要拨打的号码 window.location.href='tel://' + phone }效果

- 阅读全文 -