- 博客(22)
- 收藏
- 关注
原创 直播(腾讯会议+小鹅通+obs)
https://www.cnblogs.com/Hyacinth-zqz/p/8428874.htmlhttps://www.cnblogs.com/zhengyb/p/10196455.html
2022-06-13 13:50:46
5761
原创 echart环形饼图--hover圆环时去除样式+中间显示数值
圆环hover时会有如下问题,颜色浅的会消失,只需要设置如下即可emphasis: { scale: false, itemStyle: { color: 'inherit' }},结果如下:将数值设置在中间的方法:title: { text: [ '{value|60分}', '{name|同比上升20%}' ].join('\n'), textStyle: {...
2021-12-22 15:32:13
2447
原创 elementUI 季度选择组件
代码组件:<template> <div> <div class="mask-wrapper" v-show="showSeason" @click.stop="showSeason = false" ></div> <el-popover placement="bottom" popper-class="quarter-popover-custom" trigger="manual"
2021-12-09 16:49:34
1696
原创 微信小程序 ios 时间获取问题
在开发微信小程序中过程中,常常用到 new Date();在ios中有一种情况new Date是会出问题的,如下:new Date('2021-10-01').getTime() 1633046400000new Date('2021-10-1').getTime() NANnew Date('2021/10/01').getTime() 1633046400000new Date('2021/10/1').getTime() 1633046400000所以new Dat
2021-11-21 21:33:38
2476
原创 测试网络图片地址是否支持跨域(url转base64图片方式)
通过将url转化为base64测试图片是否跨域。<!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">
2021-05-31 14:08:22
1482
1
原创 Canvas arc画圆和SVG A指令画圆
一、Canvas画圆context.arc(x, y, r, sAngle, eAngle, counterclockwise); X 圆的中心的x坐标 Y 圆的中心的y坐标 R 圆的半径 sAngle 起始角,以弧度计(弧的圆形的三点钟位置是0度) eAngle 结束角,以弧度计 ..
2021-01-27 09:19:44
744
原创 Vue 使用moment-timezone获取时区
1、安装cnpm i moment-timezone2、使用importmomentfrom'moment-timezone'moment.tz.guess()3、结果Asia/Shanghai
2020-12-25 10:55:48
3371
原创 css 写的border模糊,用transform: translate(-50%, -50%)居中的坑
现象描述:用绝对定位,position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);实现居中定位时,div内有边框的元素,边框变模糊。原因:div的高度乘50%会产生小数。解决: 调整div高度使乘以50%后是个整数...
2020-12-23 16:47:33
2302
原创 Chrome 谷歌浏览器 调试工具console打印被隐藏
太狗血了,开发中不知道点了什么,我的console打印不出来了,而且没有设置filters,最后恢复设置,重启搞定。也可以看一下这个地方有没有设置东西,我的情况是没有设置还是打印被隐藏,然后我就恢复默认设置了...
2020-07-31 11:15:11
4420
1
原创 HTML5 video autoplay="autoplay" 无法自动播放的问题
因浏览器中视频可以随意插入,自动播放所有视频肯定不安全。在有些浏览器中,只有用户进行一些交互后才会自动播放。参考解决办法一:添加muted<video muted src="" autoplay loop></video>问题:我测试了一下不管用。参考解决办法二:获取id,用js控制播放let video=document.getElemen...
2020-03-12 15:17:02
5253
1
原创 点击复制Input框中的链接,兼容ios或safari浏览器
var copyText = function (text) {// 数字没有 .length 不能执行selectText 需要转化成字符串var textString = text.toString();var input = document.querySelector('#copy-input');if (!input) {input = document.create...
2020-02-07 09:06:58
446
原创 web页面,平滑滚动到页面某个位置
scrollSection(where) { var cur = document.getElementById(where); var t= cur.offsetTop; var l= cur.offsetLeft; while(cur == cur.offsetParent) { t += cur.offsetTop; l += cur.offset...
2019-10-09 10:48:08
647
原创 js数组排序方法总结(含原理)
一、js自带函数sort《javaScript高级程序设计(第3版)》中对sort函数的解释如下:默认情况下,sort()方法按升序排列数组项。—即最小的值位于最前面,最大的值排在最后面。为了实现排序,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串,以确定如何排序。即数组中的每一项都是数值,sort()方法比较的也是字符串。所以有些时候数值5和虽然...
2019-06-21 13:19:43
1206
原创 vue中多组件状态共享的两种方法
一、vuex(较大项目)使用方法:占坑,网上很多二、Observable API随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js 2.6 新增加的Observable API ,通过使用这个 api 我们可以应对一些简单的跨组件数...
2019-06-12 11:36:50
3306
原创 微信小程序开发积累(持续编辑)
一、onHide和onUnload的区别。从A页面前往B触发A的onHide从B页面返回A触发B的onUnload二、页面中有倒计时onUnload中记得清除倒计时
2019-06-11 09:54:15
128
原创 mpvue微信小程序实现tab切换横线滑动动画组件
学习前端快一年,对css动画方面研究甚少,一直想知道一些常见的动画是怎么实现的,也可以使项目体验变好。需求:小程序常见的简单带线tab切换,线条滑动动画组件。实现思路:v-for循环tab项,绝对定位线条,每次点击,运用'transform': 'translateX(**px)',切换位置,在加上一些过渡效果。难点:点击获得每次移动的距离和线条的长度。解决方案:运用微信api ...
2019-05-29 11:01:23
1085
转载 mpvue编译百度小程序,开发者工具打开报错Cannot read property 'createTextNode' of undefined或iphone机型无法预览
问题描述:运用mpvue,编译成百度小程序代码后代开开发者工具报错(或者iphone手机无法预览)。(如下图)暂时解决方案:这里非mpvue问题,出问题的地方在 babel的core-js,这个包里面使用有一个有一个判断优先级调整一下就好原core-js内异常代码:// Node.js if (isNode) { notify = function () {...
2019-05-28 10:31:24
1596
转载 一个运用async/await实现异步的红绿灯实例
需求:实现一个红绿灯,把一个圆形div按照绿色3秒,黄色1秒,红色2秒循环改变背景色。实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...
2019-05-28 10:17:07
865
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人