Yahoo团队网站性能优化的35条黄金守则
摘要：转载 Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7大类 35条。包括内容 、服务器 、 CSS 、 JavaScript 、Cookie 、图片 、移动应用七部分，值得前端开发人员学习。 一、内容部分 1.尽量减少 HTTP请求 2.减少 DN
阅读全文
posted @ 2018-08-30 10:19
08 2018 档案
原生javascript实现回到顶部平滑滚动
摘要：function rt() { var d = document, dd = document.documentElement, db = document.body, top = dd.scrollTop || db.scrollTop, step = Math.floor(top / 20);
阅读全文
posted @ 2018-08-21 15:05
CSS3自定义滚动条样式
摘要：自定义滚动条实现 此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下： 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动） 3. ::-
阅读全文
posted @ 2018-08-16 15:28
content-box和border-box
摘要：理解box-sizing属性border-box，content-box，其实也是理解正常盒模型与异常盒模型。 如果不做特殊说明，我们日常所用的div都是正常盒子模型。 正常盒子模型 正常盒子模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒
阅读全文
posted @ 2018-08-14 14:50
css样式的书写顺序及原理
摘要：刚开始学习前端的时候，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。那么是怎么个顺序呢？ （1）定位属性：position display float left t
阅读全文
posted @ 2018-08-06 17:35
