uniapp 兼容文字不被选中
1. text 标签 文字不被选中 selectable：文本是否可选；默认值为true（可选中）兼容APP、H5
user-select：文本是否可选；默认值为true（可选中）兼容微信小程
123456789<!-- APP 、H5 --><view> <text selectable="false">文字不被选中</text></view><!-- 微信小程序 --><view> <text user-select="false">文字不被选中</text></view>
2. div p span 等标签 文字不被选中 user-select：none 在css中设置如下属性即可；
12345<div class="notselected"> <div>文字不被选中</div> <p>文字不被选中&l ...
JS 各类验证（手机号验证、邮箱验证、身份证验证...）
1. 验证手机号码格式 val：手机号码
123function mobileReg(val){ return /^1[3-9]\d{9}$/.test(val)}
2. 电子邮件格式验证 val：邮件地址
123function emailReg(val){ return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(val);}
3. 身份证件验证 val：身份证号码
123function idReg(val){ return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(val);}
4. 车牌号码验证 val：车牌号码
12345678910111213function carRe ...
uniapp H5 水平居中 水平垂直居中
Tips：元素一般分为 块级元素 和 行内元素 块级元素可以设置高度，宽度，行内元素则不能，如果将行内元素变成行内块元素就可以设置宽高了，只需要将 display 属性设置为 inline-block 即可;
一、 水平居中 1.行内元素水平居中：给行内元素的父级元素设置 text-align: center ;
123<view style="text-align:center"> <text>水平居中</text></view>
2.块级元素水平居中：确保块级元素有一个宽度，给行内元素设置 display: block ; 属性，再给该元素设置 margin: 0 auto ;
1234567891011121314151617<body> <view style="width: 100%; height: 100%;"> <text style="display: block; width: 50px; hei ...
uniapp H5 IOS浏览器长按没有保存图片
项目场景用户需要长按手机屏幕保存图片，Android手机都可以保存，iOS 手机中的Safari浏览器无法长按保存图片。兼容性问题，不用多考虑直接上解决方法。
解决方法123image{ -webkit-touch-callout:default；}
这种问题经常会出现在iPhoneX以上的机型中，尤其是在自带的浏览器中（Safari）。
uniapp H5中 url文本超出容器
项目场景：为用户提供链接跳转功能，常常将url地址展示出来。url文本出现不换行的现象，往往超出父级的容器的宽度。
解决方案：123456789div{ word-warp:break-word;}/* 或者 */div{ word-break:break-all;}
word-wrap： break-word 作用是强制让文字换行。一般情况下当父级宽度不够的时候，不管英文单词自动换行是当一整个单词不够放时，整个单词一起换行到下一行，看似很合理的写法，但是在有些情况下会出现不可预期的情况。就是当一个英文单词的长度超过了父级容器长度时，英文单词还是会显示一整个单词而导致超出容器范围。
word-break： break-all 作用是当遇到一个单词很长时，单词自动换行，也会使上一行空出很多空间。在这种情况下，IE创造出这个新的属性 word-break:break-all 它强制文字换行，无论一句话到达父级容器宽度时是不是一整个单词，都会强制换行，使单词断句，如果碰上一个单词超出父级容器宽度，会使单词断开并换行。