红帽子小伙伴-优快云博客

原创 JavaScript各种排序算法的实现及其速度性能分析

今天我们来讨论的问题有两个：如何用JavaScript实现选择排序、冒泡排序、插入排序、快速排序、归并排序、堆排序；对生成的10万个随机数进行排序，各个排序算法的性能分析。创建数据类型这里我们全部用数组来存储数据，首先创建一个类ArrayList。其中属性的说明如下：array空数组--->用以存放数据insert()方法--->往array中插入数据swapItemInArray(n...

2017-09-20 22:39:57 3440 2

原创 Vue的轮播图组件实现

今天在上慕课老师fishenal的vue实战课程的时候，有一个轮播图组件实现，在跟着做的时候，自己也踩了一些坑。此外，在原课程案例的基础上，我加入了不同方向的滑动功能。本文章采用Vue结合Css3来实现轮播图。首先要了解的是Vue的动画原理。在vue中，如果我们要给元素设置动画效果，则需要使用一个将相应的元素包裹住，如下：之后，便可以在.imgShoudMove中设置动画属

2017-08-21 12:09:37 6523

原创用Promise优化nodejs的callback hell

在nodejs中如果嵌套调用回调函数，会使得程序非常难看，本文采用Promise对callback hell进行了优化

2017-08-07 15:35:27 937

原创关于JavaScript获取元素背景图url的兼容性问题

用jQuery由$target..css('backgroundImage')获取属性时,浏览器之间具有一定的差异性，本文主要写给作者自己作为备忘

2017-08-07 10:21:34 2112

原创基于contenteditable属性的简易web在线编辑器

本文用元素的contenteditable属性实现了一个非常简易的文本编辑器。

2017-06-20 18:44:54 8412 2

原创图片预加载

本文结合CSS3、jquery、实现图片预加载，并将预加载的javascript代码封装为了插件。

2017-06-20 16:08:47 412

原创使用对象URL实现本地预览图片

使用URL对象，上传的图片不必载入javascript中，而是直接作为url使用。

2017-05-29 15:15:10 3406

原创 CSS3简单实现动画下拉菜单（display:none和CSS3动画之踩坑）

文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。由于css3的动画化和display:block以及display:none这两个属性有所冲突，这里提出了一种解决方法。

2017-05-26 15:11:20 11412

原创用canvas绘制“具有碰撞检测效果的运动五角星”

本文采用canvas绘制了了30个大小随机、运动方向随机、运动速度随机、碰到画布边缘会反弹回来的五角星。

2017-05-26 09:37:57 1336

原创《JavaScript高级程序设计》总结第五章引用类型

引用类型是一种数据结构，它表示了一种抽象的集合。实例化就后即为对象。引用类型（或者理解为类）----------(实例化)----------->对象在javascript中，引用类型都是Object类型的实例。-创建一个对象（Object实例）的方法有两种。1）用new的一个Object类型的方式，如： var obj = new Obje

2017-05-18 19:44:45 299

原创《JavaScript高级程序设计》总结第四章变量、作用域和内存问题

-Javascript的变量分为两种类型：·基本类型值（用typeof检测类型）Undifined,Null,Boolean,Number,String·引用类型值（对象，用instanceof检测类型）-在复制变量值的时候，基本数据类型是将值复制，复制与被复制的值相互独立；而引用数据类型则是复制指针，它们指向同一对象。 var a = 10

2017-05-18 19:30:38 319

原创同步页面切换按钮组的实现

本文采用伪代码的方式实现，理解思路即可。在本文中，每页最大能显示5个按钮，当前页置高亮。先来看看实现的效果，当前页为3时，如下图所示：当前页为5时，如下所示：每页显示的按钮数量为pageSingleCount；每页起始位置的按钮标号为initialBtn；每页结束位置的按钮标号为maxBtnInSinglePage；当前页的的标示为currentPage在这里，pa

2017-05-08 13:48:28 389

原创一键jquery异步上传文件（图片）的实现（文件上传进度读取未做）

本文采用boostrap、、jquery、jade（html的一种模板）、nodejs实现最终实现的效果：一个按钮在选择完文件后，自动上传到后台；-改变input样式在form表单中，用包裹，让input隐藏，jade代码如下form#index_new.form-horizontal(method="post",role="form",action="/admin

2017-03-15 20:45:15 1801

小易的博客