- 博客(12)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 教你创建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关注的人