![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 73
chenke__hxx
这个作者很懒,什么都没留下…
展开
-
用css3和canvas实现的蜂窝动画效果
最近工作时研究了一下css3动画和js动画,主要是工作中为了增强页面的趣味性,大家都有意无意的添加了很多动画效果,当然大部分都是css3动画效果,可以gpu加速,这会减少移动端的性能需求。今天主要说的是蜂窝效果,具体效果大家等下可以运行源码,这里就不放gif图了。css3的原理很简单,就是通过更改background-size,由于css3中的background中可以设置repeat属性原创 2014-07-20 11:45:20 · 3469 阅读 · 0 评论 -
jquery实现鼠标拖动
$(document).ready(function(){ var mouseX=0,mouseY=0; var divLeft,divTop; $('.dragMe').mousedown(function(e){ mouseX=e.pageX; mouseY=e.pageY; var offset=$(this).offset(); d原创 2013-06-22 20:27:34 · 1110 阅读 · 0 评论 -
jquery中实现全选按钮
$(document).ready(function(){ $('#handle').click(function(){ if($(this).attr('checked')==true){ $('.toggle').attr('checked','true'); } else{ $('.toggle').removeAttr('checked')原创 2013-06-22 19:50:54 · 1034 阅读 · 0 评论 -
文本框中禁止非数字字符输入
在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了 jQuery(document).ready(function($) { // Stuff to do as soon as the DOM is ready; var phone=$('#phone原创 2013-08-18 19:42:46 · 1623 阅读 · 0 评论 -
js操作文本框里的光标
今天看到操作文本框里的光标,觉得以后可能会写编辑器的时候可能会用上其中最主要的是获得光标所取文本的开始和结束位置 具体函数如下: function getPosition() { var startPos = endPos = 0; var element = document.getElementById("selecttable");原创 2013-08-19 21:16:28 · 1187 阅读 · 0 评论 -
js的简单模板解析
在编程中总是会遇见很多动态生成的东西,一般我们都是通过简单的html拼接起来的function createHtml(name, phone, addr, email, imageSrc){ var html = ''; html += '' html += 'Name: ' + name + ''; html += 'Pho原创 2013-10-07 11:10:32 · 1251 阅读 · 0 评论 -
javascript排序 查找算法大全
javascript排序 查找算法大全在pptv的实习结束了, 忙着找工作的事,顺便把数据结构的那本书重新复习了一遍。为了加深印象,特意把里面的常用的排序、查找算法用js写了一遍具体的实例在我的github上,大家可以访问的: https://github.com/chenkehxx/practice js_sort.html文件原创 2013-10-09 12:51:27 · 2084 阅读 · 2 评论 -
数组生成和数组洗牌
在工作中常常会用到数组,按照某种规律生成数组很常见,前两天在社区看到洗牌,就思考了一下,能不能用数组来模仿洗牌。主要是两部分,一、是数组的生成,这个都不难。二、是数组的随机排列。数组生成和数组的随机排列,我想到了两个方法,第一个方法是大家经常见的,用循环,第二种是用数组自有的方法,效率更高,推荐使用第二个原创 2013-10-26 11:45:06 · 861 阅读 · 0 评论 -
用html5实现的flappy-bird
可能网上早就有几个flappy-bird的html5版本啦,到这个时候flappy-bird可能也没有之前那么火了,但是作为一个新手,自己思考,自己动手写一个flappy-bird的demo还是很有成就感的。 flappy-bird的html5版无非是通过canvas来画的,可能网上也有webgl版本的,但是我貌似没见过,如果你发现了,希望告诉我一声,咱们一起讨论讨论。之前在微博上看到有大神用60几行就写出了一个demo,这让我写完之后发现自己的demo有将近200多行的代码,瞬间让我对大神们膜拜的五体投原创 2014-03-09 17:12:55 · 1822 阅读 · 0 评论 -
DHTML实现 sprite
今天又来学习一个新的例子,sprite这里说的sprite不是css技术中的sprite,虽然有点相同。css的background-position属性使得HTML元素(如一个div)可以显示大背景图中的一小部分。因此一个大图像可以作为许多小sprite图像的容器。关键是在于确定每个sprite的背景图的位置。原创 2014-02-13 21:49:27 · 946 阅读 · 0 评论 -
html5 贪吃蛇canvas小游戏
基于canvas实现的html5贪吃蛇小游戏原创 2014-02-10 12:41:47 · 1535 阅读 · 0 评论 -
canvas例子一弹跳小球
html5的canvas的初步运用原创 2014-01-10 12:53:25 · 2273 阅读 · 0 评论 -
javascrip图形编程
这两天去图书馆借了几本书,准备去实习了,所以打算看点书,就顺便把javascript高效图形编程这本书的一个例子给写写。这是一条动态的正玄曲线,看起来的确有点象flash,个人表示压力山大 Fast Sine Demonstration #draw-target{ width: 480px; height: 320px; background:原创 2013-11-28 15:21:00 · 925 阅读 · 0 评论 -
js模仿物理中的自由落体现象
前几天在一个社区中无意看到,有人在写自由落体运动,当时顺手把他的代码copy下来,运行一下,发现没有成功,于是就有了这篇博客!主要是由一个自由落体函数freeFall(),传入参数element,height,speed,即落体元素,高度,水平速度/*自由落到函数 *param height : 初始高度; *param speed : 初始速度; *原创 2013-10-23 16:27:22 · 1237 阅读 · 0 评论 -
动态生成地址信息和编辑、删除信息管理
我现在正在进行一个商场的项目开发,你们知道竟然是商场管理,那就肯定会遇到与下的这几个功能了,比如库存管理,根据库存数量,显示库存状态。添加,编辑、删除订单和收货地址信息了。首先是根据产品数量,显示库存状态:小于100,显示库存不足,大于100不显示;而收货地址可以添加、编辑、和删除具体的代码如下:css部分没有认真写,大家将就着看吧 购物车删除功能原创 2013-09-15 08:56:33 · 1259 阅读 · 0 评论 -
常用的正则表达式
正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。匹配中文字符的正则表达式: [\u4e00-\u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^\x00-\xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:\n\s*\r转载 2013-06-13 19:19:44 · 426 阅读 · 0 评论 -
javascript判断一个字符串中出现次数最多的字符,统计这个次数
判断一个字符串中出现次数最多的字符,统计这个次数//将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数var str = "abcdefgaddda";var obj = {};for (var i = 0, l = str.length; i var key = str[i]; if (!obj[key]) {原创 2013-06-17 22:23:11 · 4479 阅读 · 0 评论 -
自动分页
基于jquery完成的自动分页,和跳转对应页面功能原创 2013-09-09 23:39:53 · 664 阅读 · 0 评论 -
Javascript中Function,Object,Prototypes,__proto__等概念详解
转载来源:AnyKoro Blog » 《Javascript中Function,Object,Prototypes,__proto__等概念详解》 本文链接地址:http://anykoro.sinaapp.com/?p=256Javascript中Function,Object,Prototypes,__proto__等概念是在JavaScript中很常用,但又总是不清不楚的概转载 2013-07-28 15:42:36 · 922 阅读 · 0 评论 -
javascript作用域原理
Javascript作用域原理作者: Laruence( )本文地址: http://www.laruence.com/2009/05/28/863.html转载请注明出处问题的提出首先看一个例子:var name = 'laruence';function echo() { alert(name); var转载 2013-07-28 14:37:57 · 462 阅读 · 0 评论 -
JavaScript图片拖动效果(ondragstart和ondrag)
.wen p{ text-align:left; margin:15px 0 0 5px; } var xx=0,yy=0; function movea(v){ xx=event.x-v.offsetLeft; yy=event.y-v.offsetTop; } function moveb(v){ v.style.left=event.x-xx;原创 2013-06-13 18:19:14 · 2435 阅读 · 0 评论