NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

01 2017 档案

Javascript重点汇总
摘要：LazyMan实现LazyMan（什么是LazyMan？请自行google）function _LazyMan(_name) { var _this = this; _this.tasks = []; _this.tasks.push(function() { console.log('Hi! Th 阅读全文
posted @ 2017-01-22 12:02 NatChen 阅读(359) 评论(0) 推荐(0)
你真的懂 ajax 吗？
摘要：前言 总括： 本文讲解了ajax的历史，工作原理以及优缺点，对XMLHttpRequest对象进行了详细的讲解，并使用原生js实现了一个ajax对象以方便日常开始使用。damonare的ajax库：damonare的ajax库原文博客地址：你真的懂ajax吗？知乎专栏&&简书专题：前端进击者（知乎） 阅读全文
posted @ 2017-01-21 12:17 NatChen 阅读(2007) 评论(0) 推荐(1)
网页性能优化：防止JavaScript、CSS阻塞浏览器渲染页面
摘要：在页面加载时我们需要让页面内容尽快呈现给用户，页面初始渲染所需要的JS和CSS可以直接在 <head> 标签中以代码形式插入。所有的外部文件引用可以放在页面内容之后，对于JS文件也可以采用异步加载。 转载自：http://joji.me/zh-cn/blog/web-performance-opti 阅读全文
posted @ 2017-01-21 11:06 NatChen 阅读(1172) 评论(1) 推荐(1)
[译] 什么阻塞了 DOM？
摘要：原文地址：https://www.keycdn.com/blog/blocking-the-dom/原文作者：BRIAN JACKSON 当我们谈到web性能或者优化页面级别的速度时，非常重要的一点是要理解HTML和一个页面是如何在浏览器中构造的，这样你才能找到由于渲染阻塞导致的页面加载延迟。在这篇 阅读全文
posted @ 2017-01-21 10:47 NatChen 阅读(947) 评论(0) 推荐(0)
defer和async的详细区别
摘要：看过javascript高级程序设计的人，在javascript高级程序设计里，应该看到了介绍了有关defer和async的区别，可是比较浅显，而且也说得不是很清楚。下面我们来通过图片来详细了解下dfer和async的区别。 下面来看看这三句话： 1. 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是... 阅读全文
posted @ 2017-01-21 10:37 NatChen 阅读(463) 评论(0) 推荐(0)
彻底弄懂css中单位px和em，rem的区别
摘要：PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页 阅读全文
posted @ 2017-01-21 10:12 NatChen 阅读(2807) 评论(0) 推荐(0)
js常用返回网页顶部几种方法
摘要：一、使用锚标记 此方法最简单，只需在body下放个隐藏的锚点标记，内容如下： <a name="top" id="top"></a> 然后，在网页底部放一个访问链接即可： <a href="#top" target="_self">返回顶部</a> 此方法效果是一次直接跳到顶部，而且URL地址栏会显 阅读全文
posted @ 2017-01-18 14:54 NatChen 阅读(7188) 评论(0) 推荐(3)
CSS:opacity:0,visibility:hidden,display:none的区别
摘要：CSS中opacity=0,visibility=hidden,display=none的时候，三者有什么区别呢？？ 参考了stackoverflow的博客，才发现区别如下所示： Here is a compilation of verified information from the vario 阅读全文
posted @ 2017-01-13 10:03 NatChen 阅读(356) 评论(0) 推荐(0)