javascript
文章平均质量分 61
hello刘海
这个作者很懒,什么都没留下…
展开
-
Windows下安装Grunt的指南和相关说明
Grunt基于Node.js,其中 npm 是 Node.js 的包管理器,而Grunt和Grunt插件就通过 npm 安装并管理。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。安装Node.js:去Node.js官网,点击INSTALL下载并安装,现在的Node.js会自动安装npm。安装完成之后,打开命令行,进行后续的操作(开始->输入C转载 2015-08-17 14:12:11 · 1739 阅读 · 0 评论 -
github本地如何上传代码
注册GitHub后你就会有0.3G的免费空间,不过只能创建公开项目,这也满足代码分享的目的,我最喜欢的倒是它的代码展示方式,可以直接浏览你的代码,代码是经过高亮、添加行号处理过的,十分漂亮,体验一流,比如这个Webpy托管的地方。而作为想要了解你代码的人,可以选择直接在线浏览自己感兴趣的,也可以直接下载压缩包,或者直接使用Git clone到本地。因为GitHub是基于Git版本控制系统,所以你上转载 2014-09-18 16:00:31 · 602 阅读 · 0 评论 -
js中用cssText设置css样式
如果网页中一个 id为“no”的标签,暂且当div标签来tell;想要在js中设置这个div的css样式,很一般的做法是:var obj = document.getElementByIdx_x_x('no');obj.style.width = '400px';obj.style.height = '300px';如果要设置一堆又一堆的css样式呢,太麻烦了把、一般情转载 2014-05-09 16:38:23 · 793 阅读 · 0 评论 -
js小数计算小数点后显示多位小数
今天在处理数据的时候发现js两个数运算,结果会出现很多小数位.比如:0.56*100=0.5600000000001还有,3.1+2=5.100000000001.网上查,这是因为Javascript的数字类型是以64位的IEEE 754格式存储的。解决方法可以用toFixed()方法,把Number四舍五入为指定的小数位.function getNumber(a, b原创 2014-03-04 14:48:07 · 1110 阅读 · 0 评论 -
Ajax中跨域同步的问题
先来说下Ajax的同步问题async(Boolean)(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。例子:$.ajax({type:'get',url:'XXXXXXXX.php',//async:false,success:原创 2014-03-04 14:24:00 · 1571 阅读 · 1 评论 -
js生成百分比以及小数点后位数确定
js生成百分比以及小数点后位数确定:function Percentage(number1, number2) { return (Math.round(num / total * 10000) / 100.00 + "%"); 小数点后两位百分比 //return Math.round(num / total) * 100 + "%"; 整数百分比}转载 2014-02-20 13:30:46 · 1848 阅读 · 0 评论 -
跨域getJson遇到的问题
在项目中遇到的这个问题.跨域要注意的两点:(1)必须是get方式;(2)必须是json格式.跨域直接用的jquery的getJson,那么后台返回的数据必须是json格式,同时,在url添加callback参数:例:$.getJSON('http://www.baidu.com?jsonpCallback=?',function(data){});用$.ajax()原创 2014-03-03 15:11:19 · 1385 阅读 · 0 评论 -
jquery live() 替换 方法
在新版的jquery中,live()方法已经被删除了,所以我们在调用的时候会提示该函数不存在,js报错。解决方法是使用on()函数替换,原来的写法是:如果直接替换为on()方法,那么新生成的元素再次点击事件的时候不会有任何效果,新的语法是:这里涉及到一个问题,$("body")这里为什么是body,其实我们可以选择其他的距转载 2014-02-26 16:02:29 · 698 阅读 · 0 评论 -
javascript阻止事件冒泡和浏览器的默认行为
1、阻止冒泡:cancelBubble:只要event事件做了兼容,ev.cancelBubble兼容所有浏览器;stopPropagation:不兼容IE6/7/8;obj.onclick = function(ev) {var ev = ev || event; // IE中event事件是内置的,即window.event; 标准:是都过事件函数的参数得到.ev原创 2014-02-26 16:46:56 · 934 阅读 · 0 评论 -
IE6下a标签无法点击bug----position和定义的宽度和高度
前几天在做一个网站的引导页面,因为都是用图片,所以按钮需要用空a标签来做,发现a标签在IE6与IE7中点击无效中点击不了,其他浏览器都正常。一开始以为是z-index的问题,但不论z-index设置多大依然还是无效。代码大致如下: a style="position:absolute; top:0; left:0; display:block; width:100px; heigh转载 2014-02-13 16:48:24 · 878 阅读 · 0 评论 -
IE6 a href onclick 执行顺序 && IE6下a标签发ajax请求的深坑
IE6 a href onclick 执行顺序第一篇 百度的转摘:http://hi.baidu.com/daijun2007/blog/item/750259df953c071e62279868.html'javascript:void(0);' onclick='_gotoPage(url_go , 2, 10)' >")下一页IE6下上面的onclick事件不会被响应,换转载 2014-02-13 14:37:23 · 1869 阅读 · 0 评论 -
CSS中expression使用简介
定义 IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个转载 2014-02-21 18:07:03 · 508 阅读 · 0 评论 -
css3弹性盒子模型之box-flex
box-flex是css3新添加的盒子模型属性,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分。但是它有一定的局 限性,在firefox、chrome这浏览器下需要使用它们的私有属性来定义:firefox(-moz)、chrome(-webkit)。一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。 11转载 2014-08-05 10:39:03 · 1284 阅读 · 0 评论 -
NodeJS、NPM安装配置步骤(windows版本)
1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。转载 2014-09-03 09:58:08 · 10295 阅读 · 0 评论 -
js在浏览器兼容教程:事件处理
如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,主要的JavaScript的事件模型有三种(参考《Supporting Three Event Models at Once》),它们分别是NN4、IE4+和W3C/Safar。1. window.event【分析说明】先看一段代码function et(){ aler转载 2014-08-27 17:33:41 · 456 阅读 · 0 评论 -
jquery 的focusin跟focusout方法的使用
jquery 的focusin和focusout方法的使用focusin(fn)概述在每一个匹配元素的focusin事件中绑定一个处理函数。当一个元素,或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。参数fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。转载 2015-01-31 17:01:20 · 3264 阅读 · 0 评论 -
javasciript 字符串方法整理
JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。var index1 =原创 2015-01-15 20:42:12 · 875 阅读 · 1 评论 -
CSS3知识整理——(一)
Css3 选择器 --属性选择器(1)原创 2014-09-29 10:06:34 · 624 阅读 · 0 评论 -
CMD与AMD的区别
1、从官方推荐的写法上面得出:CMD ----- 依赖就近//CMD define(function(require,exports,module){ var a = require('./a'); a.doSomthing(); });转载 2014-09-02 17:20:56 · 745 阅读 · 0 评论 -
iPads和iPones的Media Queries
CSS3 Media Queries是一个强大的媒体查询功能,他的出现使用我们的站点可以随着不同的设备展现出不同的样多风格。紧随着Responsive设计的出现,Media Queries的功能是越来越得到前端人员的亲眯。我也不另外,跟着这股时尚流行风,从接触到学习,紧接的到应用,对这个属性有了基本上的了解和实战经验。为了大家方便使用Media Queries,W3cplus通过互联网转载 2014-09-15 17:00:37 · 502 阅读 · 0 评论 -
HTML5基础知识整理(二)—— 新特性
HTML5新特性的浏览器支持情况http://www.caniuse.com/#index原创 2014-09-24 17:59:30 · 639 阅读 · 0 评论 -
HTML5基础知识整理(一)—— 新增标签和属性
HTML5新特性的浏览器支持情况http://www.caniuse.com/#index原创 2014-09-19 15:28:49 · 1082 阅读 · 0 评论 -
总结XSS与CSRF两种跨站攻击
XSS:跨站脚本(Cross-site scriptingCSRF:跨站请求伪造(Cross-site request forgery) 在那个年代,大家一般用拼接字符串的方式来构造动态SQL 语句创建应用,于是SQL 注入成了很流行的攻击方式。在这个年代,参数化查询已经成了普及用法,我们已经离SQL 注入很远了。但是,历史同样悠久的XSS 和CSRF 却没有远离我们。由于转载 2014-09-23 21:43:33 · 721 阅读 · 0 评论 -
oninput事件、onchange事件和onpropertychange事件
1、onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onpropertychange事件却是实时触发,即每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件IE专有。2、oninput事件与onpropertychange事件的区别:oninput事件是IE之外的大多数浏览器支原创 2014-09-23 15:01:50 · 1443 阅读 · 0 评论 -
iframe跨域问题
postMessage对象原创 2014-09-23 15:18:45 · 527 阅读 · 0 评论 -
CSS Expressions有多可怕
CSS Expressions 俗称 CSS 表达式,避免使用 CSS Expressions 是前端开发的一个重要指南,为什么要避免使用 CSS Expressions 呢?我们看看雅虎YUI的说明:表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时,就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随转载 2014-02-21 18:00:59 · 729 阅读 · 0 评论 -
IE下 z-index 的各种坑
z-index属性: 1.z-index : auto | number2.z-index 属性设置元素的堆叠顺序,如果为正数,则离用户更近,为负数则表示离用户更远;拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面;3.z-index 仅能在定位元素上奏效(position 属性值为 relative 或 absolute 或 fixed的对象)。 z-index转载 2014-02-14 09:51:35 · 859 阅读 · 0 评论 -
深入认识javascript中eval函数的用法
先说明下本文的两个目的:(1)介绍javascript中的eval函数的用法(2)如何在函数内执行全局代码►先来说eval函数的用法,内容比较简单,熟悉的可以跳过。eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才转载 2014-02-21 17:04:05 · 853 阅读 · 0 评论 -
myValue!=false和!myValue
if(myValue!=false)和if(myValue)和if(myValue==true) 是等价的。if(!myValue) 和if(myValue!=true)和if(myValue==false) 是等价的。 这个有点晕乎了。。。原创 2013-11-04 16:13:57 · 582 阅读 · 0 评论 -
getElementByName在IE下的限制
今天整段js,就是getElementsByName在FF中没问题,但是在IE中总是提示undefined。后来查了以后才知道,getElementsByName在IE中有很多限制。。。document.getElementsByName('someName') 返回一个节点列表(数组)document.getElementByIdx_x('id') 返回一个节点或者null注意在IE原创 2013-11-04 16:13:45 · 585 阅读 · 0 评论 -
判断图片是否加载完全能,兼容fire…
在很多时候我们需要给页面中大小不一的图片按高宽比例自适应进行缩小,以方便用户浏览,但是如果没有判断图片是否加载完成就进行设置的话,会造成页面在加载过程中会先出现很多大图,造成页面混乱,所以就需要在调整图片大小前对图片是否加载完成进行判断。JavaScript判断是否加载完成的方法是onload(),但是好像对ie不是很兼容。jQuery判断的方法是load(),但是偶尔在firefox中会原创 2013-11-04 16:13:12 · 596 阅读 · 0 评论 -
浏览器中的BOM和DOM
BOM 浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态栏中的文本,对Cookie的支持,IE还扩展了BOM,加入了ActiveXObject类,可以通过js脚本实例化ActiveX对象等等)文档结构图BOM由以一系列相关的对象组成。下图展示了基本的BOM体系结构。BOM原创 2013-11-04 16:14:28 · 655 阅读 · 0 评论 -
给JavaScript新手的24条实用建议
本篇文章来源于 站长资讯网 原文链接:http://www.chinahtml.com/1005/127506237918685.html 1. 用 === 代替 ==JavaScript里有两种不同的相等运算符:===|!==和==|!=。相比之下,前者更值得推荐。请尽量使用前者。“如果两个比较对象有着同样的类型和值,===返回true,!==返回false。”- JavaScript原创 2013-11-04 16:14:05 · 496 阅读 · 0 评论 -
document.all用法
一.document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面内第一个元素二.document.all可以判断浏览器是否是IEif(document.all){alert("is IE!");}三.也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素四.案例:代码1:alert原创 2013-11-04 16:13:59 · 672 阅读 · 0 评论 -
document.compatMode介绍
今天在网上看到一段scroll的js,但是放到自己的页面里面会出现兼容性问题,发现原来是document.compatMode的原因。以前没有接触,今天就趁这个机会好好查了下。但是对于StandardsMode和Quirks Mode版本的差别还是不清楚。 对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到do原创 2013-11-04 16:13:30 · 426 阅读 · 0 评论 -
XMLHTTPRequest基础介绍
XMLHttpRequest 是 AJAX 的基础。。。XMLHttpRequest可以提供不重新加载页面的情况下更新网页,在页面加载后在客户端向服务器请求数据,在页面加载后在服务器端接受数据,在后台向客户端发送数据。XMLHttpRequest对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET请求的能力。XMLHttpRequest 可以同步原创 2013-11-04 16:13:22 · 532 阅读 · 0 评论 -
offsetX与layerX区别
FF没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。function GetMousePosStr(evnt,ele){ var evnt原创 2013-11-04 16:14:54 · 1479 阅读 · 0 评论 -
js对象操作,删除某个属性
今天在开发中遇到js对象操作问题,做了以下总结:对象定义var obj = new Object();或var obj = {};添加属性obj.name = 'tom';obj.ses='man';添加方法obj.say = function(){alert('22222');}调用 obj.say();修改属性obj.name='jack';删除属性原创 2013-11-04 16:14:45 · 17817 阅读 · 0 评论 -
document.domain 跨域问题
document.domain用来得到当前网页的域名。比如在地址栏里输入:javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值,不过是有限制的,你只能赋成当前的域名或者基础域名。比如:javascript:alert(document.domain = "315ta.com"); /原创 2013-11-04 16:14:23 · 541 阅读 · 0 评论 -
JS函数作用域
什么是JS作用域: 域:空间、范围 全局:整个 document 的 script 局部:函数、对象内 作用:读、写 浏览器中:JS解析器的工作原理 代码读到 script标签了,JS 解析器就开始工作了(至少分两步)原创 2013-11-04 16:14:43 · 806 阅读 · 0 评论