08 2018 档案

Yahoo团队网站性能优化的35条黄金守则
摘要:转载 Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7大类 35条。包括内容 、服务器 、 CSS 、 JavaScript 、Cookie 、图片 、移动应用七部分,值得前端开发人员学习。 一、内容部分 1.尽量减少 HTTP请求 2.减少 DN 阅读全文

posted @ 2018-08-30 10:19 ranyonsue 阅读(671) 评论(1) 推荐(0) 编辑

原生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 ranyonsue 阅读(986) 评论(0) 推荐(0) 编辑

CSS3自定义滚动条样式
摘要:自定义滚动条实现 此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动) 3. ::- 阅读全文

posted @ 2018-08-16 15:28 ranyonsue 阅读(136057) 评论(0) 推荐(7) 编辑

content-box和border-box
摘要:理解box-sizing属性border-box,content-box,其实也是理解正常盒模型与异常盒模型。 如果不做特殊说明,我们日常所用的div都是正常盒子模型。 正常盒子模型 正常盒子模型,是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒 阅读全文

posted @ 2018-08-14 14:50 ranyonsue 阅读(663) 评论(0) 推荐(1) 编辑

css样式的书写顺序及原理
摘要:刚开始学习前端的时候,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看,并且也属于css样式优化的一种方式。那么是怎么个顺序呢? (1)定位属性:position display float left t 阅读全文

posted @ 2018-08-06 17:35 ranyonsue 阅读(645) 评论(0) 推荐(1) 编辑

导航