- 博客(42)
- 收藏
- 关注
原创 为你解惑:js中function(e)的e是什么意思,代表什么。。。。
e指的是事件:在firefox中,只能在事件现场使用window.event,所以只有把event传给函数使用。所以,为了兼容FF和其它浏览器,一般会在函数里重新给e赋值:e = window.event || e;也就是说,如果window.event存在,则该浏览器支持直接使用window.event,否在就是不支持,不支持就使用传进来的e。
2017-02-27 21:58:57
18801
1
原创 问你解惑:表单onfocus和onblur事件。。。
js源码如下: function onmouse(obj,str){ obj.onfocus=function(){ if(this.value=str) { this.value= ""; } }; obj.onblur=function(){ if(this.value="") {
2017-02-27 20:14:48
1182
原创 为您解惑:window下的onload事件。
前言:在网页加载完毕时会触发一个onload事件,即window.onload=“”;1.如果把他们函数逐一绑定到onload事件上,他们中只有最后一个才会被执行,如下:window.onload = firstFuntion;window.onload = secondFuntion;结果只有window.onload = secondFuntion;才会被加载执行。2.
2017-02-27 15:57:41
662
原创 Javascript的方法可以分为三类
JavaScript的方法可分为三类如下:a. 类方法b. 对象方法c. 原型方法具体代码如下:function People(name){ this.name=name; this.Introduce = function(){ // 类方法 console.log("My name is"+this.n
2016-11-13 13:30:18
607
原创 jQuery中宽度和高度的用法区别...........
alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的
2016-11-13 02:04:47
345
原创 为您解惑:JS中宽度、高度的用法区别.........
window 对象1.电脑屏幕分辨率宽高度一般获得方法 代码如下:window.screen.width window.screen.height注:各种版本的浏览器都支持2.电脑屏幕可用工作区宽高度(即:去除任务栏外的电脑屏幕宽高)的一般方法代码如下:window.screen.availWidth window.screen.av
2016-11-09 20:15:48
463
原创 问题:CSS样式引入方法以及CSS权重分配问题.........
一、CSS样式引入方法网页引入css样式的几种方法,包括内联式样式表、嵌入式样式表、外链式、导入式1.内联式样式表:直接写在现有的元素标签中,比如:www.jb51.net2.嵌入式样式表:使用标签嵌入到HTML文件的头部中标记中,如: p{font-size:18px; color:#093;}3.外链式:使用标签调用CSS文件(开发中用这种方式),如;
2016-11-09 10:30:21
2476
原创 为您解惑:html5Web存储........
HTML5 web 存储,可以在本地存储用户的浏览数据,一个比cookie更好的本地存储方式。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。浏览器支持Internet Ex
2016-11-08 11:07:55
308
转载 网站布局之Flex布局 一.......
网页布局(layout)是CSS的一个重点应用。注:布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。下面介绍Flex布局:Flex布局将成为未来布局的首选方案,其浏览器的支持情况如下:一、Flex布局是什么?Flex是Flexible Box的缩写,意为"
2016-11-06 15:00:31
512
原创 为您解惑:HTML5中使用MathML数学公式的简单讲解..........
HTML5 的 HTML 语法允许我们在文档内使用 ... 标签应用 MathML 元素。部分MathML 元素如下:......... 用于设置其包裹的最终表达式的样式。如:............ 用于包裹一个或多个表达式(可省略)。...... 用于包裹上标的表达式(如:指数函数)。...... 用于包裹下表的表达式。.........
2016-11-06 00:19:39
12398
原创 为您解惑:H5语义元素..........
一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持如下:Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意: Internet Explorer 8及更早版本不支持该元
2016-11-04 17:33:50
452
转载 为您解惑:JavaScript-undefined与null区别..........
JavaScript中,null通过typeof结果是“object”,undefined通过typeof结果是undefined这个值是这个类型的唯一成员。null和undefined中都是表示值的空缺,不过两者当做布尔值时都是false,通过==的时候都是相等的,但是null和undefined分别和字符串,数字,布尔值相比时,则比较结果都是false。Null和Undefined区别
2016-11-02 23:48:17
276
原创 网站布局之html布局及flex布局 一 .......
大多数网站可以使用 或者 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。注: 虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。 1 . HTML 布局 - 使用 元素div 元素是用于分组 HTML 元素的块级元素。下面的例子使用五个 div 元素来创建
2016-11-02 23:16:31
913
转载 CSS-三角形及其原理..........
CSS中三角形在网页中比较常见,以前是图片,不过现在基本上都是通过CSS可以完成,实现比较简单,我们可以看一组简单的三角形效果:css代码如下 :.triangle { width: 0; height: 0; border-top: 20px solid #EEB422; border-right: 20px solid #C0FF3E; bo
2016-11-02 17:15:23
307
转载 为您解惑:js中继承的几种用法总结(apply,call,prototype).........
js中对象继承有三种继承方式1.js原型(prototype)实现继承 function Person(name,age){ this.name=name; this.age=age; } Person.prototype.sayHello=function(){ alert("使用原型得到Name:"+t
2016-11-02 15:54:29
291
原创 JavaScript的全局属性和全局函数总结.........
Javascript 全局函数JavaScript 中包含以下 7 个全局函数,用于完成一些常用的功能(以后的章节中可能会用到):escape( )、eval_r( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。1. escape( )escape( ) 函数以一个 string 对象或表达式为参数并返
2016-10-31 21:46:13
521
转载 改善用户体验 Web前端优化策略总结.........
前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。总之,恰
2016-10-31 21:40:10
5089
原创 为您解惑:JavaScript中的apply()方法和call()方法使用介绍...........
前言:apply()和call()的真正用处是能够扩充函数赖以运行的作用域。1、每个函数都包含两个非继承而来的方法:apply()和call()。2、他们的用途相同,都是在特定的作用域中调用函数。3、接收参数方面不同:
2016-10-31 18:30:13
311
转载 为您解惑:JS模块与命名空间的介绍........
起因将代码组织到类中的一个重要原因是让代码更加“模块化”,可以在很多不同的场景中实现代码的重用。但类不是唯一的模块化代码的方式。一般来讲,模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。模块化的目标是支持大规模的程序开发,处理分散源中代码的组装,并且能让代码正确运行,哪怕包含了不需要的模块代码,也可以正确执行代码。理
2016-10-31 18:08:42
1717
转载 为您解惑: 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
368
原创 为您解惑:立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别.........
1. 传统的方法定义(声明)并执行如下: function foo() {...} // 这是定义 ;定义只是让解释器知道其存在,但是不会运行。 foo(); // 这是语句 ;解释器遇到语句是会运行它的。注:(1)传统的方法比较繁琐,定义(声明)和执行分开 ; (2)传统的方法直接污染全局命名空间 。
2016-10-31 10:46:55
493
原创 为您解惑:涉及到变量定义以及作用域.........
情景一: 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
234
原创 为您解惑:Jquery中$.ajax()方法参数详解........
ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用(因为ajax()里面的
2016-10-30 12:36:11
1205
转载 为您解惑: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
9812
原创 为您解惑:JSON的eval()和parse()方法以及stringfy()方法
JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。为了更简单地讲解,下面使用字符串作为输入进行演示(而不是文件)。(1)把 JSON 文本转换为 JavaScript 对象a. 由于 JSON 语法是 JavaScript 语法的子集,JavaS
2016-10-29 20:30:08
639
转载 为您解惑:jquery的$().each,$.each的区别
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。1. $().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:$("input[name='ch']").ea
2016-10-29 19:46:35
343
转载 为您解惑:JavaScript命名空间的理解与实现........
命名空间:JavaScript不像C#或Java,有专门的namespace和package语法支持,当JS复杂到一定程度,尤其是引用大量的第三方JS框架和类库之后,命名冲突就会成为一个严重的问题,因此使用JS自己的变通方式建立命名空间很重要。
2016-10-24 17:27:26
285
转载 标准W3C盒子模型和IE盒子模型之CSS布局经典盒子模型
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同。标准盒子模型:从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。ie 盒子模型
2016-10-23 21:41:23
393
转载 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
467
转载 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
629
转载 JavaScript中定义对象的几种方式
JavaScript中没有类的概念,只有对象。在JavaScript中定义对象可以采用以下5种方式(附加改进方式):1.基于已有对象扩充其属性和方法2.工厂方式3.构造函数方式4.原型(“prototype”)方式5.动态原型方式一.基于已有对象扩充其属性和方法 var obj=new Object() //obj={} 也可以这
2016-10-22 16:58:30
2205
原创 题型:编写一段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
6890
1
原创 为您解惑:关于内层DIV设置margin-top不起作用的解决方案。。。
//代码如下:上层 子层猿猿们理想中的效果是父层和上部层贴边显示,子层距离父层顶部有40px的距离,在ie中正常,但是在ff中却出现问题,子层和父层贴边了,而父层和上部层却间隔了40px。原因如下:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。也就是说因为子层是父层的第一个非空子元素
2016-10-20 11:25:24
3197
转载 JavaScript 语言基础知识点总结—链接
JavaScript语言基础知识链接—DOM,http://www.cnblogs.com/leejersey/archive/2013/02/20/2918438.html
2016-10-19 21:41:23
216
原创 为您解惑:JS事件流之由浅入深剖析......
事件流:function stopPro(e) { if (e && e.stopPropagation) { //W3C取消冒泡事件 e.stopPropagation(); } else { //IE取消冒泡事件 window.event.cancelBubble = true; } };
2016-10-19 21:39:29
283
原创 为你解惑:css中单位px,em,rem的区别。。。
前言:所有现代浏览器下默认字体尺寸是16px,不过可以人为的把body里面定义font-size:12px;(把浏览器默认16px改小了. 即:12px)。1. PX像素(pixel):相对长度单位,像素PX是相对于显示器屏幕分辨率而言的。px是你屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽、比例有可能会不同。假设:你现在用的显示器上1px宽=
2016-10-19 20:33:49
361
原创 题型:涉及到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
373
转载 jQuery(function(){})与(function(){})(jQuery)的区别
开发jQuery插件时总结的一些经验分享一下。 一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 二、再看 (function(){ })(jQuery); 其实际上是执行()(para)匿名方法,只不过是传递了jQ
2016-10-19 15:17:18
219
原创 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
7255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人