摘要:
提升页面性能优化的常见方式: 1、资源压缩合并,减少http请求 2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别 3、利用浏览器缓存 --> 缓存的分类 --> 缓存的原理 缓存是所有性能优化的方式中最重要的一步【重要】 有的人可能会回答local storage 和sess 阅读全文
摘要:
参考 https://www.cnblogs.com/binguo666/p/10928907.html 阅读全文
摘要:
这个写的比较全面:https://juejin.cn/post/6844903518520901639 transition: 语法:transition: CSS属性,花费时间,效果曲线(默认ease),延迟时间(默认0) transition-property transition-durati 阅读全文
摘要:
1.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 2.块属性标签float后,又有横行的margin情况下,IE 浏览器margin加倍的问题问题症状: 常见症状是IE6中后面的一块被顶到下一行解决方案: 设置为float的 阅读全文
摘要:
指标签有自己的语义及使用情况 语义化的主要目的就是让大家能直观的认识标签(markup)和属性(attribute)的用途和作用, 优点: 语义化就是让计算机能更快的读懂内容,高效的处理信息,可以对搜索引擎更友好。 便于与他人的协作,他人通过读代码就可以理解你网页标签的意义。 呈现清晰的页面结构。 阅读全文
摘要:
伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者, 已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的 最后,总结一下伪类与伪元素的特性及其区别: 伪类本质上 阅读全文
摘要:
相同点 都可以用来表示伪类对象,用来设置对象前的内容 :befor和::before写法是等效的 不同点 :befor是Css2的写法,::before是Css3的写法 :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好 CSS 3中引入了:: befor 阅读全文
摘要:
transition(过渡) transform(变换) animation(动画) 从三个属性就可以知道,tansition是一个过渡属性,就是一个属性从一个值过渡到另一个值,tansform变换,就是一个整体的位置(或整体大小)发生变换,animation动画,就是在一段时间内各种属性进行变化从 阅读全文
摘要:
<ul> <p>111</p> <span>222</span> <li>1</li> <li>2</li> <li>3</li> </ul> li:nth-of-type(2):表示ul(父元素)下的第二个li元素 li:nth-child(2):表示ul下的第二个元素是li则选择,否则没找到 阅读全文
摘要:
什么是浮动? 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。 浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于文档中的普通流,当一个元素浮动之后,不会影响到块级框的布局(脱标),只会影响内联框(通常是文本)的排列,文档中的 阅读全文