一个通过script自定义属性传递配置参数的方法

2017年02月06日 13 阅读

刚刚开始正式的职业生涯，最近几天在给公司做统一的头部js，想到了一个通过script自定义属性传递配置参数的方法。有时候我们编写了一个js插件，要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签，在里面调用。如一个图片切换的插件。其代码大致如下：$.fn.picSwitch = function（option）{//这里是图片切换的代码}再引入了该插件后，需要再在另外的script标签内加入调用代码$（"#pic"）.picSwi...

css与javascript跨浏览器兼容性总结

2017年02月06日 12 阅读

本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下：一、CSS样式兼容性1. FLOAT闭合（clearing float）网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。解决办法：1） 给父...

JavaScript function 的 length 属性使用介绍

2017年02月06日 12 阅读

[1,2,3]. length 可以得到 3 ， "123" . length 也可以得到 3 ，这个略懂js的都知道。但是 eval. length ，RegExp. length ，"".toString. length ，1..toString. length 会得到什么呢？分别得到 1 ， 2 ， 0 ， 1 ，这些数字代表什么呢？其实函数的 length 得到的是形参个数。我们来简单看个例子：function test（a,b,c） {}test...

avascript中的自执行匿名函数应用示例

2017年02月06日 14 阅读

Javascript中的自执行匿名函数格式：（function（）{ //代码 }）（）; 解释：这是相当优雅的代码（如果你首次看见可能会一头雾水：）），包围函数（function（）{}）的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。来个带参数的例子：（function（arg）{ alert（arg+100）; }）（20）; // 这个例子返回120。 重要用途：可以用它创建命名空间，只要把自己所...

JavaScript的arguments对象应用示例

2017年02月06日 12 阅读

arguments 对象在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。例如，在函数 sayHi（） 中，第一个参数是 message。用 arguments[0] 也可以访问这个值，即第一个参数的值（第一个参数位于位置 0，第二个参数位于位置 1，依此类推）。因此，无需明确命名参数，就可以重写函数：function sayHi（） {if （arguments[0] == "bye"） {return;}alert...

JavaScript中变量声明有var和没var的区别示例介绍

2017年02月06日 12 阅读

本文来论述JavaScript中变量声明有var和没var的区别，关于Js中的变量声明的作用域是以函数为单位，所以我们经常见到避免全局变量污染的方法是（function（）{ // ... }）（）;在函数内部，有var和没var声明的变量是不一样的。有var声明的是局部变量，没var的，声明的全局变量，所以可以借此向外暴露接口东东。 在全局作用域内声明变量时，有var 和没var看起来都一样，我们知道，声明的全局变量，就是window的属性，究竟是否一样...

JavaScript的null和undefined区别示例介绍

2017年02月06日 14 阅读

先说说undefined：Javascript中的变量是弱类型的， 所以声明变量的时候只需使用var关键字即可。如果是像C这样的强类型语言， 声明变量的时候如果没有指定初始值，那么会给他一个默认值，比如int变量的默认值是0。但是在Javascript这样的弱类型语言中，没有办法确定到底该给这样的变量一个什么样的默认值，比如我声明一个变量var v1;是给他false还是0,或者是"" ?因为没有类型，所以无法确定。 在Javascript中对于这...

JavaScript中合并数组的N种方法

2017年02月06日 12 阅读

这是一篇简单的文章，关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点。让我们先考虑下面这情况： 复制代码 代码如下:var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ];var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ];很显然最简单的结合结果应该是：复制代码 代码如下:[ 1, 2, 3, 4, 5, 6, 7,...

JavaScript的各种常见函数定义方法

2017年02月06日 12 阅读

本文详细讲述了JavaScript的各种常见函数定义方法，分享给大家供大家参考。具体分析如下：首先看一下JavaScript最常见的四种函数定义：用Function构造函数定义的函数，代码如下：var multiply = new Function（"x", "y", "return x * y;"）;函数声明，这种方式也是最为常见的一种：function multiply（x, y） {return x * y;}函数表达式，声明为匿名函数然后赋值给一变...

JavaScript函数定义的常见注意事项小结

2017年02月06日 12 阅读

本文就javascript函数定义的常见问题进行了总结。包含了初学者常犯的错误。分享给大家供大家参考。具体总结如下：1. 函数声明的同时JS引擎还定义了一个与函数名同名的变量，我们在调用这个函数的时候实际上是在使用这个变量，且它可以在函数声明之前调用，例如foo（）; //这里实际上是使用了一函数变量 function foo（） { alert（"hello"）; } 2. 函数表达式，此时将匿名函数赋值给了一变量，此变量需在定义后使用，例如foo（）;...

ie8下修改input的type属性报错的解决方法

2017年02月06日 12 阅读

摘要：现在有一个需求如图所示，当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，刚开始想到的就是修改输入框的type来决定显示明文还是密文，使用jQuery的attr来做试验，测试结果是chrome，Firefox，ie9+都是好的，在ie8以下就会报错，查找了下原因，ie8中是不允许修改input的type属性，最终换了种思路实现。当勾选显示明文时替换输入框为type="text"，不勾选时在将输入框替换为type="pass...

Javascript判断文件是否存在（客户端/服务器端）

2017年02月06日 13 阅读

分享下javascript判断文件是否存在的方法。1，判断客户端文件时，可以用var fso,s=filespec; // filespec="C:/path/myfile.txt"fso=new ActiveXObject（"Scripting.FileSystemObject"）;if（fso.FileExists（filespec））s+=" exists.";else // www.jb51.nets+=" doesn"t exist.";aler...

node.js中使用q.js实现api的promise化

2017年02月06日 13 阅读

关于啥是promise以及promise解决的是啥问题，敬请体验node的回调异步编码大法，顺带移步http://wiki.commonjs.org/wiki/Promises/A 看看是咋定义的，在此不再赘述。这里我们看看怎么用q.js 实现node api的promise。一、万事开始皆为install复制代码 代码如下:npm install q二、标准node style api 的promise化方法1、使用Q.nfcall相对于Q.fcall ...

nodejs命令行参数处理模块commander使用实例

2017年02月06日 13 阅读

诚然，之前处理都是使用内置的process.agrv ,这个能work，但是不好使，于是tj大神给写了一个，my god,完全的高大上：1、安装复制代码 代码如下:npm install commander2、option 解析Options with commander are defined with the .option（） method, also serving as documentation for the options. The exa...

Node.js中使用Log.io在浏览器中实时监控日志（等同tail -f命令）

2017年02月06日 12 阅读

今天，抽空了浏览了下node.js ,哈哈，看了一篇入门的文章（http://www.nodebeginner.org/index-zh-cn.html），自我感觉是入门了，不过里面一句话，挺有感悟：复制代码 代码如下:不过，这些毕竟都是前端技术，尽管当想要增强页面的时候，使用jQuery总让你觉得很爽，但到最后，你顶多是个JavaScript用户，而非JavaScript开发者。然后，出现了Node.js，服务端的JavaScript，这有多酷啊？于是，...

js生成的验证码的实现与技术分析

2017年02月06日 12 阅读

分享给大家一段js生成验证码并验证的代码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>JS生成验证码&l...

javascript快速排序算法详解

2017年02月06日 17 阅读

"快速排序"的思想很简单，整个排序过程只需要三步： （1）在数据集之中，找一个基准点 （2）建立两个数组，分别存储左边和右边的数组 （3）利用递归进行下次比较看一个demo：http://jsdo.it/norahiko/oxIy/fullscreen（网页打开可能较慢，慢慢等待吧）<script type="text/javascript"> function quickSort（arr）{if（arr.length<=1）{re...

JS实现OCX控件的事件响应示例

2017年02月06日 12 阅读

JS支持OCX控件的事件（event），当OCX控件定义的事件发生时，JS可以捕获该事件并对事件进行相应的处理。个人理解，其实就是事件的响应由谁来完成，OCX控件自身肯定是可以实现的，JS提供的这种机制使JS也可以完成OCX控件事件的响应。简单举例如下：首先在OCX控件中添加自定义事件（预定义事件同理，如鼠标点击等，没亲自试，感觉原理应该是一样的），事件应该是属于窗口的，所以在Ctrl类上单击右键，Add->Add Event，如下图：在打开的对话框...

取得元素的左和上偏移量的方法

2017年02月06日 14 阅读

function getElementLeft（element） { var actualLeft = element.offsetLeft; var current = element.offsetParent; while （current！==null） { actualLeft += current.offsetLeft; current = current.offsetParent; } return actualLeft; }取得元素的左偏移...

在JavaScript中构建ArrayList示例代码

2017年02月06日 14 阅读

前面我们介绍了JavaScript Array 的API，在JavaScript 中 数组 本身就非常强大，可以存储任意类型，且长度自动扩容，又提供 遍历， 过滤，等多个操作数组的方法。简直完爆Java的的数组（长度固定，单一类型）。而Java中的集合类 就是弥补数组不足，其底层大多使用Object [] 存储，只是提供动态扩容的策略，当然JDK的 API 之丰富，是其他语言难以匹敌的。但是不妨碍我对Java、JavaScript的喜爱。Java就像 一个...