jQuery扁平化风格下拉框美化插件FancySelect使用指南

2016年07月27日 9 阅读

FancySelect是一款小巧实用的jQuery下拉框美化插件。该下拉框美化插件采用扁平化设计风格，是追求时尚的开发者的首选下拉框美化插件之一。使用方法HTML结构FancySelect实用十分简单，它可以和jQuery或Zepto结合使用。在页面中放置一些 <select> 下拉框组件，然后就可以通过 .fancySelect（） 方法来调用该下拉框插件。如果下拉框中有某个选项没有值，该插件会使用某种占位文字来代替它。默认情况下，Fancy...

jQuery制作仿Mac Lion OS滚动条效果

2016年07月27日 9 阅读

nanoScrollerJS是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的jQuery插件。该滚动条插件使用最小的HTML结构 .nano > .nano-content 。其它的滚动条元素 .pane > .nano-slider 是在插件运行时动态加载的。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。使用方法HTML结构下面是该滚动条插件工作所必须的HTML结...

JS操作HTML自定义属性的方法

2016年07月27日 9 阅读

本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下：HTML代码如下（其中的displayName为自定义属性）：复制代码 代码如下:<input type="text" id="txtBox" displayName="123456" />获取自定义属性值:复制代码 代码如下:document.getElementById（"txtBox"）.getAttribute（"displayName"）;document...

jquery实现动态操作select选中

2016年07月27日 11 阅读

今天因为有项目需要动态操作select选中 习惯在百度上搜了一下 ,结果还是挺多的.试了其中一个 发现不能使用.打开第2,3 个发现都是一样的然后自己稍微研究了一下复制代码 代码如下: //初始化select,第一个选中 $（"#stoStoreCategoryID"）.get（0）.selectedIndex=0; $（"#stoStoreCategoryID option"）.each（function（i,n）{ if（$（n）.text（）==da...

javascript异步编程代码书写规范Promise学习笔记

2016年07月27日 9 阅读

最近工作轻松了点，想起了以前总是看到的一个单词promise，于是耐心下来学习了一下。一：Promise是什么？为什么会有这个东西？首先说明，Promise是为了解决javascript异步编程时候代码书写的方式产生的。随着javascript的发展，异步的场景越来越多。前端有AJAX，setTimeout等，后端Node异步更多。按照传统的做法，那么就是各种回调嵌回调。代码可以把人绕晕。这个时候，CommonJS社区提出了一个叫做Promise/A+的规...

JS实现判断碰撞的方法

2016年07月27日 11 阅读

本文实例讲述了JS实现判断碰撞的方法。分享给大家供大家参考。具体如下：JS判断碰撞方法：复制代码 代码如下:/** 判断是否碰撞 * @param obj 原对象 * @param dobj 目标对象 */ function impact（obj, dobj） { var o = { x: getDefaultStyle（obj, "left"）, y: getDefaultStyle（obj, "top"）, w: getDefaultStyle...

45个JavaScript编程注意事项、技巧大全

2016年07月27日 9 阅读

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。在这篇文章里，我将分享一些JavaS...

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

2016年07月27日 13 阅读

本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下：/** 音乐播放器 * @param obj播放器id * @param file音频文件 mp3: ogg: * @param loop是否循环 */ function audioplayer（id, file, loop）{ var audioplayer = document.getElementById（id）; if...

JavaScript设计模式之工厂模式和构造器模式

2016年07月27日 10 阅读

什么是模式前阵子准备期末考试，劳神又伤身的，实在闲不得空来更新文章，今天和大家说说javascript中的设计模式。首先呢，我们需要知道的是：模式是一种可复用的解决方案，而反模式呢就是针对某个问题的不良解决方案。js反模式常见例子1.向setTimeout和setInterval传递字符串，而不是函数，这会触发eval（）的内部使用。2.在全局上下文中定义大量的变量污染全局命名空间3.修改Object类的原型4.以内联形式使用js，嵌入在HTML文件中的j...

javascript中var的重要性分析

2016年07月27日 9 阅读

本文实例分析了javascript中var的重要性。分享给大家供大家参考。具体分析如下：javascript 的 var 作用是声明变量。一般情况下不写都不会出错，但有些情况如果不写，会有不同的结果。先看下面的示例：<div id="a"></div> <script type="text/javascript"> a = 1; alert（a）; </script>上面这个例子在FF Chrome执行不会有...

Node.js中的缓冲与流模块详细介绍

2016年07月27日 10 阅读

缓冲（buffer）模块js起初就是为浏览器而设计的，所以能很好的处理unicode编码的字符串，但不能很好的处理二进制数据。这是Node.js的一个问题，因为Node.js旨在网络上发送和接收经常是以二进制格式传输的数据。比如：- 通过TCP连接发送和接收数据；- 从图像或者压缩文件读取二进制数据；- 从文件系统读写数据；- 处理来自网络的二进制数据流而Buffer模块为Node.js带来了一种存储原始数据的方法，于是可以再js的上下文中使用二进制数据。...

JavaScript中原型和原型链详解

2016年07月27日 9 阅读

javascript中的每个对象都有一个内置的属性prototype，Javascript中对象的prototype属性的解释是：返回对象类型原型的引用。意思是是prototype属性保存着对另一个JavaScript对象的引用，这个对象作为当前对象的父对象。复制代码 代码如下:A.prototype = new B（）;理解prototype不应把它和继承混淆。A的prototype为B的一个实例，可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的...

JavaScript中的继承方式详解

2016年07月27日 10 阅读

js继承的概念js里常用的如下两种继承方式：原型链继承（对象间的继承）类式继承（构造函数间的继承）由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对象，那么用什么办法来创建自定义对象呢？这就需要用到js的原型：我们可以简单的把prototype看做是一个模版，...

JavaScript数据结构和算法之图和图算法

2016年07月27日 9 阅读

图的定义图（Graph）是由顶点的有穷非空集合和顶点之间边的集合组成，通常表示为：G（V,E），其中，G表示一个图，V是图G中顶点的集合，E是图G中边的集合。有向图有向边：若从顶点Vi到Vj的边有方向，则称这条边为有向边，也成为弧（Arc），用有序偶<Vi,Vj>来表示，Vi称为弧尾，Vj称为弧头。无序图无向边：若顶点Vi到Vj之间的边没有方向，则称这条边为无向边（Edge），用无序偶（Vi,Vj）来表示。简单图简单图：在图结构中，若不存在顶点...

JavaScript中的函数模式详解

2016年07月27日 10 阅读

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

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

2016年07月27日 9 阅读

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

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

2016年07月27日 9 阅读

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

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

2016年07月27日 10 阅读

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

jquery+javascript编写国籍控件

2016年07月27日 10 阅读

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

javascript手工制作悬浮菜单

2016年07月27日 9 阅读

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