Welcome 微信登录

首页 / 脚本样式 / JavaScript

深入解析桶排序算法及Node.js上JavaScript的代码实现

深入解析桶排序算法及Node.js上JavaScript的代码实现

1. 桶排序介绍桶排序(Bucket sort)是一种基于计数的排序算法,工作的原理是将数据分到有限数量的桶子里,然后每个桶再分别排序(有可能再使用别的排序算法或是以递回方式继续使用桶排序进行排序)。当要被排序的数据内的数值是均匀分配的时候,桶排序时间复杂度为Θ(n)。桶排序不同于快速排序,并不是比较排序,不受到时间复杂度 O(nlogn) 下限的影响。桶排序按下面4步进行:(1)设置固定数量的空桶。(2)把数据放到对应的桶中。(3)对每个不为空的桶中数据...
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法

jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法

工程分享:模块1:下拉菜单的实时显示最近一周时间://显示日期下拉选框for(var i=0;i<7;i++){$("#choose1>option:eq("+i+")").html(GetDateStr(-i)); $("#choose1>option:eq("+i+")").attr("value",GetDateStr(-i));//该语句为了便于下拉选中的数据的值} //这个是上述的对应函数//以下为日期下拉选择框自动调整func...
内容滑动切换效果jquery.hwSlide.js插件封装

内容滑动切换效果jquery.hwSlide.js插件封装

经过前两部分的讲解,我们大概知道内容滑动切换的基本开发思路和技巧,现在我们在第三部分将前面两部分的代码进行优化,封装成一个jQuery插件:jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。下载源码hwSlider具有以下特性:多个参数定制,满足不同项目需求。支持移动端触控滑动。支持图文混排,支持各种html元素。响应式自适应屏幕尺寸。...
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果

jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。下载源码Flexslider具有以下特性:支持滑动和淡入淡出效果。支持水平、垂直方向滑动。支持键盘方向键控制。支持触控滑动。支持图文混排,支持各种html元素。自适应屏幕尺寸。可控制滑动单元个数。更多选项设置和回调函数。HTML首先在页面head部位载入j...
使用Bootstrap typeahead插件实现搜索框自动补全的方法

使用Bootstrap typeahead插件实现搜索框自动补全的方法

这就是贴代码的坏处之一:搜索框快被网友玩儿坏了!!!有故意输入空格的,有输入or 1=1的,有alert的,有html乱入的.......而且好像还在玩儿,随他们去吧,只要开心就好。在项目中,经常会用到输入框的自动补全功能,就像百度、淘宝等搜索框一样:当用户输入首字母、关键词时,后台会迅速将与此相关的条目返回并显示到前台,以便用户选择,提升用户体验。当然本项目的补全功能和这些大厂的技术是没有可比性的,但用于站内搜索也是绰绰有余了。接触到的自动补全插件主要有...
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法

使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法

根据网上查找到的 typeahead使用方法,到最后一步时就出错,数据能从数据库读取出来,但在输入框显示提示时,全都显为:underfined。捉摸了半天都发现不了问题出在哪儿。后来在http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8bootstrap-typeahead%E6%8F%92%E4%BB%B6 上不经意发现这么一句话:“在当前版本的typeahead中,已经不再支持在source属性...
Node.js DES加密的简单实现

Node.js DES加密的简单实现

常见的加密算法基本分为这几类,1 :线性散列算法、2:对称性加密算法、3、非对称性加密算法 (记记记)线性散列算法(签名算法):MD5,SHA1,HMAC比如MD5:即Message-Digest Algorithm 5(信息-摘要算法5),用于确保信息传输完整一致。特点:1、压缩性:任意长度的数据,算出的MD5值长度都是固定的。2、容易计算:从原数据计算出MD5值很容易。3、抗修改性:对原数据进行任何改动,哪怕只修改1个字节,所得到的MD5值都有很大区别...
nodejs加密Crypto的实例代码

nodejs加密Crypto的实例代码

加密技术通常分为两大类:“对称式”和“非对称式”。对称式加密:就是加密和解密使用同一个密钥,通常称之为“Session Key ”这种加密技术在当今被广泛采用,如美国政府所采用的DES加密标准就是一种典型的“对称式”加密法,它的Session Key长度为56bits。非对称式加密:就是加密和解密所使用的不是同一个密钥,通常有两个密钥,称为“公钥”和“私钥”,它们两个必需配对使用,否则不能打开加密文件。加密为系统中经常使用的功能,node自带强大的加密功能...
jQuery on()方法绑定动态元素的点击事件无响应的解决办法

jQuery on()方法绑定动态元素的点击事件无响应的解决办法

$("#check_all").on("click" , function(){alert(1);});$("#yujinlist").append(html);count++; } 以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的:支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用...
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)

BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)

接着上篇的内容,在上篇给大家介绍了Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。官方:http://twitter.github.io/typeahead.js/示例:http://twitter.github.io/typeahe...
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。因为最近开发的项目涉及到移动设备上的 HTML5 开发,其中需要实现轮播效果。然后最快捷的方式,你知道的(Bootstrap),然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。然后......自己想办法呗,再然后,就有下面3种解决方案 :jQue...
JavaScript作用域示例详解

JavaScript作用域示例详解

作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域示例详解的介绍,希望能帮助大家更好的学习JavaScript。任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域两种。一、JavaScript中无块级作用...
简单实现js页面切换功能

简单实现js页面切换功能

本文为大家介绍了js页面换肤功能处理原理 (*需要在有服务器环境下测试使用*),供大家参考,具体内容如下原理:1.换肤是让页面采用不用的样式设置2.我们把要换肤的地方根据不用皮肤做成多个样式表文件3.获取link的id4.修改link的href属性改变样式表5.采用了不用样式表,就是使用对应皮肤样式6.利用cookie技术用户原则,用户再次打开页面也会采用上次选用皮肤7.读取cookie要在页面载入开始,保证对应皮肤css提前加载<html>&...
<< 161 162 163 164 165 166 167 168 169 170 >>