2016年10月_zhangq0123

原创 JavaScript的全局属性和全局函数总结.........

Javascript 全局函数JavaScript 中包含以下 7 个全局函数，用于完成一些常用的功能（以后的章节中可能会用到）：escape( )、eval_r( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。1. escape( )escape( ) 函数以一个 string 对象或表达式为参数并返

2016-10-31 21:46:13 527

转载改善用户体验 Web前端优化策略总结.........

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？ 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰

2016-10-31 21:40:10 5098

原创为您解惑：JavaScript中的apply()方法和call()方法使用介绍...........

前言：apply()和call()的真正用处是能够扩充函数赖以运行的作用域。1、每个函数都包含两个非继承而来的方法：apply()和call()。2、他们的用途相同，都是在特定的作用域中调用函数。3、接收参数方面不同：

2016-10-31 18:30:13 315

转载为您解惑：JS模块与命名空间的介绍........

起因将代码组织到类中的一个重要原因是让代码更加“模块化”，可以在很多不同的场景中实现代码的重用。但类不是唯一的模块化代码的方式。一般来讲，模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。模块化的目标是支持大规模的程序开发，处理分散源中代码的组装，并且能让代码正确运行，哪怕包含了不需要的模块代码，也可以正确执行代码。理

2016-10-31 18:08:42 1721

转载为您解惑： jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别

1 . (function($) {…})(jQuery);（1）原理：这实际上是匿名函数，解释如下： a. function(arg){…}这就定义了一个匿名函数，参数为arg； b. 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){…})(param)；这就相当于定义了一个参数为arg的匿

2016-10-31 12:16:07 369

原创为您解惑：立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别.........

1. 传统的方法定义（声明）并执行如下： function foo() {...} // 这是定义；定义只是让解释器知道其存在，但是不会运行。 foo(); // 这是语句；解释器遇到语句是会运行它的。注：（1）传统的方法比较繁琐，定义（声明）和执行分开；（2）传统的方法直接污染全局命名空间。

2016-10-31 10:46:55 494

原创为您解惑：涉及到变量定义以及作用域.........

情景一： function vText(){ var a=b=2; console.log(a); console.log(b);}情景二：function vText(){ var a=b=2; }console.log(a);console.log(b);情景三：(function

2016-10-30 21:53:11 235

原创为您解惑：Jquery中$.ajax()方法参数详解........

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax() 可以不带任何参数直接使用(因为ajax()里面的

2016-10-30 12:36:11 1207

转载为您解惑：jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。使用方法：$.getJSON( url [, data ] [, success(data, textStatus, XHR) ] )url是必选参数，表示json数据的地址即发送的请求；data是可选参数，用于请求数据时发送的数据参数；success是可选参数，

2016-10-30 00:39:57 9819

原创为您解惑：JSON的eval()和parse()方法以及stringfy()方法

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。为了更简单地讲解，下面使用字符串作为输入进行演示（而不是文件）。（1）把 JSON 文本转换为 JavaScript 对象a. 由于 JSON 语法是 JavaScript 语法的子集，JavaS

2016-10-29 20:30:08 643

转载为您解惑：jquery的$().each,$.each的区别

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。1. $().each,对于这个方法，在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如：$("input[name='ch']").ea

2016-10-29 19:46:35 349

转载为您解惑：JavaScript命名空间的理解与实现........

命名空间：JavaScript不像C#或Java，有专门的namespace和package语法支持，当JS复杂到一定程度，尤其是引用大量的第三方JS框架和类库之后，命名冲突就会成为一个严重的问题，因此使用JS自己的变通方式建立命名空间很重要。

2016-10-24 17:27:26 288

转载标准W3C盒子模型和IE盒子模型之CSS布局经典盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同。标准盒子模型：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。ie 盒子模型

2016-10-23 21:41:23 395

转载 HTML,CSS中判断IE版本的语句........

css中判断IE版本的语句 Only IE 6/+ ：1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别

2016-10-23 21:24:54 631

转载 IE/FF/Chrome下document.documentElement/body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否到达页面底部。

DTD已声明：IEdocument.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度；document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0；document.documentEle

2016-10-23 16:00:29 469

转载 HTML中DTD使用小结

DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。 DTD：三种文档类型：S（Strict）、T（Transitional）、F（Frameset）。 Strict：如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用 Transitional：DTD 可包含 W3C 所期望

2016-10-23 14:02:59 631

转载 JavaScript中定义对象的几种方式

JavaScript中没有类的概念，只有对象。在JavaScript中定义对象可以采用以下5种方式（附加改进方式）：1.基于已有对象扩充其属性和方法2.工厂方式3.构造函数方式4.原型（“prototype”）方式5.动态原型方式一.基于已有对象扩充其属性和方法 var obj=new Object() //obj={} 也可以这

2016-10-22 16:58:30 2207

原创题型：编写一段JS代码提取URL中的各个GET参数，并按Key_Value的形式返回到一个对象中（如：Json结构）

var url="http://www.taobao.com/index.php?keya=00&keyb=11&keyc=22";function parseQueryString(url){ var str=url.split("?")[1]; var iterms = str.split("&"); var arr,Json={}; f

2016-10-21 12:01:25 6892 1

原创为您解惑：关于内层DIV设置margin-top不起作用的解决方案。。。

//代码如下：上层　　子层猿猿们理想中的效果是父层和上部层贴边显示，子层距离父层顶部有40px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了40px。原因如下：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。也就是说因为子层是父层的第一个非空子元素

2016-10-20 11:25:24 3199

转载 JavaScript 语言基础知识点总结—链接

JavaScript语言基础知识链接—DOM,http://www.cnblogs.com/leejersey/archive/2013/02/20/2918438.html

2016-10-19 21:41:23 217

原创为您解惑：JS事件流之由浅入深剖析......

事件流：function stopPro(e) { if (e && e.stopPropagation) { //W3C取消冒泡事件 e.stopPropagation(); } else { //IE取消冒泡事件 window.event.cancelBubble = true; } };

2016-10-19 21:39:29 284

原创为你解惑：css中单位px,em,rem的区别。。。

前言：所有现代浏览器下默认字体尺寸是16px，不过可以人为的把body里面定义font-size:12px;（把浏览器默认16px改小了. 即：12px）。1. PX像素(pixel)：相对长度单位，像素PX是相对于显示器屏幕分辨率而言的。px是你屏幕设备物理上能显示出的最小的一个点，这个点不是固定宽度的，不同设备上点的长宽、比例有可能会不同。假设：你现在用的显示器上1px宽=

2016-10-19 20:33:49 365

原创题型：涉及到i++的用法，变量作用域以及闭包的概念

function foo(){ var i=0; return function(){ console.log(i++); }}var f1=foo(), f2=foo();f1(); // 输出的i等于0 /* 因为i++在输出函数里面是先输出i，然后再进行

2016-10-19 16:30:19 374

转载 jQuery(function(){})与(function(){})(jQuery)的区别

开发jQuery插件时总结的一些经验分享一下。一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。二、再看 (function(){ })(jQuery)；其实际上是执行()(para)匿名方法,只不过是传递了jQ

2016-10-19 15:17:18 220

原创 css属性：word-wrap:break-word; 与 word-break:break-all 的用法；

前言：在一个长宽固定的div容器中，多行文字和英文句子都默认自动换行。不过，对于英语单词而言，会有一些微妙的变化！//没有添加word-wrap:break-word和word-break:break-all时 I am a good boy, hahahahhahahahahahaha everyone likes me...//添加word-wrap:break

2016-10-19 11:06:12 7259

原创元素，单行文字或多行文字，图片之水平垂直居中的方法大全及例子分析

1.元素水平垂直居中利用CSS进行元素的水平居中，比较简单，行内素设置其父元素的text-align center，块级元素设置其本身margin为0 auto即可。而垂直居中要按情况而定。//方法一： <div class="child" style="width:40%;height:20%;background:#3FC430; position:ab

2016-10-19 09:05:02 592

原创 Javascript中数组查重的方法总结大全

数组查重：简单点说，就是找出数组中重复的元素然后去除，最后得到一个没有重复元素的数组。// 方法一思路： 1.构建一个新的数组，用于存放结果。 2.for循环中每次从数组取出一个元素，用这个元素与结果数组的中的每个元素相比。 3.若结果数组中没有和取出的元素相同，则存放在结果数组中。//自定义函数var ret= function(arr){

2016-10-17 22:16:03 15034

zhangq0123的博客