spicyIsPleasant的博客

原创 【uniapp-支付功能】小程序+APP

【代码】【uniapp-支付功能】小程序+APP。

原创 【uniapp-兼容性处理】swiper在iOS上偶发出现后几张图片白屏情况

避免在uniapp组件上添加style属性。

原创 【css】点击穿透事件

一个页面上有很多按钮，且有点击事件。现在给这个页面加一个水印，水印是fixed的布局。此时页面上按钮的点击事件触发不了。

原创 【uniapp】微信小程序-实现文件查看和分享功能

微信小程序-实现文件查看和分享功能

原创 【CSS】iOS底部安全距离

【代码】【CSS】iOS底部安全距离。

原创 【uniapp-bug记录】小程序在iPad上没有声音

iPad开启了静音模式，关闭即可。

原创 【uniapp】微信小程序-实现返回拦截功能

【代码】【uniapp】微信小程序-实现返回拦截功能。

原创 【uniapp】实现屏幕常亮功能

【代码】【uniapp】实现屏幕常亮功能。

原创 【uniapp-bug记录】canvas在安卓机上不展示

避免scroll-view和canvas同时使用。

原创 【uniapp】实现复制到剪贴板功能

【代码】【uniapp】实现复制到剪贴板功能。

原创 【uniapp-bug记录】v-for循环click参数传不进去

key值要存在且唯一。

原创 【uniapp】实现长按保存图片功能

原创 【uniapp】组件内动态修改元素位置失败原因

原创 【css】实现文字渐变+描边功能

【代码】【css】实现文字渐变+描边功能。

原创 【uni-app】分享功能实现

小程序实现分享功能

原创 bug记录模板

【日期】：*********【问题】：*********【原因】：*********【如何发现】：*********【如何修复】：*********【总结】：*********

原创 [JS]-保留两位小数不生效情况

但出现了有些小数无法保存两位。

原创 Windows计划任务使用

在xx时候触发xx程序。

原创 Vue 关闭页面触发事件

点击“课程学习”打开一个新的界面当关闭那个新的界面时刷新本页面的数据。

原创 【JavaScript-代码】进制转换

【代码】【JavaScript-代码】进制转换。

原创 动态生成正则表达式

let b = 'A B C D'const parttern = new RegExp('[^'+b+']');parttern.test('A') //falseparttern.test('F') //true

原创 Vue与React优劣势比较

Vue与React优劣势比较

原创 day.js和moment.js的比较

区别

原创 html实现富文本

富文本

原创 冒泡和捕获

冒泡捕获

原创 本地代码手机调试

调试

原创 WangEditor在不引入插件情况下展示数据

WangEditor在不引入插件情况下展示数据

原创 页面自适应

方法一使用vw或vmax代替px注：IE浏览器内核不支持vmax

原创 真机联调H5开发的APP

工具：手机Hbuilder软件Edge浏览器步骤：1-打开Hbuilder2-进行配置Hbuilder3-将手机和电脑用数据线连接4-打开手机USB调试（华为nova5 pro 为例）1）打开设置2）找到“系统和更新”3）打开“开发人员选项4） 打开”USB调试“5-在Hbuilder启动调试6-打开Edge浏览器，输入地址edge://inspect/#devices...

原创 检测IE浏览器类型并跳转至谷歌浏览器打开网页

以从IE跳到谷歌为例一、检测是否是IE浏览器，然后展现跳转或下载页面不使用userAgent的原因：可被修改，没有检测ActiveX特性坚定if (!!window.ActiveXObject || "ActiveXObject" in window) { window.location.replace('toChrome.html')}二、进行下载或跳转1、下载<a href="Google.exe"><div class="toLoad" id="t

原创 JavaScript代码ES6优化点

一、取值使用解构方法数组优点：只需提供位置即可，并且可同时获得不同位置的值let array = [1,2,3,4,5]let [a,,b] = arrayconsole.log(a) //1console.log(b) //3let array = [1,2,3,4,5]let [,,a] = arraya //3对象优点：只需提供名称（与属性名形同）即可，不需要注意位置let array ={name:'Tom',age:18}let {

原创 css超出内容省略号表示

1-行内元素display: inline-block;width: 230px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;2-块级元素（设置展示几行）display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-

原创 js 将img中src为svg的图片格式转为base64（画质不变）

一、html<img :src="pcImg" alt="" style="width: 24px; height: 24px" />二、js1-获得pcImg的svg码（注意：svg内部不能有中文） var pcImg = `<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

原创 css绝对长度单位

1-px（在逻辑像素的前提下是绝对长度）css像素。又被称为设备独立像素或逻辑像素虚拟单位，相对于显示器屏幕分辨率。一般而言，windows为96像素/英寸，Mac为72像素/英寸2-pt物理像素。又被称为设备像素1/72英寸3-pc派卡。1pc = 2.54cm4-cm厘米5-mm毫米6-in英寸...

原创 javascript中类数组

一、与数组的区别1-类数组不具有数组的属性和方法（类数组拥有length属性和其他非负整数属性）2-类数组本质是一个普通对象（Object），数组的本质是Array二、类数组转化为数组的方法1、Array.prototype.slice.call(arrayLike)2、Array.prototype.splice.call(arrayLike，0)3、Array.prototype.concat.apply([],arrayLike)4、Array.from(arrayLike

原创 setInterval()性能问题

问题描述：1-setIterval（）中嵌套使用，但这种情况下要保证内部严格完全正确执行，否则就会造成不断调用这个方法，会造成性能变差2-在页面关闭时没有使用clearInterval（）来把所有setInterval（）清除，会一直执行，性能大大降低原因分析：1-内部调用函数是异步操作，与服务器产生交互，网络延迟等原因造成的阻塞，setInterval不会因此放慢请求，反而仍会定时发起请求，造成请求过多阻塞2-setInterval内部进行了嵌套，嵌套内部又调用了异步操作，因为网络等原

原创 Javascript中深拷贝浅拷贝

原创 css中overflow

css滚动