10 2014 档案

appendChild方法详解
摘要：方法：target.appendChild(ele);执行该方法时，会发生两部操作：1、将元素ele从原来的父元素中移除掉2、将元素追加至新的目标元素中，并且保留元素的所有样式信息和事件、、。将一个元素ele追加至另一个元素Div中时，默认会将该元素从原来元素中移除掉，并且该元素的样式信息、事件绑定... 阅读全文
posted @ 2014-10-28 18:16 freewalker 阅读(3601) 评论(0) 推荐(1)
5道经典面试题【转载】
摘要：http://www.admin10000.com/document/5233.html问题1：Scope作用范围 考虑下面的代码：12345(function() {var a = b = 5;})();console.log(b); 什么会被打印在控制台上？ 回答 上面的代码会打印 ... 阅读全文
posted @ 2014-10-27 13:03 freewalker 阅读(141) 评论(0) 推荐(0)
引入CSS的方式有哪些?link和@import的有何区别应如何选择【转载】
摘要：看到淘宝网页中这样写使用的是import，而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？CSS用import还是link好？从经典论坛和另外一个网站大概了解了一下。看到淘宝网页中大部分是这样写的：代码如下:而很多网站使用的都... 阅读全文
posted @ 2014-10-23 12:35 freewalker 阅读(203) 评论(0) 推荐(0)
如何成为一个javascript高手【转载】
摘要：原文网址：http://www.cnblogs.com/keva/p/how-to-become-a-javascript-badass.html英文网址：http://www.clientcide.com/deep-thoughts/how-to-become-a-javascript-badas... 阅读全文
posted @ 2014-10-21 21:58 freewalker 阅读(676) 评论(0) 推荐(0)
HTML5 Geolocation API工作原理[转载]
摘要：大家都知道，HTML5 Geolocation 可以使用 IP 地址、基于 Web 的数据库、无线网络连接和三角测量或 GPS 技术来确定经度和纬度。问题：在一个基于地理位置服务的个人业余项目(小伙伴在哪儿)中，发现用PC获取的地理位置与手机端获取的地理信息存在微小的差距，PC端会经常出现获取不到地... 阅读全文
posted @ 2014-10-21 21:48 freewalker 阅读(723) 评论(0) 推荐(0)
浏览器探测时的性能优化
摘要：浏览器探测时的性能优化在进行浏览器探测时，会基于浏览器的功能就行分支判断，导致做大量的重复工作。针对这类问题，可以有两种解决方案：延迟加载和预先加载。基于浏览器功能的探测：function addHandler(ele,eventType,hadler){if(ele.addEventListene... 阅读全文
posted @ 2014-10-21 13:59 freewalker 阅读(226) 评论(0) 推荐(0)
js 添加事件 attachEvent 和 addEventListener 的区别
摘要：1、addEventListener适用w3c标准方法addEventListener绑定事件，如下，事件的执行顺序和绑定顺序一致，执行顺序为method1->method2->method3//element.addEventListener(type,listener,useCapture);b... 阅读全文
posted @ 2014-10-21 13:57 freewalker 阅读(253) 评论(0) 推荐(0)
!DOCTYPE 文档类型声明
摘要：1、用途Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 !DOCTYPE的用处。!DOCTYPE声明必须是 HTML 文档的第一行，位于 h... 阅读全文
posted @ 2014-10-20 18:47 freewalker 阅读(285) 评论(0) 推荐(0)
定时器解决js长时间运行脚本问题
摘要：一般地，单个js操作的运行时间不应超过100毫秒，否则的话，会影响用户体验，用户会认为自己与界面失去联系。而对于一些复杂的任务，可能无法在100ms内完成，甚至会突破浏览器限制（调用栈大小限制和长时间运行限制）。其中，长时间运行限制的衡量有执行语句的数量和执行语句的时间。因此，针对复杂任务，要想不影... 阅读全文
posted @ 2014-10-20 17:14 freewalker 阅读(2637) 评论(0) 推荐(0)
js跨域问题解决方案
摘要：跨域：当协议、域名、端口号任何一个不相同时，叫称为跨域。HTML5 CORS（cross-origin-resource-sharing）跨域资源共享： 原理：当需要访问跨域的资源时，可以通过定义http头信息，使得服务器响应跨域请求。如：// 使用通配符 * ，表示当前服务端响应任何域名发起请求，... 阅读全文
posted @ 2014-10-20 16:35 freewalker 阅读(897) 评论(1) 推荐(0)
Web前端性能优化全攻略[转载]
摘要：1. 尽量减少HTTP请求 (Make FewerHTTPRequests)作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少HTTP请求：1)合并文件，比如把多个CSS文件合成一个；2)CSSSpri... 阅读全文
posted @ 2014-10-20 12:49 freewalker 阅读(232) 评论(0) 推荐(0)
setInterval计时器延时问题
摘要：计时器延时问题js计时器使用setTimeout、setInterval函数时，第二个参数的设置的时间间隔t是自该函数（setTimeout（f1,t）、setInterval(f1,t)）被调用时起，经过t毫秒后，f1被加入UI任务队列，但不一定执行，尤其是在期间有其他任务执行时，所以可能会有时间... 阅读全文
posted @ 2014-10-20 12:08 freewalker 阅读(733) 评论(0) 推荐(0)
高性能Ajax
摘要：XMLHttpRequestjavascript高性能的Ajax应该考虑数据传输技术和数据格式，以及其他的如数据缓存等优化技术。一、请求数据请求数据的常用技术有XHR，动态脚本注入、Multipart XHR、iframes、Comet五种，其中前三种比较常见，后两种往往在比较极端的情况下使用。1、... 阅读全文
posted @ 2014-10-19 15:52 freewalker 阅读(562) 评论(0) 推荐(0)
git基本操作
摘要：gitgit1、版本回退HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个... 阅读全文
posted @ 2014-10-15 15:04 freewalker 阅读(211) 评论(0) 推荐(0)
文本字数过多时，以省略号显示
摘要：# 文本字数过多时，以省略号显示1、对于table中单元格中的字符数超过限定的宽度时，以省略号显示，但是当鼠标悬浮在上面时，能够完整地显示出单元格的内容。设置表格的标头中字符数限制（让标头单元格宽度固定）```style#dataTab{table-layout: fixed}#dataTab th... 阅读全文
posted @ 2014-10-14 21:31 freewalker 阅读(1234) 评论(0) 推荐(0)
前端开发环境工具汇总
摘要：代码编辑工具sublime(推荐emmet插件，html、css自动补全等功能)webstorm断点调试工具firebugangularjsbatarang（chrome插件）开发和调试工具nodejs版本管理工具git代码合并和混淆工具grunt（js文件合并、js代码自动压缩、ctrl+s自动执... 阅读全文
posted @ 2014-10-08 18:54 freewalker 阅读(252) 评论(0) 推荐(0)
无阻赛的脚本(js脚本延迟方法)
摘要：js脚本的加载与执行1、延迟脚本（defer属性）带有defer属性的script标签，可以放置在文档的任何位置，在页面解析到该标签时，会开始下载该脚本，但是不会立即执行，直到dom加载完成（onload事件触发前执行）。并且defer属性的script叫脚本的下载，不会阻塞其他进程，这类文件可以和... 阅读全文
posted @ 2014-10-07 19:53 freewalker 阅读(341) 评论(0) 推荐(0)