body上添加ontouchstart属性的作用
摘要：移动端兼容处理，为了防止css中的伪类，比如说:active不生效，来配置的一个属性。如果你是PC端的开发的话，其实是可以去掉的
阅读全文
随笔分类 - HTML、CSS
解决grid item被撑开导致没有按比例均分
摘要：https://blog.csdn.net/mouday/article/details/126952048
阅读全文
去掉input属性为number时 右边的 +、-号
摘要：/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* 火狐 */ input
阅读全文
移动端页面适配
摘要：https://www.jianshu.com/p/2c33921d5a68 https://segmentfault.com/a/1190000008767416 https://www.cnblogs.com/xiaocaiyuxiaoniao/p/10417592.html
阅读全文
数组的fill()方法
摘要：fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。返回修改后的原始数组，不创建新数组。 使用语法：array.fill( value [,start [,end]])，其中 ： value 用来填充数组元素的值，必填。 start 可选起始索引，默认值为0
阅读全文
grid布局
摘要：参考 https://www.cnblogs.com/jwyblogs/p/11757968.html https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
阅读全文
BFC和IE的hasLayout
摘要：https://www.cnblogs.com/xiaohuochai/p/4845314.html https://www.cnblogs.com/5huihui/p/4309971.html
阅读全文
CSS attr()函数、var()函数
摘要：###attr函数 <style> #baidu::after{ /* 获取href属性值 */ content: "("attr(href)")"; } </style> <a id="baidu" href="https://www.baidu.com">百度</a> ###var函数 <sty
阅读全文
页面优化，谈谈重绘(repaint)和回流/重排(reflow)
摘要：一、重绘和回流(重排)是什么 怎么去理解这两个概念呢？从字面上理解，重绘，重新绘画，重新上色，较难产生联想的是回流。 我们都知道，一个页面从加载到完成，首先是构建DOM树，然后根据DOM节点的几何属性形成render树(渲染树)，当渲染树构建完成，页面就根据DOM树开始布局了，渲染树也根据设置的样式
阅读全文
src和href的区别
摘要：1、请求资源类型不同 （1） href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，常用的有script，img 、iframe； 2、作用结果不同 （1）hr
阅读全文
