JS
文章平均质量分 67
音韵者天-waker
关注web开发,专注前端开发
展开
-
内容不足一屏时的footer固定底部
在网页开发中经常遇到内容不足一屏幕时,footer显示的问题。通常footer是需要公用的,所以在一些内容较少的页面就会出现footer下面留空白。以下是几种常见的解决办法:1. css解决办法。这种是通过负值外补丁来实现的。 html, body { height: 100%;} #wrapper { min-height: 100%;} /*#wrapper 是除foot原创 2016-01-04 23:06:02 · 1215 阅读 · 0 评论 -
jQuery / zepto ajax 全局默认设置
jQuery / zepto 的 $.ajax 方法需要配置很多选项, 有些是很常用的每个 ajax 请求都要用到的, 可以全局设置, 避免每次都写.注意: 此处用的 jQuery 版本是 1.8.3, zepto 版本是 1.1.6 和 1.2.0. 使用别的版本的要自己测试下.#jQuery 的方法是 jQuery.ajaxSetup()$.ajaxSetup({ url: "/xm转载 2017-09-20 15:57:32 · 1370 阅读 · 0 评论 -
正则表达式
1.替换字符串中所有指定的字符var str = "1a2a3a";var reg = new RegExp("a","g");var result = str.replace(reg,"0");//"102030"原创 2016-10-25 16:56:34 · 449 阅读 · 0 评论 -
使用canvas绘制几何图形
几何图形分两种,一种是由线段构成的,一种是由弧线构成的,下面将利用canvas绘制一个矩形和圆形。canvascanvas是HTML5引入的一个定义图形的标签,相当于一个容器,所以图形的绘制还必须用脚本来完成。绘制矩形html<canvas id="canvas">你的浏览器居然不支持Canvas?</canvas>jsvar canvas = document.getElementById("ca原创 2017-03-16 00:07:25 · 1781 阅读 · 0 评论 -
JS提取字符串方法:substring、substr、slice的区别
这三个方法都是提取字符串里面子串的方法,虽然平时使用挺多,但是每次都要去看文档以防参数传递错误。下面对这三个方法做一个详细的区别。substringString.substring(x,y): x:必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 y:可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置原创 2017-03-14 23:35:46 · 4870 阅读 · 0 评论 -
node.getAttribute('someAttribute')和node.someAttribute的区别
「node.getAttribute(‘someAttribute’)」获取的是「attribute」,而「node.someAttribute」获取的是元素的「property」,二者并不相同。在大多数情况下「property」和「attribute」是同步的,如场景1。场景1:<input id="username" type="text"><script>var userInput = d翻译 2016-10-11 16:23:23 · 1375 阅读 · 0 评论 -
JS 函数的几个作用
一、作为一个类构造器使用function Class(){}Class.prototype={};var item=new Class(); 二、作为闭包使用(function(){ //独立作用域})();三、作为构造函数调用所谓构造函数,就是通过这个函数生成一个新对象(object)。function Test(){//大写,以区分普通函数 this.x = 10;}v转载 2017-02-08 02:30:24 · 982 阅读 · 0 评论 -
js中的事件委托
知识点温故而知新 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。好处呢:1,提高性能。我们可以看一个例子:需要触发每个li来改变他们的背景颜色。<ul id="ul"> <li>转载 2016-10-28 16:29:52 · 474 阅读 · 0 评论 -
JavaScript Scoping and Hoisting
今天谈一谈JS作用域相关的东西。因为文章是一篇译文,所以针对标题没有做翻译。可以简单的理解成JS作用域提升或者JS变量提升。好了,下面开始翻译。。。下面的代码执行完后会输出什么?var foo = 1;function bar() { if (!foo) { var foo = 10; } alert(foo);}bar();很以为,输出答案是10。翻译 2016-10-13 20:03:57 · 423 阅读 · 0 评论 -
移动端click事件300ms延迟
前因给元素绑定click事件后在移动端下会有一定的延迟,主要是从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击(double tap)操作。解决办法Chrome浏览器在安卓设备上的时候,设置meta头信息中,阻止用户的多点触控操作<meta name="viewport" content="minimum-sca原创 2016-10-25 17:27:36 · 1056 阅读 · 0 评论 -
javaScript相等运算符==
先来看这个例子,请问下面表达式的值是多少。 0 == null如果你不确定答案,或者想知道语言内部怎么处理,就可以去查看规格,7.2.12小节是对相等运算符(==)的描述。规格对每一种语法行为的描述,都分成两部分:先是总体的行为描述,然后是实现的算法细节。相等运算符的总体描述,只有一句话。"The comparison x == y, where x and y are values, pr转载 2016-10-13 19:22:42 · 480 阅读 · 0 评论 -
javaScript的!逻辑运算符小技巧整理
下面是返回true的情况!null //true!undefined //true!0 //true!NaN //true!"" //true下面是返回false的情况!Array //false!Function //false!String //false!Object //false!Number //false!" " //f原创 2016-10-13 19:08:50 · 361 阅读 · 0 评论 -
JavaScript中undefined和null的异同
JavaScript两个表示”无”的值:undefined和null。我在平时只是null用的多一点,undefined只是在报错中经常遇到。下面针对这两个数据类型的异同做一下详细的比较。undefined和null在if语句中,都会被自动转为false,相等运算符直接报告两者相等。!null==!undefined==truenull表示”没有对象”,即该处不应该有值。典型用法是: (原创 2016-10-13 18:52:49 · 366 阅读 · 0 评论 -
jquery对象与DOM对象的相互转换
在写js的时候经常用到JQ对象和DOM对象互相转换的过程,以下对二者之间的转换做了总结记录下来。DOM对象?DOM—Document Object Model,它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。 所以DOM对象也就是我们通过js直接获取的HTML节点。element.getElementById('id');element.getElemen原创 2016-08-02 19:50:08 · 543 阅读 · 0 评论 -
JQ的hover方法与mouseenter、mouseleave、mousemove、mouseover、mouseout 之间的关系
这几个都是JQ处理鼠标hover相关的事件。下面对其之间的区别和联系做一下详细分析。mouseenter 当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。 与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。mo原创 2016-08-17 14:17:21 · 3994 阅读 · 0 评论 -
js判断一个对象为数组的方法
数组对象js的数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组,这样就可以创建复杂的数据结构。通常我们可以用一元运算符typeof来判断js的数据类型,但是对于数组这样一个特殊的对象却只能返回"object"typeof [1,2,3]"object"typeof 100"number"typeof false"boo原创 2016-06-26 01:25:17 · 4129 阅读 · 0 评论 -
jQuery.each()函数(译)
http://www.sitepoint.com/jquery-each-function-examples/ 原文地址 jQuery 的each()函数是一个相当重要的扩展。这个函数是一个jQuery最重要和最常用的功能。在本文中,我们将找出原因并研究其细节明白如何使用它。什么是jQuery.each()?jQuery的 each()函数用于循环JQ对象的每一个元素。如果你没有用过jQuer翻译 2016-01-26 18:46:51 · 916 阅读 · 0 评论 -
手机访问本地项目实现远程调试的几种办法
一、在服务器环境下通过IP访问首先搭建一个服务器环境或者下载现成的程序集成包(比如phpstudy、jspstudy等)。确保服务器和手机连接在同一网段。如果是笔记本的话,手机和笔记本直接连接在同一wifi下,如果是台式机,则需要插入无线网卡或者其他的无线措施确保两个在同一网段下。通过本机IP+端口访问需要测试的项目。二、liveStyleliveStyle是个提供“样式实时预览”插件,在原创 2016-09-07 15:31:44 · 6197 阅读 · 0 评论