随笔分类 - HTML(含CSS，js，layer)
前端样式排版等相关
摘要：JavaScript 中的 Date 对象使用毫秒数来表示时间。因此，一天（24 小时）的毫秒数是： const MS_PER_DAY = 24 * 60 * 60 * 1000; 计算三十天后的日期： let currentDate = new Date();//当前时间 let thirtyDa
阅读全文
摘要：jquery.min.js /*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */ !function(a,b){"object"==typeof module&&"object"==ty
阅读全文
摘要：1：引入js文件(二维码生成的一个插件) @*二维码生成器*@ <script src="~/BigScreen/js/qrcodes.min.js"></script> 2:html <div class="hgz-QRcode"> <div id="qrcode" style=" padding
阅读全文
摘要：//图片不平铺解决方法body { background-size: 100% 100%;//图片大小按照父级的大小适应 background-repeat: no-repeat;//不重复 background-image: url(../BigScreen/img/hgz_bg.png); }
阅读全文
摘要：在JavaScript中，可以使用window.location对象来获取当前页面的网址。以下是几种不同的实现方法： 方法一：使用window.location.href var url = window.location.href; console.log(url); 结果： http://loc
阅读全文
摘要：第一种方法：“溢出省略号”，即当文字超出一定宽度时，将其省略，并显示“...”。p { overflow: hidden; /* 将超出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ } 第二种
阅读全文
摘要：<img style="width: 7rem;height: 7rem;border-radius: 50%;" src="{{headPath}}" onerror="onerror=null;src='./assets/imgs/avatar.png'" > 在img标签中加上 onerror
阅读全文
摘要：DevTools 无法加载源映射： 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决办法：找到bootstr
阅读全文
摘要：圆形章<!DOCTYPE HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>圆形公章</title> </HEAD> <body> <BR> 输入单位（14位，多了自己调
阅读全文
摘要：window.parent.location.reload();//刷新父页面得到最新数据 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关
阅读全文
摘要：1：针对IE： .demo{ background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF) } 2：针对F
阅读全文
摘要：chart.js链接： https://chartjs.bootcss.com/samples/ 引入的js： <script src="~/ace/assets/js/Chart.bundle.js"></script> <script src="~/ace/assets/js/utils.js"
阅读全文
摘要：解： text-indent: 2em; 设置首行缩进（空出）2个字符 letter-spacing:1rem； 设置每个字符之间的间距 单位如px等。 属性值单位：em，1em 就代表缩进1个字，2em缩进2个字 注意：text-indent属性的值支持为负数。
阅读全文
摘要：像素单位（px） em rem 百分比（%） 视窗单位（vw，vh，vmin，vmax） 绝对以及相对关键字设置字体大小（small,x-small等） 其他（英寸-in，厘米-cm等） 就上面的长度单位，我们简单说一下： 1.像素单位（px） 绝对长度单位。像素px是相对于显示器屏幕分辨率而言的，
阅读全文
摘要：首先引用css @*轮播需用start*@ <link href="~/hom/static/masterslider/style/masterslider.css" rel="stylesheet" /> <link href="~/hom/static/masterslider/skins/de
阅读全文
摘要：想要video能自动填充慢父div的大小，只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。 object-fit语法object-fit属性的语法非常的简单： object-fit:fill | contain | c
阅读全文
摘要：什么是隐式转换 在 javascript 中，当运算符在运算时，如果两边数据类型不统一，CPU就无法进行运算，这时 javascript 会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算。这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换。 当引用类型和基础类型进行运
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>菜鸟教程(runoob.com)</title> 6 <style> 7 #div1 { 8 position: absolute; 9 left: 50px;
阅读全文
摘要：后台返回的产品图片大小不同，导致不同容器被撑起的高度也不同，没法对齐，如下图： 所以问题就是，如何让容器中的不同大小的图片表现一致，同时在屏幕缩小时还能自适应呢？ VW：vw参照的是浏览器视窗的宽度，即将视窗宽度平分为100份，看每个容器占视窗宽度的几份。假设此时是1920分辨率，且浏览器全屏，一个
阅读全文
浙公网安备 33010602011771号