- 博客(12)
- 问答 (1)
- 收藏
- 关注
原创 教你创建Chrome插件
插件需要实现的功能:在谷歌浏览器的页面上,当鼠标选中一段文字之后,浏览器中自动弹出提示,提示中显示的是已经选中的文字。步骤:1.首先我写了一个js,主要执行的功能就是在鼠标选中一段文字之后,弹出被选中的文字 使用的方法:window.getSelection().toString() 该js代码如下,保存为my.js:window.onload = function(){...
2014-02-28 09:31:57
181
原创 Http请求get vs post
在网站开发的过程中我们经常用到的http请求就是get和post,前端优化中有一条建议说多使用get方式的ajax请求,那么到底是为什么的?在这里,我们先了解一下两种请求方式。 get请求方式 数据是通过地址栏传递的 ( /test/demo_form.asp?name1=val1&name2=val2)get请求的其他特点:1.get请求可以被缓...
2014-02-28 09:30:50
166
原创 设置header,实现跨域访问
受浏览器的同源策略限制,JavaSript只能请求本域内的资源。跨域资源共享(Cross-Origin Resource Sharing, CORS)是为解决Ajax技术难实现跨域问题而提出的一个规范,这个规范试着从根本上解决安全的跨域资源共享问题。在此之前,解决此类问题的途径往往是服务器代理、JSONP等,治标不治本。目前基本所有浏览器都已经支持该规范。一个域是由schema、host、...
2014-02-27 10:26:42
7292
原创 Sizzle效率高的原因分析
首先,从处理流程上理解,它总是先使用最高效的原生方法来做处理HTML文档一共有这么四个API:getElementById 上下文只能是HTML文档 浏览器支持情况:IE 6+, Firefox 3+, Safari 3+, Chrome 4+, and Opera 10+; getElementsByName,上下文只能是HTML文档浏览器支持情...
2014-02-27 10:18:08
156
原创 javascript跨域方式总结
什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表:URL...
2014-02-27 10:10:35
128
原创 javascript性能优化
如今主流浏览器都在比拼JavaScript引擎的执行速度,但最终都会达到一个理论极限,即无限接近编译后程序执行速度。 这种情况下决定程序速度的另一个重要因素就是代码本身。在这里我们会分门别类的介绍JavaScript性能优化的技巧,并提供相应的测试用例,供大家在自己使用的浏览器上验证, 同时会对特定的JavaScript背景知识做一定的介绍。变量查找优化变量声明带上var...
2014-02-27 09:55:44
128
原创 sea.js与jquery.mobile-1.3.2,jquery结合实现模块化开发
这次的项目我选择了使用seajs实现功能的模块化开发,但是在使用的过程中,发现,对jquery和jqueryMObile的封装有些难题,后来搜集了一下资料,加上对seajs的了解,终于找到了一种方法,能够方便的实现模块化开发,并且不会影响jqueryMobile的事件机制,当然方法不止一种,欢迎大家评鉴,共同进步。先看一下文件结构(具体可看源代码):下面介绍对jquery和jque...
2013-12-17 11:09:43
190
原创 jquery选择器的实现流程简析
jquery选择器的实现流程简析当我们洋洋得意的使用jquery强大的选择器功能时有没有在意过jquery的选择性能问题呢,其实要想高效的使用jquery选择器,了解其实现流程是很有必要的,那么这篇文章我就简单的讲讲其实现流程,相信会为读者的jquery优化开发提供一些小的建议。我们知道jquery的$()函数可以传很多种参数(document、string、fn、array、numb...
2013-11-13 09:32:19
163
原创 前端编程优化建议
1.多使用事件委托 指定给元素的事件处理程序,相当于浏览器运行的程序和网页js代码的连接,这种连接越多,页面执行的速度也就会越慢,因此,使用事件委托减少了这种性能影响,同时也方便事件的卸载 2.避免使用二次评估 类似于 eval("num1+num2") ; var fun1 = new Function("arg1","arg2","return a...
2013-11-08 16:32:09
184
原创 jquery前端开发实践
jquery的使用现在变得越来越普遍,write less ,do more的宗旨贯穿了整个jquery开发。jquery虽然用着方便,但是,使用它还是应该把握技巧的,其实和使用原生js一样,我们也需要掌握相应的优化策略,要想正确的优化jquery开发代码,很有必要了解一下jquery的内核,简单点说就是jquery的实现方法,我们都知道,jquery的初衷就是做一个完美的dom选择器,因此...
2013-11-08 11:25:54
124
原创 单次事件绑定
/* * element:所要侦听事件的标签* eventType:事件类型* handler:所要执行的操作*/function singleEvent(element,eventType,handler){//单次侦听时间,侦听后马上移除事件if(element.addEventListener){//IE9+,opera,chrome,firefox,s...
2013-06-11 11:23:17
178
空空如也
javascript函数返回的一个奇怪的现象
2013-08-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人