摘要：
img标签设置默认图片 为了美观当网页图片不存在时不显示xx图片。 当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验。其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做处理。 1、让这个图片元素隐藏： <img 阅读全文
posted @ 2021-10-15 10:14
馬先森
阅读(2087)
评论(0)
推荐(0)
摘要：
一、需求背景 最近有个视频播放的需求，要求点击视频的预览图弹出模态框播放视频，而预览图要求获取视频的第一帧，作为预览图。 二、视频加载基本介绍 在视频/音频（audio/video）加载过程中，事件的触发顺序如下: onloadstart （浏览器开始寻找指定资源） ondurationchange 阅读全文
posted @ 2021-08-10 11:15
馬先森
阅读(2113)
评论(0)
推荐(0)
摘要：
一、需求分析与使用场景 具体需求分析：未知文字的长度的时候，当文字的长度小于盒子的宽度的时候，也就是一行可以放的下的时候，文字居中，当文字长度大于盒子宽度的时候，文字要实现自动换行，成为多行文字，此时文字要求左对齐。其实这样的需求在实际开发中也经常遇到，比如淘宝一些购物列表。 二、实现方法 1、通过 阅读全文
posted @ 2021-08-02 15:07
馬先森
阅读(741)
评论(0)
推荐(0)
摘要：
JS 没有提供replaceAll这样的方法，JS 字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换。如下例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X 阅读全文
posted @ 2021-03-26 10:11
馬先森
阅读(1904)
评论(0)
推荐(0)
摘要：
由于微信自带字体放大功能，因此基于微信的页面都可以通过微信进行字体放大，但是有些情况下这并不是我们想要的，因为很多移动端页面的开发都是使用rem作为单位的，当使用微信进行字体放大是，会导致页面的整体布局乱掉的情况出现，这对用户体验来说是极其不友好的，我们希望能够禁止微信的字体放大功能。 下面通过查找 阅读全文
posted @ 2021-03-26 09:49
馬先森
阅读(359)
评论(0)
推荐(0)
摘要：
text-decoration : none || underline || blink || overline || line-through text-decoration下划线 CSS 单词值参数： none : 无装饰 blink : 闪烁 underline : 下划线 line-thro 阅读全文
posted @ 2021-03-26 09:41
馬先森
阅读(200)
评论(0)
推荐(0)
摘要：
1.获取当前时间 var date = new Date(); 2.获取时间中的年月日时分秒及星期 date.getYear(); // 获取当前年份(2位) date.getFullYear(); // 获取完整的年份(4位,1970-至今) date.getMonth(); // 获取当前月份( 阅读全文
posted @ 2021-03-26 09:33
馬先森
阅读(11610)
评论(0)
推荐(0)
摘要：
这是数据溢出导致echarts 圆环百分比出现不规则图形。原因举例来源于：data: [{...}]; value: 100 - value_huizong,若当value_huizong大于100，则出现溢出数据导致出现负值，故问题产生。 解决办法：判断思路：当每个模块数据大于100的时候，赋值1 阅读全文
posted @ 2021-01-29 09:12
馬先森
阅读(747)
评论(0)
推荐(0)
摘要：
css一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-li 阅读全文
posted @ 2020-12-18 10:45
馬先森
阅读(73)
评论(0)
推荐(0)
摘要：
最近做项目的时候，遇到一个兼容问题，ie8及以下浏览器不兼容background-size。 可以用滤镜来实现 .test{ width:600px; height:400px; background: url("./yw.png") no-repeat; background-size: 100% 阅读全文
posted @ 2020-09-10 13:07
馬先森
阅读(212)
评论(0)
推荐(0)
浙公网安备 33010602011771号