代码改变世界

随笔分类 -  JavaScript

常见HTTP状态(304,200等)

2015-03-05 15:06 by 臭小子1983, 178 阅读, 收藏,
摘要: 在网站建设的实际应用中,容易出现很多小小的失误,就像mysql当初优化不到位,影响整体网站的浏览效果一样,其实,网站的常规http状态码的表现也是一样,Google无法验证网站几种解决办法,提及到由于404状态页面设置不正常,导致了google管理员工具无法验证的情况,当然,影响的不仅仅是这一方... 阅读全文

js模版引擎handlebars.js实用教程

2014-11-26 10:03 by 臭小子1983, 835 阅读, 收藏,
摘要: 一、为什么选择Handlebars.js 据小菜了解,对于java开发,涉及到页面展示时,比较主流的有两种解决方案:1. struts2+vo+el表达式。 这种方式,重点不在于struts2,而是vo和el表达式,其基本思想是:根据页面需要的信息,构造出一个实体,这个实体中包含了界面需要的所... 阅读全文

开发人员需知的Web缓存知识

2014-10-22 18:03 by 臭小子1983, 209 阅读, 收藏,
摘要: 一、什么是Web缓存,为什么要使用它? Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器(资源所驻留的服务器Add),数量可能是1个或多个;这个客户端也可能是1个或多个。Web缓存就在服务器-客户端之间搞监控,监控请求,并且把请求输出的内容(例如html页面、 图片和文件)(统称为副本... 阅读全文

JavaScript标准Selection操作,对页面文件选取操作

2014-07-01 16:52 by 臭小子1983, 2496 阅读, 收藏,
摘要: 一、简介 selection是对当前激活选中区(即高亮文本)进行操作。 在非IE浏览器(Firefox、Safari、Chrome、Opera)下可以使用window.getSelection()获得selection对象,本文讲述的是标准的selection操作方法。文中绝大部分内容来自htt... 阅读全文

理解 JavaScript 作用域和作用域链

2014-07-01 00:11 by 臭小子1983, 170 阅读, 收藏,
摘要: 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍,希望能帮助大家更好的学习JavaScript。JavaScript作用域 任何程序设计语言都有作用... 阅读全文

将json转成对象和将对象转成json

2014-01-19 20:15 by 臭小子1983, 670 阅读, 收藏,
摘要: 一、原生js一、使用json2.js库来转换 下载地址:https://github.com/douglascrockford/JSON-jsjson2使用方法:1、对象转成json:stringify1 var jsonObj = { id: '01', name: 'Tom' };2 JSON... 阅读全文

javascript 代码效率优化-重要

2014-01-08 16:23 by 臭小子1983, 1784 阅读, 收藏,
摘要: JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往往在效率上相差很多,有的时候仅仅是由于我们的书写习惯导致的,当然在高级点的浏览器中,它们大多都已经帮我们优化了,但... JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往... 阅读全文

href="#" 和href="javascript:void(0);" 这哪个好些

2013-12-28 19:54 by 臭小子1983, 626 阅读, 收藏,
摘要: href="#" 和href="javascript:void(0);" 这哪个好些 ? 在说这个问题之前,我想应该思考一下,我们为什么要在页面不需要跳转的情况下选择标签? 其实很大程度是是因为IE6,IE6只支持的:hover伪类,所以要为了节约javascript来模拟hover的编码,就是... 阅读全文

javascript内存泄露问题的解决方法和辅助工具

2013-12-25 15:04 by 臭小子1983, 383 阅读, 收藏,
摘要: JavaScript 中的内存泄漏 JavaScript 是一种垃圾收集式语言,这就是说,内存是根据对象的创建分配给该对象的,并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题,但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。 Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统,每个所引用的对象都会保留一个计数,以获悉有多少对象正在引用它。如果计数为零,该对象就会被销毁,其占用的内存也会返回 给堆。虽然这种解决方案总的来说还算有效,但在循环引用方面却存在一些盲点.. 阅读全文

js运动原理

2013-11-24 23:13 by 臭小子1983, 444 阅读, 收藏,
摘要: 一、匀速运动 从开始到结束速度都不变 1 2 3 4 5 二、加、减速运动 速度越来越慢,或者事度越来越快 公式:速度 = 速度 + 系数; //速度不断增加或减少速度减小到负值,会向反方向运动 1 CSS: 2 7 8 HTML: 9 10 11 12 13 14 三、缓冲运动 速度 = (总距离 - 居左距离)/ 系数; 系数越小缓冲效果明显 1 2 3 4 5 6 四、链式运动 链式运动就是执行完一个运动后接着在执行指定的另一个运动,如:一个方块先移动位置,在改变它的宽度五、弹性运动 1、弹性运动:在目标点左边,加速;在目标点右边,减速根据距... 阅读全文

javascript面向对象和设计模式

2013-08-22 17:37 by 臭小子1983, 889 阅读, 收藏,
摘要: 一、注释写法1 /*2 * @author: 作者3 * @action: 组件的作用4 * @date: 创建日期5 * 6 * Options : events delay // 属性7 * Methods : currentShow getContent /... 阅读全文

javascript 处理表单元素

2013-06-17 14:15 by 臭小子1983, 365 阅读, 收藏,
摘要: 一、通过表单name属性获取表单的各元素 1 2 3 4 5 6 7 8 二、获取文本框的值 1 2 3 4 5 6 三、checkbox 多选元素的处理 1 2 1111 3 2222 4 3333 5 4444 6 7 ... 阅读全文

ajax和json

2013-01-15 16:25 by 臭小子1983, 291 阅读, 收藏,
摘要: 一、json的格式1、var temp = {"aa":1, "bb":2, "cc":3}; // 带变量的json2、{"aa":1, "bb":2, "cc":3}; // 不带变量的json3、var temp = [{"aa":1, "bb":2, "cc":3},{"aa":1, "bb":2, "cc":3},{"aa":1 阅读全文

Javascript 异步加载详解

2013-01-01 12:58 by 臭小子1983, 164 阅读, 收藏,
摘要: 关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式:<script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。js之所以要同步执行,是因为 js 中可能有输出 document 内容、修改d 阅读全文

javascript 常用算法总结

2012-11-24 23:12 by 臭小子1983, 804 阅读, 收藏,
摘要: 算法是程序的灵魂。虽然在前端的开发环境中排序算法不是很经常用到,但常见的排序算法还是应该要掌握的。我在这里从网上整理了一下常见排序算法的javascript实现,方便以后查阅。 一、归并排序: 1 function merge(left, right){ 2 var result =... 阅读全文

apply与call的用法及区别

2012-11-11 09:49 by 臭小子1983, 282 阅读, 收藏,
摘要: 一、call 方法 与apply的区别apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.Function.apply(obj,args)方法能接收两个参数obj:这个对象将代替Function类里this对象args:这个是数组,它将作为参数传给Function(args-->arguments)call:和apply的意思一样,只不过是参数列表不一样.Function.call(obj,[param1[,param2[,…[,paramN]]]])obj:这个对象将代替Function类里this对象params:这个是一个参数列表 1 2 3 1... 阅读全文

JS在IE和Firefox之间的区别

2012-11-11 09:21 by 臭小子1983, 154 阅读, 收藏,
摘要: 1. HTML 对象的 id 作为对象名的问题IE:HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用FF:不支持解决方法:使用document.getElementById替代document.all2.如果控件只有name,没有id, 用getElementById时: IE:可以找到对象FF:返回NULL解决方法:所有控件必须设置ID属性3. Evel:IE:支持,利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象FF:不支持。解决方法:统一使用getElementById(idName) 代替 eval(idName)。4. 阅读全文

谈谈Ajax跨域

2012-07-09 15:56 by 臭小子1983, 331 阅读, 收藏,
摘要: 一、readyState属性 请求时返回的状态码一共五种: 1、未初始化,未调用open()方法; 2、初始化,未调用send() 3、载入完成,send()方法执行完成,已连接到响应内容 4、数据传输中,正在解析内容 5、完成,数据接收完毕可以通过responseText或responseXML来获取响应的数据二、statue属性 返回HTTP状态码: 1xx:临时响应,需要请求者继续发送请求操作 200:成功 3xx:重定向 4xx:响应错误 5xx:服务器错误三、getResponseHeader(name):从响应信息中获取指定的http头四、getAllRes... 阅读全文

各情景下元素宽高的或css中属性值获取

2012-05-30 16:39 by 臭小子1983, 281 阅读, 收藏,
摘要: 为了叙述简单,这里仅拿width示例。情景一,元素style属性设置了width/height<div style="width:100px;">test<div><script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width);</script>如上,使用el.style.width即可。如果没有在style属性中设置width,那么使用el.style.width将获取不到,如下<div>test 阅读全文

Javascript开发经验V1

2012-05-29 17:03 by 臭小子1983, 344 阅读, 收藏,
摘要: 一、简化代码采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。1.1 简化常用对象定义:使用 var obj = {}; 代替 var obj = new Object();使用 var arr = []; 代替 var arr = ... 阅读全文