- 博客(15)
- 资源 (2)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 css3 Gradient渐变色
。文章目录简介线性渐变（ linear-gradient）径向渐变（ radial-gradient）文字颜色渐变应用渐变重复简介首先，CSS3通过gradient()函数创建了一个图片，其由两个或者多个颜色的渐变组成。这个方法得到的是一个CSS数据类型的对象，其是 的一种。Gradient地位等价于background-img，也就是说对background-img的所有修饰都能用于gradient。repeat，size，positon……。而Gradient 又分为 linear-gradi
2020-07-23 14:34:15
302
原创 横向 的vant组件的日历
vant 的日历组建只支持纵向变化，不支持横向，就稍微改变了一下```html<template> <div class="calendar-wrap" style="positon:relative"> <div class="month-year">{{showYear}}年{{showMonth+1}}月</div> <van-icon class="arrow" @click="deMonth" nam...
2021-08-26 15:55:49
1959
4
原创 react-native穿山甲广告android
1 sdk包导入将穿山甲开发者平台 提供的open_ad_sdk.aar复制到Application Module/libs文件夹(没有的话须手动创建), 并将以下代码添加到您app的build.gradle中：repositories { flatDir { dirs 'libs' }}depedencies { compile(name: 'open_ad_sdk', ext: ‘aar')}这里需要注意的一点：2021-01-13 穿山甲sdk更新中，为
2021-06-01 09:59:57
19791
2
原创 react-native 微信登录-android
android 微信登录1 导入微信依赖在 android/app/build.gradle 文件中添加依赖：dependencies { api 'com.tencent.mm.opensdk:wechat-sdk-android-without-mta:+'}2 添加权限在android/app/src/main/AndroidManifest.xml 中添加必要的权限支持（其中网络权限如果没有使用扫码登录功能非必要；后三个权限，如果没有使用 mta，也非必要，即使有使用 mta，
2021-03-15 11:40:55
626
1
原创 ios系统getTime兼容问题
问题getTime()时间格式为： y-m-d hⓂ️s在苹果上获取时间戳有兼容性问题,导致获取不到结果,要转换成y/m/d hⓂ️s 才可以正确获取到时间戳。解决方法new Date('2021-01-01 00:00:00'.replace(/-/g,'/')).getTime();var getTime=function(time){ var myDate = new Date(time); var u = navigator.userAgent; var isAndroid =
2021-03-08 14:42:09
363
原创 overflow:hidden 和 border-radius失效的问题
问题描述：当父元素存在border-radius 时。父元素的overflow：hidden 在ios端会失效解决方案：给父元素增加 transform:rotate(0deg)更新：给父元素增加 transform:rotate(0deg) ios上机型会解决此问题，但是部分安卓机型（小米6）仍然失效，因此需要在父元素同时设置transform: rotate(0deg) 或 transform: scale(1) 或 transform:translateZ(0.01px);可以设置tra
2021-03-08 14:40:40
571
原创 ios input获取焦点弹出软键盘问题
微信h5页面ios系统,input聚焦后软件盘导致页面问题1 情况一：出现白屏现象下面代码是实现页面复制的功能,当没readOnly时，部分ios机在执行到aux.select()时出现页面出现页面上移，如果已经是底部，会多出半白屏(html背景色)。若给input添加readOnly属性后，软键盘导致页面位移的问题解决，但是readOnly会使document.execCommand(“copy”)在部分ios机型失效，重置滚动条位置会出现闪烁现象，使用clipboardjs进行复制功能。 var
2020-12-31 14:35:00
1105
原创 safari浏览器rotate旋转元素导致其他元素穿插
问题描述使用rotate渲染元素在ios上定位的元素会穿插rotate旋转的元素问题原因在safari浏览器下，当我们使用3D transform变换的时候，如果父元素没有overflow:hidden/scroll/auto等限制，则会直接忽略自身和其他元素的z-index层叠顺序设置，而直接使用真实世界的3D视角进行渲染。解决方法用魔法打败魔法 用transform z轴变换。添加元素距离。最小距离是 旋转元素的高度*sin(旋转角度)...
2020-11-27 11:22:43
724
原创 抖音小程序的拖拽
直接上代码<template> <view class="content"> <view class="drag" :style="{ transform: `translate(${drag.offsetX}px, ${drag.offsetY}px)`, MsTransform: `translate(${drag.offsetX}px, ${drag.offsetY}px)`, MozTransform: `translate(${d
2020-10-15 17:38:08
431
2
转载 ios video标签部分mp4文件无法播放的问题
问题描述：部分MP4文件在ios的微信浏览器中无法播放，点击播放后缓冲一下之后显示叉，而另外一些mp4文件正常，同时在安卓全部下正常。分析：h264编码的压缩级别问题导致。苹果官方文档中对 ios 能支持的压缩级别进行了描述：https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/Frequ
2020-07-29 17:54:20
1693
原创 canvas 解决getImageData图片跨域问题
记录：添加关键代码img.setAttribute('crossOrigin', 'anonymous')
2020-07-03 18:48:45
3010
原创 canvas标题文字换行
记录：canvas文本设置具体行数以及在限定宽度下的文字大小自适应。function drawtext(ctx,t,x,y,w,row,f=30,color='#ffffff'){ //参数说明 //ctx：canvas的 2d 对象，t：绘制的文字，x,y:文字坐标，w：文字最大宽度，row:文字设定行数,f文字设定大小，color：文字颜色 let chr =t.split('') let temp=''; let part =Math.floor(chr.length/row)
2020-07-02 19:35:38
405
原创 VUE使用vue-echarts
1.安装vue-ehartsnpm i echarts vue-echarts -S2 在main.js中引入 import Vue from 'vue' import ECharts from 'vue-echarts' import 'echarts/lib/chart/tree' /*import 'echarts/lib/chart/line' import 'echarts/lib/chart/pie' import 'echarts/lib/chart/bar'
2020-05-27 09:56:44
479
原创 高德地图去掉logo和版权
去掉高德地图右下角的版权和logo可以用下面的俩种方法。1.css样式隐藏 .amap-logo{ display: none!important; } .amap-copyright{ visibility:hidden!important; }2.用js删除元素window.onload=function(){ document.getElements...
2019-07-24 10:57:08
3304
2
vite node_modules 里面的require不生效怎么处理
2022-02-25
number输入框获取不到带e的value
2021-11-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人