07 2020 档案

性能优化文章总体概括
摘要：涉及的功能： 浏览器渲染层面，服务端层面，构建层面，网络层面； 涉及的功能： 资源的合并与压缩； 图片编解码原理和类型选择； 浏览器渲染机制； 预加载懒加载； 浏览器存储； 缓存机制； PWA； Vue-SSR； 文章排版： 理论原理+应用场景； 收获： 理解性能优化原理； 可以分析自身的业务，选择 阅读全文
posted @ 2020-07-30 16:50 墨染清浅 阅读(105) 评论(0) 推荐(0)
最简洁的不够5位补0的js方法
摘要：最简洁的不够5位补0的js方法，补充够5位数 ，不够5位的前面补0，超过的正常显示 阅读全文
posted @ 2020-07-30 15:14 墨染清浅 阅读(858) 评论(0) 推荐(0)
不定宽高的图片如何在正方形框中不变形
摘要：img { width:100%; hieght:100%; object-fit: contain; } 不论宽大于高的，还是高大于宽的，都等比例缩放，到在外层盒子中刚刚好能放下； 阅读全文
posted @ 2020-07-29 21:06 墨染清浅 阅读(206) 评论(0) 推荐(0)
垂直水平居中css
摘要：html, body { height: 100%; margin: 0; } body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; displa 阅读全文
posted @ 2020-07-28 20:27 墨染清浅 阅读(81) 评论(0) 推荐(0)
最简洁的去除最后一条线的css方法
摘要：.nav li:not(:last-child) { border-right: 1px solid #666; } 阅读全文
posted @ 2020-07-28 20:13 墨染清浅 阅读(592) 评论(0) 推荐(0)
如何修改浏览器的默认滚动条的样式？
摘要：修改默认滚动条的样式 阅读全文
posted @ 2020-07-20 15:44 墨染清浅 阅读(268) 评论(0) 推荐(0)