自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 vue3嵌套路由keep-alive问题

嵌套路由的上级不写componet就行了啊!传统解决方法参考此链接。

2023-09-07 11:09:45 279

原创 前端开发人员换新机需安装东西整理

前端开发人员新机安装必要软件

2022-06-24 13:26:04 308

原创 直播(腾讯会议+小鹅通+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

原创 9盎司纸杯几何对照图(不包含粘口)

2021-01-26 15:09:04 1184

原创 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

原创 ios下input的光标过高问题

父级写高度,input高度写 100%,不要写Line-height

2020-05-07 10:43:15 454 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关注的人

提示
确定要删除当前文章?
取消 删除