- 博客(27)
- 资源 (2)
- 收藏
- 关注
原创 build-your-own-promise 构建自己的promise
promise随着前端技术的发展,promise也越来越流行,在前端开发中常见的 promise主要有:jQuery的$.deferangular的$qnode的第三方模块q用的多了,也就想了解一下原理,同时也想重复造个轮子,加深自己的印象。上面提到的三种promise实现方案并不一样,本文主要参考node的q模块(https://github.com/kriskowal/q/tree/v1
2015-10-31 14:23:43
625
原创 用css3和canvas实现的蜂窝动画效果
最近工作时研究了一下css3动画和js动画,主要是工作中为了增强页面的趣味性,大家都有意无意的添加了很多动画效果,当然大部分都是css3动画效果,可以gpu加速,这会减少移动端的性能需求。今天主要说的是蜂窝效果,具体效果大家等下可以运行源码,这里就不放gif图了。css3的原理很简单,就是通过更改background-size,由于css3中的background中可以设置repeat属性
2014-07-20 11:45:20
3485
原创 用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
1849
原创 DHTML实现 sprite
今天又来学习一个新的例子,sprite这里说的sprite不是css技术中的sprite,虽然有点相同。css的background-position属性使得HTML元素(如一个div)可以显示大背景图中的一小部分。因此一个大图像可以作为许多小sprite图像的容器。关键是在于确定每个sprite的背景图的位置。
2014-02-13 21:49:27
961
原创 javascrip图形编程
这两天去图书馆借了几本书,准备去实习了,所以打算看点书,就顺便把javascript高效图形编程这本书的一个例子给写写。这是一条动态的正玄曲线,看起来的确有点象flash,个人表示压力山大 Fast Sine Demonstration #draw-target{ width: 480px; height: 320px; background:
2013-11-28 15:21:00
947
原创 css练手-android机器人
好像最近忙课设,不怎么写前端代码了。所以特意写点css练练手,自己好歹也用android两三年,干脆写个机器人吧 .android{ position: absolute; left: 500px; top: 200px; } /* head */ .head{ width: 336px; height: 155px; background: #a5c63b;
2013-11-21 13:42:06
1229
原创 数组生成和数组洗牌
在工作中常常会用到数组,按照某种规律生成数组很常见,前两天在社区看到洗牌,就思考了一下,能不能用数组来模仿洗牌。主要是两部分,一、是数组的生成,这个都不难。二、是数组的随机排列。数组生成和数组的随机排列,我想到了两个方法,第一个方法是大家经常见的,用循环,第二种是用数组自有的方法,效率更高,推荐使用第二个
2013-10-26 11:45:06
877
原创 js模仿物理中的自由落体现象
前几天在一个社区中无意看到,有人在写自由落体运动,当时顺手把他的代码copy下来,运行一下,发现没有成功,于是就有了这篇博客!主要是由一个自由落体函数freeFall(),传入参数element,height,speed,即落体元素,高度,水平速度/*自由落到函数 *param height : 初始高度; *param speed : 初始速度; *
2013-10-23 16:27:22
1247
原创 javascript排序 查找算法大全
javascript排序 查找算法大全在pptv的实习结束了, 忙着找工作的事,顺便把数据结构的那本书重新复习了一遍。为了加深印象,特意把里面的常用的排序、查找算法用js写了一遍具体的实例在我的github上,大家可以访问的: https://github.com/chenkehxx/practice js_sort.html文件
2013-10-09 12:51:27
2114
2
原创 js的简单模板解析
在编程中总是会遇见很多动态生成的东西,一般我们都是通过简单的html拼接起来的function createHtml(name, phone, addr, email, imageSrc){ var html = ''; html += '' html += 'Name: ' + name + ''; html += 'Pho
2013-10-07 11:10:32
1261
原创 js中xml的基本操作
libxml_use_inernal_errors(true)抑制xml错误,便于代码自行处理错误;simple_load_file(filename,class_name,options)返回一个SimpleXMLElement对象;simple_load_file(' my book's name');返回一个SimpleXMLElement对象;$objXML = simplex
2013-09-21 20:07:20
725
原创 动态生成地址信息和编辑、删除信息管理
我现在正在进行一个商场的项目开发,你们知道竟然是商场管理,那就肯定会遇到与下的这几个功能了,比如库存管理,根据库存数量,显示库存状态。添加,编辑、删除订单和收货地址信息了。首先是根据产品数量,显示库存状态:小于100,显示库存不足,大于100不显示;而收货地址可以添加、编辑、和删除具体的代码如下:css部分没有认真写,大家将就着看吧 购物车删除功能
2013-09-15 08:56:33
1280
原创 php中mysql_fetch_row与mysql_fetch_assoc与mysql_fetch_array()的区别
mysql_fetch_row,这个函数是从结果集中取一行作为枚举数据,从和指定的结果标识关联的结果集中取得一行数据并作为数组返回。每个结果的列储存在一个数组的单元中,偏移量从 0 开始。 注意,这里是从0开始偏移,也就是说不能用字段名字来取值,只能用索引来取值,所以如下代码是取不到值的: while($row = mysql_fetch_row($res)){ echo $row['ci
2013-09-08 10:00:42
1570
原创 js操作文本框里的光标
今天看到操作文本框里的光标,觉得以后可能会写编辑器的时候可能会用上其中最主要的是获得光标所取文本的开始和结束位置 具体函数如下: function getPosition() { var startPos = endPos = 0; var element = document.getElementById("selecttable");
2013-08-19 21:16:28
1209
原创 文本框中禁止非数字字符输入
在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了 jQuery(document).ready(function($) { // Stuff to do as soon as the DOM is ready; var phone=$('#phone
2013-08-18 19:42:46
1644
原创 display:inline-block的运用
在实习中做专题时,遇到的一个问题:建立一个宽度很长的一个页面,里面包含许多列。或许许多人认为直接设置float:left;不就行了 但是这个有一个问题,你必须把外面的div的宽度设置的很长已满足大于所有子div的宽度,而实际中由于子页面中个数不定,因此外面的div块的宽度不能确定,若是外面的div块的宽度不够 就会导致部分子div块移动到下面的一行,这不是我们所要的就比如下面的代码
2013-08-18 19:22:36
799
转载 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
937
转载 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
470
原创 z-index与css多背景图
在这个周的实习中需要实现如下一个功能即左上角的排名数字是可以随便填的,左上角的红色区域,中间的点击图标是可以通过css可以修改,这个需要通过z-index来设置各个图层的深度,具体代码如下,大家可以参考 .wrap{ width: 240px; height: 240px;margin: 0px auto; background-
2013-07-28 09:57:53
2095
原创 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
1132
原创 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
1045
原创 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
4490
转载 常用的正则表达式
正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。匹配中文字符的正则表达式: [\u4e00-\u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^\x00-\xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:\n\s*\r
2013-06-13 19:19:44
437
原创 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
2454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人