larennani

2017年4月24日

摘要： -webkit-text-size-adjust:none;据说兼容性不太好 1.只对chrome27.0 版本以下有效，27.0以上版本无效；2.只对英文才有效，对中文无效。阅读全文

posted @ 2017-04-24 21:40 larennani 阅读(206) 评论(0) 推荐(0) 编辑

父元素position: relative;子元素position: absolute;子元素要超出父元素，但宽度不确定（自适应）

摘要： 1.如果自适应子元素里面是文本，同时无需兼容到ie8以下的的话，可以给子元素添加word-break: keep-all来曲线实现 2.如果不是文本，中间再套一层元素，a>b>c，a是原来父元素，写死宽度，b是新加的，也是relative，也写死宽度，但是写非常大，比如9999px，c是原来子元素阅读全文

posted @ 2017-04-24 18:32 larennani 阅读(1371) 评论(0) 推荐(0) 编辑

2017年4月22日

行内元素和块级元素

摘要： 1 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, select, textarea, cite 阅读全文

posted @ 2017-04-22 21:38 larennani 阅读(145) 评论(0) 推荐(0) 编辑

2017年4月21日

js打开新窗口方法整理

摘要： window.location="aaa.aspx" 上面的方法只能在当前页打开，如果要在新的页面打开，最简单的是用以下方法 form.target="_blank"; form.action="aaa.aspx"; form.submit(); window.top.location=url 可以阅读全文

posted @ 2017-04-21 15:55 larennani 阅读(257) 评论(0) 推荐(0) 编辑

2017年4月20日

浏览器加载、解析、渲染的过程

摘要：最近在学习性能优化，学习了雅虎军规，可是觉着有点云里雾里的，因为里面有些东西虽然自己也一直在使用，但是感觉不太明白所以然，比如减少DNS查询，css和js文件的顺序。所以就花了时间去了解浏览器的工作，有一篇经典的文章《how browsers work》，讲的很详细，也有中文译本。不过就是文章阅读全文

posted @ 2017-04-20 23:02 larennani 阅读(3829) 评论(0) 推荐(1) 编辑

Web前端优化，提高加载速度

摘要：研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms 阅读全文

posted @ 2017-04-20 22:58 larennani 阅读(242) 评论(0) 推荐(0) 编辑

HTMl5的sessionStorage和localStorage

摘要： html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一阅读全文

posted @ 2017-04-20 21:50 larennani 阅读(149) 评论(0) 推荐(0) 编辑

Javascript 创建对象方法的总结（每天一些学习真的很快乐）

摘要：使用Javascript创建对象的方法有很多，现在就来列举一下： 1. 使用Object构造函数来创建一个对象，下面代码创建了一个person对象，并用两种方式打印出了Name的属性值。 2. 使用对象字面量创建一个对象；不要奇怪person["5"],这里是合法的；另外使用这种加括号的方式字段之间阅读全文

posted @ 2017-04-20 21:48 larennani 阅读(113) 评论(0) 推荐(0) 编辑

2017年4月19日

jQuery选择器总结

摘要： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 阅读全文

posted @ 2017-04-19 18:31 larennani 阅读(70) 评论(0) 推荐(0) 编辑

2017年4月18日

关于CSS的优先级,CSS优先级计算

摘要：原则一：继承不如指定原则二： #id > .class > 标签选择符原则三：越具体越强大原则四：标签#id >#id ; 标签.class > .class CSS优先级权重计算法 CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数! 根据这四阅读全文

posted @ 2017-04-18 16:56 larennani 阅读(103) 评论(0) 推荐(0) 编辑

公告