Javascript核心读书有感之表达式和运算符

2017年02月06日 12 阅读

表达式是javascript中的一个短语，javascript解释器会将其计算出一个结果。程序中常用量是最简单的一类表达式就是变量。变量名也是一种简单的表达式，它的值就是赋值给变量的值。复杂的表达式是由简单的表达式组成的。比如数组访问表达式是由一个表示数组的表达式，方括号、一个整数表达式构成。它们所组成新的表达式运算结果是该数组特定位置的元素值。同样的函数调用表达式由一个表示函数对象的表达式和0个多个参数表达式构成。将简单表达式组成复杂表达式最常用的方法就...

JavaScript中的函数模式详解

2017年02月06日 13 阅读

JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。创建函数的语法命名函数表达式复制代码 代码如下://命名函数表达式var add = function add（a,b）{ return a+b;};函数表达式复制代码 代码如下://又名匿名函数var add = function（a,b）{ return a+b;...

JavaScript数据结构和算法之二叉树详解

2017年02月06日 12 阅读

二叉树的概念二叉树（Binary Tree）是n（n>=0）个结点的有限集合，该集合或者为空集（空二叉树），或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树的二叉树组成。二叉树的特点每个结点最多有两棵子树，所以二叉树中不存在度大于2的结点。二叉树中每一个节点都是一个对象，每一个数据节点都有三个指针，分别是指向父母、左孩子和右孩子的指针。每一个节点都是通过指针相互连接的。相连指针的关系都是父子关系。二叉树节点的定义二叉树节点定义如下：复...

Javascript核心读书有感之语句

2017年02月06日 15 阅读

在javascript中，表达式是短语，那么语句（statement）就是整句或命令。正如英文语句以句号结尾，javascript以分号结尾。表达式计算出一个值，但语句使某件事发生。“使某件事发生”的一个方法是计算带有副作用的表达式。诸如赋值和函数调用这些有副作用的表达式，是可以作为单独的语句的。这种把表达式当做语句的用法也称做表达式语句（expression statement）。类似的语句还有声明语句（declaration statement），声明...

JavaScript中的分号插入机制详细介绍

2017年02月06日 12 阅读

仅在}之前、一个或多个换行之后和程序输入的结尾被插入也就是说你只能在一行、一个代码块和一段程序结束的地方省略分号。也就是说你可以写如下代码复制代码 代码如下:function square（x） { var n = +x return n * n}但是却不可以写的像下面代码一样，这样就报错了哦复制代码 代码如下:function area（r） { r = +r return Math.PI*r*r }//error仅在随后的输入标记不能解析时插入也就是说...

JS实现的生成随机数的4个函数分享

2017年02月06日 12 阅读

第一种方法复制代码 代码如下:/**@desc:生成随机字符串*@remark:toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制*/function generateRandomAlphaNum（len） { var rdmString = ""; for （; rdmString.length < len; rdmString += Math.random（）.toString（36）.su...

jquery+javascript编写国籍控件

2017年02月06日 14 阅读

一直苦于没有好的国籍控件可以用，于是抽空写了一个国籍控件，现分享给大家。主要功能和界面介绍国籍控件主要支持中文、英文过滤以及键盘上下事件。源码介绍国籍控件核心是两个文件，navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定；main.css主要是用于渲染国籍控件的样式。而main.js是国籍控件的调用方法。HTML结构国籍控件要呈现在页面上，必须事先在页面中加以设置以供控件加载...

javascript手工制作悬浮菜单

2017年02月06日 12 阅读

有选择性的重复造一些轮子，未必是件坏事。Aaron的博客上加了一个悬浮菜单，貌似显得很高大上了。虽然这类小把戏也不是头一次见了，但是从未自己写过。今天就选择性的拿这个功能写一写。下面是这个轮子的开发过程，也可以当作是一篇需求文档的分析和实现过程。演示地址：http://sandbox.runjs.cn/show/to8wdmuy源码下载：https://github.com/bjtqti/floatmenu第一步创建dom节构：复制代码 代码如下:<...

javascript中call,apply,bind的用法对比分析

2017年02月06日 12 阅读

关于call,apply,bind这三个函数的用法，是学习javascript这门语言无法越过的知识点。下边我就来好好总结一下它们三者各自的用法，及常见的应用场景。首先看call这个函数，可以理解成"借用“,"请求"。想像一下如下的情景：你孤单一人漂泊在外，有急事想往家里打电话，可是很不巧，手机欠费了，或者没电了，或者掉坑里了，总之你的手机就是用不成。可是你非打这个电话不可，于是你可以去借一下朋友的手机，或者借用一下邻居的手机，或者公用电话，这样呢，你就可...

jQuery遍历json中多个map的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery遍历json中多个map的方法。分享给大家供大家参考。具体实现方法如下：jQuery.each（data.root,function（key,value）{for（var i = 0 ; i < value.length; i++ ）{var tmpArr = [];var obj = value[i];//tmpArr.push（obj["collectDate"]）;tmpArr.push（3*i）;tmpArr.pus...

javascript编写实用的省市选择器

2017年02月06日 15 阅读

省市选择器是大家经常用到的, 但网上找的省市选择器都不是很实用，于是自己写了移动端的省市选择器。界面：源码结构：演示地址：http://component.cform.cn/city/演示二维码：源码地址：http://component.cform.cn/city/city.zip下篇将详细介绍省市选择器的原理与实现。...

ztree获取当前选中节点子节点id集合的方法

2017年02月06日 12 阅读

本文实例讲述了ztree获取当前选中节点子节点id集合的方法。分享给大家供大家参考。具体分析如下：要求：获取当前选中节点的子节点id集合。步骤：1.获取当前节点2.用ztree的方法transformToArray（）获取当前选中节点（含选中节点）的子节点对象集合。3.遍历集合，取出需要的值。treeNode：当前选中节点对象function getChildNodes（treeNode） { var childNodes = ztree.transfor...

在父页面得到zTree已选中的节点的方法

2017年02月06日 15 阅读

本文实例讲述了在父页面得到zTree已选中的节点的方法。分享给大家供大家参考。具体如下：将zTree放在一个iframe里：zTreeObj = $（"#treeDemo"）.zTree（setting, zNodes）;如果在当前页面的话，通过var nodes = zTreeObj.getCheckedNodes（）; 即可那么点击父页面的按钮，如何得到zTree已选中的节点？假设iframe的id和name为aa（id和name都设置，兼容性问题）w...

后台获取ZTREE选中节点的方法

2017年02月06日 13 阅读

本文实例讲述了后台获取ZTREE选中节点的方法。分享给大家供大家参考。具体实现方法如下：function count（） {var zTree = $.fn.zTree.getZTreeObj（"classpurview"）;checkCount = zTree.getCheckedNodes（true）;var classpurview = "";for（var i=0;i<checkCount.length;i++） { classpurview...

zepto.js中tap事件阻止冒泡的实现方法

2017年02月06日 13 阅读

本文实例讲述了zepto.js中tap事件阻止冒泡的实现方法。分享给大家供大家参考。具体如下：最近在弄一个手机版的网站，本来想用jQuery Mobile，但文件太大了，所以用了zepto.js由于移动网页中使用click事件会有延迟，所以就用上了zepto.js中的tap事件。使用click事件可以使用stopPropagation来阻止冒泡，但tap使用该方法无效现在我需要实现这样一个效果：点击a.btn这个按钮，然后显示div.panel，当我点击非...

nodejs事件的监听与触发的理解分析

2017年02月06日 12 阅读

本文实例分析了nodejs事件的监听与触发。分享给大家供大家参考。具体分析如下：关于nodejs的事件驱动，看了《nodejs深入浅出》还是没看明白（可能写的有点深，或者自己理解能力不够好），今日在图灵社区看到一篇关于nodejs事件的监听与触发，由于给出的例子比较多人，很容易理解，所以也大致明白了nodejs事件驱动。以下内容参考了图灵社区的文章（地址：http://www.ituring.com.cn/article/177478）首先来了解一下nod...

JavaScript自定义数组排序方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下：Array中有自带的排序功能，这个使用起来比较方便，我们有一点必须清楚，就是排序的依据，如果sort不传入参数的话，那就是按照字符编码（Unicode编码）的顺序排序。var a=["3","2","1"]; console.log（a[0].charCodeAt（0））; // 51 console.log（a[1].charCodeAt（0））; // 50 co...

JQuery实现防止退格键返回的方法

2017年02月06日 13 阅读

本文实例讲述了JQuery实现防止退格键返回的方法。分享给大家供大家参考。具体实现方法如下：复制代码 代码如下://浏览器中Backspace不可用 $（document）.keydown（function（e）{ var keyEvent; if（e.keyCode==8）{ var d=e.srcElement||e.target; if（d.tagName.toUpperCase（）=="INPUT"||d.tagName.toUpperCa...

jQuery多个input求和的实现方法

2017年02月06日 13 阅读

本文实例讲述了jQuery多个input求和的实现方法。分享给大家供大家参考。具体实现方法如下：html页面代码如下：<td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name="add1" id="add1"/> </td&g...

js实现拖拽效果

2017年02月06日 14 阅读

首先来了解一下，面向对象练习的基本规则和问题：先写出普通的写法，然后改成面向对象写法项普通方法变形·尽量不要出现函数嵌套函数·可以有全局变量·把onload函数中不是赋值的语句放到单独函数中改成面向对象·全局变量就是属性·函数就是方法·onload中创建对象·改this指针问题先把拖拽效果的布局完善好：HTML结构：<div id="box"></div>csc样式：#box{position: absolute;width: 20...