前端开发
前端开发博客专注于前端开发，分享前端开发技术、前端开发教程、前端开发工具和前端开发资源等
js数组之indexOf/filter/forEach/map/reduce详解
这篇文章讲到数组的5个使用方法，目前我比较常用的有indexOf和forEach，其它则很少见，这些属性熟记于心能够给你平时的编码带来意想不到的方便，有点可惜的是在IE9以下都不支持这些方法，不过如果你是在移动端和现代浏览器上则不需要考虑这些兼容，另外微信小程序也支持这种写法。
[转载]浏览器是如何渲染的呢
![[转载]浏览器是如何渲染的呢](http://qdkfweb.cn/d/uploads/2016/08/Render-Process.jpg)
浏览器是如何渲染的呢？本文简单的阐述了浏览器的解析3个东西：DOM、CSS和JavaScript；接着浏览器引擎会通过DOM Tree 和 CSS Rule Tree 来构造 Rendering Tree；最后通过调用操作系统Native GUI的API绘制。
[转载]JavaScript 的性能优化：加载和执行
![[转载]JavaScript 的性能优化：加载和执行](http://qdkfweb.cn/d/uploads/2016/08/image003.jpg)
随着 Web2.0 技术的不断推广，越来越多的应用使用 JavaScript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高其在浏览器中的性能。
js判断鼠标向上滚动并浮动导航
判断鼠标向上滚动，或者向下滚动，可以通过对比用户的上一次滚动的坐标和下一次的坐标，当上一次小于下一次时，即用户在向下滚动，反之，则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。
详解HTML行内置换元素与非置换元素的区分
之前的一篇文章里面说了行内元素与块级元素区别时提到行内元素不可以定义宽和高，那么来了img标签、input标签为啥可以设置呢？来看看这篇文章说到的行内置换元素，第一次听。
CORS跨域POST请求并不兼容IE7及以下
很多人以为（包括我之前也是）跨域只需要后端Apach返回的标头中Header set Access-Control-Allow-Origin: *”，就可以放心的使用，今天再跟大家说一次，这个CORS（跨域资源共享）的方案在POST下并不兼容IE7及以下，IE8-IE9则需要使用window.XDomainRequest.来兼容。
从元素中querySelectorAll可能会得到你想不到的结果
使用querySelectorAll匹配通配符有时候并不能得到你想要的结果，通过这篇文章你能解读到更多关于querySelectorAll的查询节点，是从文档开始查找符合的内容。使用更安全的做法是加上特定的CSS属性类。
浏览器的协商缓存与强缓存
做前端有两个比较令人头痛的事，一个是命名，另一个就是缓存了。缓存的问题在移动端上尤其严重，因为手机随时随地会缓存你的资源，要想清缓存，不像PC使用强制刷新，还要手动找到浏览器的缓存，有时候还要重启等。下面这篇文章清晰的讲解关注浏览器的缓存，值得看看。
CSS粘住固定底部的5种方法
本文主要介绍一个div元素如何紧靠固定底部，使其无论内容多或者少，底部元素始终紧靠固定在浏览器的底部。我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住固定浏览器底部。
CSS3背景图片百分比及应用
任何CSS属性值为percent时，都需要根据某个参考值进行计算，搞明白这个参考值是什么，理解就容易多了。标准规定：background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).