摘要: 前端优化不完全指南 历时144000000毫秒出山的前端优化篇,若你问我有什么感悟?那我告诉你,看到毫秒啊,火箭啊,这些与优化相关的词,都有莫名的亲切感。本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索SEO、信息无障碍等方面进行讲解。前端优化是一个让人技术提升的point,希望你也能从这 阅读全文
posted @ 2018-05-20 11:07 一叶知秋韵 阅读(325) 评论(0) 推荐(0)
摘要: each()是jquery中的 提示:返回 false 可用于及早停止循环。 for in for in 遍历的实际是对象的属性名称也就是索引 index 索引为字符串,无法直接进行几何运算 遍历出来按照索引值大小排列打乱以前排序 所以一般只有不用它 a.name = "Hello"; for(x 阅读全文
posted @ 2018-05-20 11:06 一叶知秋韵 阅读(147) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-05-20 10:15 一叶知秋韵 阅读(114) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2018-05-20 09:30 一叶知秋韵 阅读(193) 评论(0) 推荐(0)
摘要: $("#id").css("display","none"); 例子: $("#del-ad").click(function(){ $(".advert").css("opacity","0").css("transition","1s"); setTimeout(function(){ $(". 阅读全文
posted @ 2018-05-18 11:53 一叶知秋韵 阅读(117) 评论(0) 推荐(0)
摘要: document.ElementById("id").style.样式=“”; 注意:document.getElementByClassName(“class”) 返回这个class数组 [0] 例子: document.getElementById("del-ad").onclick=funct 阅读全文
posted @ 2018-05-18 11:50 一叶知秋韵 阅读(78) 评论(0) 推荐(0)
摘要: 京东商城特效 <strong style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); background-clip: text; -webkit-text-fill-c 阅读全文
posted @ 2018-05-16 11:07 一叶知秋韵 阅读(85) 评论(0) 推荐(0)
摘要: 可以看一下这里html - html5 vertical spacing issue with &lt;img&gt; 几乎是题主问题的一种更详细问答。 原因:我大概看了一下,挺有意思的。我简单翻译一下高票答案: 首先,浏览器并没有所谓的"HTML 5 模式",而是只有三种:怪异模式(Quirks) 阅读全文
posted @ 2018-05-16 10:32 一叶知秋韵 阅读(260) 评论(0) 推荐(0)
摘要: 重排:当DOM树变化影响了元素几何属性(宽、高等等)浏览器此时需要重新计算几何属性;并且页面其他元素的几何属性也受到了影响;这样渲染树就发生了变化;需要充排(reflow) 重绘:当DOM的变化仅仅影响了背景色等等非几何属性;就发生了重绘;布局没有变化; 触发重排: 页面初始渲染 添加、删除可见DO 阅读全文
posted @ 2018-05-15 15:24 一叶知秋韵 阅读(625) 评论(0) 推荐(1)
摘要: https://blog.csdn.net/q1056843325 http://www.cnblogs.com/stone5/ http://www.cnblogs.com/onepixel/p/7021506.html http://www.cnblogs.com/GeniusLyzh/p/52 阅读全文
posted @ 2018-05-15 14:06 一叶知秋韵 阅读(115) 评论(0) 推荐(0)