2014年03月_fanzhang1990

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 js写的贪吃蛇小游戏

我看了别人用jquery和html5写了一个简单的贪吃蛇，我看了大致思路，自己也写了一个js的。主要是运用到html5中canvas画图的功能。 setinterval(a,time)定时器函数，原来我一直以为在等待的time中间，程序啥都不干。其实我错了，在time的等待过程中间，程序是运行其他代码的。等time到了，唤醒a函数，就运行a函数。定时器和js其他程序是并行执行的，互不影响！

2014-03-24 20:46:03 1605 1

转载一个JavaScript工程师必须掌握的几个方面

转自 http://www.xprogrammer.com/1238.html 作为一个JavaScript工程师，在写一个工具库时，一般来说，需要提供如下的模块。核心模块：core.js $namespace 注册命名空间： $namespace('human.software.dom'); // window.human.software.dom $pac

2014-03-21 16:47:52 801

转载 HTML5 canvas save和restore方法讲解

转自 http://blog.sina.com.cn/s/blog_a3468cf601013dmi.html save()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的，都没有参数。 Canvas 状态是以堆(stack)的方式保存的，每一次调用 save 方法，当前的状态就会被推入堆中保存起来。这种状态包括：当前应用的变形

2014-03-21 16:19:35 14185

转载我开发的第一款HTML5游戏《驴子跳》

转自 http://www.iteye.com/topic/1122395 经过两个多月断断续续的开发，我的第一款游戏《驴子跳》终于完成了，此时，我已经迫不及待地想跟大家分享这个过程，包括学习方法、游戏源码、和经验心得；本文的目的，是希望能帮助更多的人快速地加入到HTML5的大团队，同时也希望能得到各种大侠的指点。　　本文所有内容基于个人的学习过程和经验，因此在整理文

2014-03-21 15:40:40 4655 2

转载 Canvas API

转自 http://javascript.ruanyifeng.com/htmlapi/canvas.html# 目录概述绘图方法图像处理方法插入图像读取Canvas的内容将Canvas转化为图像文件保存和恢复上下文像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述

2014-03-21 15:11:42 1351

原创 jquery鼠标移动图片的小例子

随手用jquery写了一个图片随鼠标移动的小例子，玩玩。鼠标移动的效果 div{ position: absolute; left:100px; width: 70px; height: 60px; font-size: 10px; } img{ width: 60px; height: 35px; } p{ margin-top: 5px

2014-03-16 23:26:51 1006 3

转载 mouseover事件与mouseenter事件的区别

转自 http://blog.sina.com.cn/s/blog_627002d10100z6x4.html 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave 这样的话，mouseenter子元素不会反复触发事件，否

2014-03-16 22:23:50 1329

原创 jquery实现人物简单走动

看到别人用js写了一个任务基本跑动的动作，我就用jquery实现一下。一下是我的代码，写的比较粗糙，呵呵，jquery功力有待提高。人物跑动画面 .im{ position: absolute; top:400px; left:800px; width: 60px; height: 60px; } div{ border: sol

2014-03-14 22:55:51 4202

转载 Laravel学习笔记（二）Laravel 应用程序的体系结构

转自 http://www.tuicool.com/articles/RVfay2 在一切环境就绪了，当然就要开始了解框架了。站在巨人的肩膀上，学东西会事半功倍。我在网上找到一篇好文章，正好可以让我轻松了解Laravel应用程序的体系结构。因此借来直接用了。该章节内容翻译自《Architecture of Laravel Applications》，

2014-03-13 17:09:40 2124

转载 ubuntu php.ini 的路径

转自 http://hi.baidu.com/cabing200/item/ff08558418aecf23100ef37f php.ini中文解释 (Ubuntu的目录为/etc/php5/apache2/php.ini)2006/10/15 10:45php.ini中文解释发布时间:02-11-26 作者或来源: leftstar [PHP] ; PHP还是一个不断发展的工具，

2014-03-12 09:55:02 8385

转载 ubuntu下安装Apache+PHP+Mysql

转载自：http://www.comflag.com/2011/05/01/apache-web.htm 电影《社交网络》中，facebook创始人马克.扎克失恋后入侵哈佛大学宿舍楼服务器，窃取数据库资料，并在两个小时内完成了一个给校内女生评分的交互网站，该网站一天内点击数过10W，直接导致学校服务器崩溃。。。。。。其实，构建那样一个网站并不需要很多高深的技术，任何一个有一定网络编程基

2014-03-11 19:15:21 574

原创 html5新增元素的熟悉

1.video 视频 html5_1 video元素是新增的视频元素， controls:是控制属性供添加播放、暂停和音量控件。 autoplay :如果出现该属性，则视频在就绪后马上播放。 loop:如果出现该属性，则当媒介文件完成播放后再次开始播放。当前，video 元素支持三种视频格式：ogg ,mp4 ,

2014-03-05 23:03:03 732

转载以小见大、由浅入深-谈如何面试Javascript工程师

面试Javascript工程师难吗？Javascript工程师的水平参差不齐，如何评定他们技术水平的高低？如何确定Javascript工程师适合承担哪方面的任务？我在腾讯时的面试经验是，通过不同纬度的结构化问题、由浅入深的进行考查。基础如何判断一个对象是方法？这个问题简单有简单的答案，复杂有复杂的答案，但可能都不是最好的答案。

2014-03-05 18:04:14 569

转载 d3学习之（Data Visualization with d3.js Cookbook ）三（第三章）

第三章处理数据在这一章中我们将要学习…… 1.绑定数组作为数据 2.绑定对象作为数据 3.绑定函数作为数据 4.处理数组 5.过滤数据 6.分类数据 7.从服务器载入数据引言这这一章我们将研究数据可视化最本质的问题，数据是如何在程序的内

2014-03-03 17:08:12 2081

转载 d3学习之（Data Visualization with d3.js Cookbook ）二（第二章）

第二章选择器在这一章中我们将学习以下几个方面 1.选择单个元素 2.选择多个元素 3.循环访问一个选择集 4.子（部分）选择器 5.方法链条 6.操作原生选择器

2014-03-03 17:06:20 4738

转载 Web开发者不容错过的20段CSS代码

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。 1. CSS Resets 网络上关于CSS重置的代码非常多

2014-03-03 14:34:42 1039

原创 svg基础学习笔记

svg学习笔记 1.rectangle（矩形） Sorry, your browser does not support inline SVG. width和height 代表矩形的宽度和高度， x：代表矩形的左边的位置 y：代表矩形的上边的位置 fill 代表矩形填充的颜色，

2014-03-03 14:31:29 2318

转载前端开发人员必须熟悉的10个CSS3属性

随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支导读：随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性，你又了解多少呢？虽然大多数

2014-03-02 15:22:21 1372