2014年10月20日
!DOCTYPE 文档类型声明
摘要： 1、用途Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 !DOCTYPE的用处。!DOCTYPE声明必须是 HTML 文档的第一行，位于 h... 阅读全文
posted @ 2014-10-20 18:47 freewalker 阅读(265) 评论(0) 推荐(0) 编辑
定时器解决js长时间运行脚本问题
摘要： 一般地，单个js操作的运行时间不应超过100毫秒，否则的话，会影响用户体验，用户会认为自己与界面失去联系。而对于一些复杂的任务，可能无法在100ms内完成，甚至会突破浏览器限制（调用栈大小限制和长时间运行限制）。其中，长时间运行限制的衡量有执行语句的数量和执行语句的时间。因此，针对复杂任务，要想不影... 阅读全文
posted @ 2014-10-20 17:14 freewalker 阅读(2536) 评论(0) 推荐(0) 编辑
js跨域问题解决方案
摘要： 跨域：当协议、域名、端口号任何一个不相同时，叫称为跨域。HTML5 CORS（cross-origin-resource-sharing）跨域资源共享： 原理：当需要访问跨域的资源时，可以通过定义http头信息，使得服务器响应跨域请求。如：// 使用通配符 * ，表示当前服务端响应任何域名发起请求，... 阅读全文
posted @ 2014-10-20 16:35 freewalker 阅读(873) 评论(1) 推荐(0) 编辑
Web前端性能优化全攻略[转载]
摘要： 1. 尽量减少HTTP请求 (Make FewerHTTPRequests)作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少HTTP请求：1)合并文件，比如把多个CSS文件合成一个；2)CSSSpri... 阅读全文
posted @ 2014-10-20 12:49 freewalker 阅读(212) 评论(0) 推荐(0) 编辑
setInterval计时器延时问题
摘要： 计时器延时问题js计时器使用setTimeout、setInterval函数时，第二个参数的设置的时间间隔t是自该函数（setTimeout（f1,t）、setInterval(f1,t)）被调用时起，经过t毫秒后，f1被加入UI任务队列，但不一定执行，尤其是在期间有其他任务执行时，所以可能会有时间... 阅读全文
posted @ 2014-10-20 12:08 freewalker 阅读(714) 评论(0) 推荐(0) 编辑
2014年10月19日
高性能Ajax
摘要： XMLHttpRequestjavascript高性能的Ajax应该考虑数据传输技术和数据格式，以及其他的如数据缓存等优化技术。一、请求数据请求数据的常用技术有XHR，动态脚本注入、Multipart XHR、iframes、Comet五种，其中前三种比较常见，后两种往往在比较极端的情况下使用。1、... 阅读全文
posted @ 2014-10-19 15:52 freewalker 阅读(543) 评论(0) 推荐(0) 编辑
2014年10月15日
git基本操作
摘要： gitgit1、版本回退HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个... 阅读全文
posted @ 2014-10-15 15:04 freewalker 阅读(199) 评论(0) 推荐(0) 编辑
2014年10月14日
文本字数过多时，以省略号显示
摘要： # 文本字数过多时，以省略号显示1、对于table中单元格中的字符数超过限定的宽度时，以省略号显示，但是当鼠标悬浮在上面时，能够完整地显示出单元格的内容。设置表格的标头中字符数限制（让标头单元格宽度固定）```style#dataTab{table-layout: fixed}#dataTab th... 阅读全文
posted @ 2014-10-14 21:31 freewalker 阅读(1154) 评论(0) 推荐(0) 编辑
2014年10月8日
前端开发环境工具汇总
摘要： 代码编辑工具sublime(推荐emmet插件，html、css自动补全等功能)webstorm断点调试工具firebugangularjsbatarang（chrome插件）开发和调试工具nodejs版本管理工具git代码合并和混淆工具grunt（js文件合并、js代码自动压缩、ctrl+s自动执... 阅读全文
posted @ 2014-10-08 18:54 freewalker 阅读(239) 评论(0) 推荐(0) 编辑
2014年10月7日
无阻赛的脚本(js脚本延迟方法)
摘要： js脚本的加载与执行1、延迟脚本（defer属性）带有defer属性的script标签，可以放置在文档的任何位置，在页面解析到该标签时，会开始下载该脚本，但是不会立即执行，直到dom加载完成（onload事件触发前执行）。并且defer属性的script叫脚本的下载，不会阻塞其他进程，这类文件可以和... 阅读全文
posted @ 2014-10-07 19:53 freewalker 阅读(320) 评论(0) 推荐(0) 编辑