- 博客(27)
- 资源 (4)
- 收藏
- 关注
转载 常用排序算法之JavaScript实现
1、插入排序 1)算法简介 插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排序(即只需用到O(1)的额外空间的排序),因而在从后向前扫描过程中,需要反复把已排序元素逐步向后挪位,为最新元素提供插入空间。2)
2015-07-31 14:33:06 376
转载 开源,免费的移动端触摸滑动插件------swiper介绍----淘抢购时间选择加载产品
一 :为什么选择swiper?免费,开源,稳定,应用广泛。可单独使用无需jquery,也可以结合jquery一起使用。简单配置即可实现手机,平板网站的大部分触摸功能。包括焦点图,tab,触摸滑动导航等。swiper是纯javascript打造的滑动特效插件,面向手机,平板电脑等移动终端。它能实现触屏焦点图,触屏tab切换,触屏多图切换等常用效果。主要使用于移动端的网站,移动
2015-07-29 17:49:58 1825 1
转载 jquery插件编写(以折叠面板为例)
创建一个 jQuery 插件所推荐的方法是,先创建一个允许使用美元符号 ($) 的包装器函数。在默认情况下,美元符号可能与其他 JavaScript 框架发生冲突,如果将插件包装在一个函数中,就不会出现冲突。所以推荐使用下面代码创建jQuery插件:[html] view plaincopy(function($) { $.fn.acc
2015-07-29 17:45:33 578
转载 html5之canvas进阶
1)用路径绘图: beginPath()——开始一条新路径; closePath()——尝试闭合现有路径,方法是绘制一条线,连接最后那条线的终点与初始坐标; fill()——填充用子路径描述的图形; isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true; lineTo(x,y)——绘制一条到指定坐标
2015-07-29 17:31:49 388
转载 element元素结点属性
一. offset系列1.offsetWidth 和offsetHeightelement.offsetWidth是一个只读属性,它包括了:css width + padding+border+垂直滚动条宽度这里的滚动条就是单纯滚动条的意思,不包括不可见的部分哦。 而element.offsetHeight与之类似,只是改为垂直方向而已。 在页面布局
2015-07-29 17:22:50 445
转载 JS判断是PC浏览器还是手机设备浏览器
$(function () { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "ipho
2015-07-29 17:17:18 1449
转载 js this指向问题
js this指向问题今天就专门总结一下js中this的指向问题。今天通过题目的方式理解一下this指向,就不从理论上深入了,理论放在以后对闭包、作用域链等总结时候再与此联系起来。先来几条纲领:1.函数在被直接调用的时候,其中的this指针永远指向window2.匿名函数this总是指向window对象3.谁执行函数,this就指向谁4.如果函数new了一下
2015-07-29 16:37:58 347
转载 js中event.keyCode用法及keyCode对照表
HTML用户名:密码:JavaScript:JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框IsEnterKeyPress()功能:输入完密码并按回车,则登录function JumpByEnter(NextElement){ var lKeyCode = (navigator.appname=="N
2015-07-29 14:53:43 520
转载 经验分享:多屏复杂动画CSS技巧三则
当下CSS3应用已经相当广泛,其中重要成员之一就是CSS3动画。并且,随着CSS动画的逐渐深入与普及,更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动:感谢shirley帮忙录制上面的视频,虽然视频内容是手机上的显示效果,但是,这个“企业新年祝福活动”原本只针对桌面端,移动端是后来辅助增强(增加了相当于活动页面UV 5.7%的点击)。而目前大多
2015-07-27 09:32:38 427
转载 js中运算符的优先级
运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接> >>>移位 >=
2015-07-24 10:17:42 382
转载 Canvas实现微信大转盘抽奖代码
Canvas实现微信大转盘抽奖代码,canvas结合jquery实现的一款大转盘抽奖代码,奖品图片均由canvas绘制,可自定义奖项。 jquery抽奖微信大转盘jquery抽奖转盘微信抽奖源代码微信抽奖功能canvas抽奖可以查看演示拔下来http://www.ui3g.com/code/uicode-1408.html标签: JavaScript Localisat
2015-07-22 10:35:13 1481
转载 CSS3创建加载动画效果
加载动画在网页设计中是很常见的。用户们都希望网页加载又快又流畅而不是盯着屏幕苦等,而加载动画能够在内容加载完成前给用户视觉反馈,从而能够吸引用户而不让他们直接放弃继续浏览你的网站。创建加载效果所需的CSS3知识在我们开始创建加载动画之前,我们得先了解一些CSS3的属性来帮助我们创建这些效果。伪元素 :before :after伪元素对于制作CSS3加载动画是非常有用
2015-07-21 11:06:10 1554
转载 给你的网页添加动画效果
当我们使用CSS3动画时,我们经常讨论如何使用过渡,动画等实战方法。然而动画的强大之处不是集中在单个动画是如何工作的,而是多个动画结合起来,创造出令人震撼的效果。良好的动画设计可以使我们的作品脱颖而出。Disney的 动画的12个基本原则 定义“感染力”为“一个演员的迷人之处。” 它是描述如何使用虚实,风格,和动画的物质叠加起来创建生动的角色,使得观众觉得真实而有趣。《动画的12个
2015-07-21 10:49:24 2331
转载 响应式布局
/* xs up */@media only screen {}/* small up */@media only screen and (min-width: 40.063em){}/* medium up */@media only screen and (min-width: 64.063em){}/* large up */@media
2015-07-21 10:41:26 301
转载 Swiper说明&&API手册
最近使用Swipe.js,发现中文的资料很少,试着翻译了一下。能力有限,翻译难免错漏,欢迎指出,多谢!翻译自:http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php一了解SwiperSwiper 是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速
2015-07-20 17:40:23 771
转载 JavaScript 判断浏览器类型及版本
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中,浏览器兼容性问题本已让我们手
2015-07-20 17:07:39 420
转载 Javascript 多浏览器兼容性问题及解决方案
一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"];Firefox 下,只能使用document.formName.elements["elementName"]。 解决方
2015-07-20 17:05:23 345
转载 javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一
2015-07-20 16:41:24 215
转载 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation) function doSomething (obj,evt) { alert(obj.id); var e=(evt)?evt:window.event; if (window.event) { e.cancelBubble=true;
2015-07-20 16:24:07 331
转载 函数 getStyle() 获取元素 CSS 样式
element.style.backgroundColor = '#000';然而,很多时候我们在修改元素的样式之前要先保留元素原来的样式属性值,或许可以这么做: var bc = element.style.backgroundColor;这么做有可能获取到element元素的background-color属性值,但是,在多数情况下获取到的确实 'undef
2015-07-20 14:06:23 3986 1
转载 JS中&&和||用法
&&和||在JQuery源代码内尤为使用广泛,由于本人没有系统的学习js,所以只能粗略的自我理解出来,希望大家指点下。粗略理解如下:a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行;a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如
2015-07-20 13:45:03 334
转载 分享一个jQuery的图片预加载插件:QueryLoader2
分享一个jQuery的预加载插件,这个插件通过检查页面中的所有元素来提前加载所有包含的图片(包括背景图片),这个版本的插件是原来版本的一个更新,更容易使用。Queryloader目前需要jQuery1.7,并且支持IE>7, Chrome, Safari和Firefox。如何使用引入类库javascript">当然你必须在以上代码之前引入jQuery类库,然
2015-07-16 15:25:47 2563
转载 HTML5 Audio/Video 标签属性与事件
网上看到转之,并没有测试过。标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 1 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控
2015-07-15 11:11:56 429
转载 解析 this.initialize.apply(this, arguments)
一、 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^。 prototype.js代码片段代码如下:var Class = { create: function() { return function() {
2015-07-13 17:58:23 297
转载 对于移动端浏览器touch事件的研究总结(4)判断手指滑动方向
最近有一些微信的项目,虽然页面很简单,但配合手势后的效果却是很不错的。最基本的效果就是手指向上滑,页面配合css3出现一个展开效果,手指向下滑将展开的内容按原路径收起。其实就是一个简单的判断手指滑动方向让页面滚动一屏的高度。先来看代码:?1234567891011
2015-07-11 11:03:54 8746
转载 -webkit-animation的使用
-webkit-animation:仍旧是一个复合属性,-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性(1) -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用eg:
2015-07-10 17:39:30 727
iScroll5中文帮助文档
2015-07-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人