摘要: img标签设置默认图片 为了美观当网页图片不存在时不显示xx图片。 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验。其实,可以这样处理:当图片不存在的时候,会触发onerror事件,我们可以在该事件中做处理。 1、让这个图片元素隐藏: <img 阅读全文
posted @ 2021-10-15 10:14 馬先森 阅读(1969) 评论(0) 推荐(0) 编辑
摘要: 一、需求背景 最近有个视频播放的需求,要求点击视频的预览图弹出模态框播放视频,而预览图要求获取视频的第一帧,作为预览图。 二、视频加载基本介绍 在视频/音频(audio/video)加载过程中,事件的触发顺序如下: onloadstart (浏览器开始寻找指定资源) ondurationchange 阅读全文
posted @ 2021-08-10 11:15 馬先森 阅读(1780) 评论(0) 推荐(0) 编辑
摘要: 一、需求分析与使用场景 具体需求分析:未知文字的长度的时候,当文字的长度小于盒子的宽度的时候,也就是一行可以放的下的时候,文字居中,当文字长度大于盒子宽度的时候,文字要实现自动换行,成为多行文字,此时文字要求左对齐。其实这样的需求在实际开发中也经常遇到,比如淘宝一些购物列表。 二、实现方法 1、通过 阅读全文
posted @ 2021-08-02 15:07 馬先森 阅读(654) 评论(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 馬先森 阅读(1852) 评论(0) 推荐(0) 编辑
摘要: 由于微信自带字体放大功能,因此基于微信的页面都可以通过微信进行字体放大,但是有些情况下这并不是我们想要的,因为很多移动端页面的开发都是使用rem作为单位的,当使用微信进行字体放大是,会导致页面的整体布局乱掉的情况出现,这对用户体验来说是极其不友好的,我们希望能够禁止微信的字体放大功能。 下面通过查找 阅读全文
posted @ 2021-03-26 09:49 馬先森 阅读(276) 评论(0) 推荐(0) 编辑
摘要: text-decoration : none || underline || blink || overline || line-through text-decoration下划线 CSS 单词值参数: none : 无装饰 blink : 闪烁 underline : 下划线 line-thro 阅读全文
posted @ 2021-03-26 09:41 馬先森 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1.获取当前时间 var date = new Date(); 2.获取时间中的年月日时分秒及星期 date.getYear(); // 获取当前年份(2位) date.getFullYear(); // 获取完整的年份(4位,1970-至今) date.getMonth(); // 获取当前月份( 阅读全文
posted @ 2021-03-26 09:33 馬先森 阅读(11307) 评论(0) 推荐(0) 编辑
摘要: 这是数据溢出导致echarts 圆环百分比出现不规则图形。原因举例来源于:data: [{...}]; value: 100 - value_huizong,若当value_huizong大于100,则出现溢出数据导致出现负值,故问题产生。 解决办法:判断思路:当每个模块数据大于100的时候,赋值1 阅读全文
posted @ 2021-01-29 09:12 馬先森 阅读(632) 评论(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 馬先森 阅读(69) 评论(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 馬先森 阅读(201) 评论(0) 推荐(0) 编辑