key yao

2012年4月13日

摘要：在前一篇博文中，我们简单的分心了node，用node建立了一个文件解析服务器，并且在服务器中进行了WEB寻址的操作。通过这些操作，我们已经可以把一个简单的静态网站搭设在服务器之上了（http://www.cnblogs.com/xiao-yao/archive/2012/03/30/2425716.html）。当然，仅仅完成这样的一个步骤还是远远不够的，我们需要的不是通过node搭设一个静态网站，而是通过node搭设一个完整的应用。那么我们可以想想下一步操作应该做什么了。没错，我们来尝试一下数据库的简单操作。在尝试之前，我们需要来学习一个新的模块：querystring模块。querystri 阅读全文

posted @ 2012-04-13 15:52 key yao 阅读(46992) 评论(11) 推荐(6)

2012年4月9日

模拟谷歌今天的包袱做的小玩意

摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2012-04-09 15:18 key yao 阅读(505) 评论(0) 推荐(1)

2012年3月30日

node.js从入门到菜鸟——资源无法载入？你需要学会地址解析

摘要： node.js是什么似乎已经不需要我多为赘述了，非阻塞的服务器语言、JS书写的后台代码，无数的文章已经很好的展示了node的魅力与展望。关于node.js的安装，大家不妨参考博客园聂微东的http://www.cnblogs.com/Darren_code/archive/2011/10/31/nodejs.html （node.js初体验），这篇文章很好的综述了node.js的一个基础（从安装到体验到模块的一个入门，个人感觉是一篇很好的文章），相信通过东哥的这篇文章大家可以对node有一个初步的了解。node是一门很有意思的框架，它能够让一个长期执迷于前端开发的攻城湿（忘记了还有一种语言叫后阅读全文

posted @ 2012-03-30 17:32 key yao 阅读(8786) 评论(14) 推荐(1)

2012年3月27日

canvas元素简易教程（6）(大部分转自火狐，自己只写了简单的代码分析)

摘要：来吧来吧，只学会了前面那些东西可不够的，咱们来学习新东西了。。。通过前面的学习，我们初步了解了canvas绘图的使用，了解了怎么通过canvas去画图像，去处理图像，但是我们是否会觉得这样处理之后的东西显得色彩有些单调呢？好的，我们这一次主要就来学习一下关于颜色的处理吧~在绘制图形的学习中，我们使用的样式都是canvas的默认样式。今天我们要学习的是canvas的所有可选项，通过这些可选项，我们将学习到更多更有用的更强大的东西。到目前为止，我们只看到过绘制内容的方法。如果我们想要给图形上色，有两个重要的属性可以做到：fillStyle和strokeStyle。fillStyle = color 阅读全文

posted @ 2012-03-27 16:33 key yao 阅读(328) 评论(0) 推荐(0)

做出胶卷的效果——图片循环滚动播放

摘要：新近在轻博客中上线一个小功能，随手写了点代码，就贴上来了。 1 <script type="text/javascript"> 2 var scrollBox = document.getElementById("classicScrollBox"); 3 var num_record = 0;//计时器 4 window.onload = function(){ 5 function scrolls(){ 6 scrollBox.style.left = (parseInt(scrollBox.style.left)-1) +'.. 阅读全文

posted @ 2012-03-27 16:21 key yao 阅读(1927) 评论(0) 推荐(0)

2012年3月22日

canvas元素简易教程（5）(大部分转自火狐，自己只写了简单的代码分析)

摘要：好了，上次我们说过要对canvas的应用图像进行简单的讲解，现在就让我们开始吧。首先，我要对canvas的应用图像做一个简单的介绍。在html5中，canvas标签加入的十分有趣的功能就是引入图像。什么？你要说image也能做到？好吧，你赢了。Image的却能做到这一点，但是我所说的是引入图像，不是载入图像。你要问这俩有啥区别？好吧，你又赢了。我来讲讲吧。。。Canvas的引入图像与载入图像的最大区别是，你载入就是把图片下载到容器里面然后放那，引入可就不一样了，你可以进行一些简单的改动，比如裁剪啊合成啊什么的。怎么做到？别急，咱慢慢来。首先我需要讲清楚几点：第一，canvas也不是什么格式的图阅读全文

posted @ 2012-03-22 10:28 key yao 阅读(702) 评论(0) 推荐(0)

2012年3月15日

canvas元素简易教程（4）(大部分转自火狐，自己只写了简单的代码分析)

摘要：总结一下，我们已经学习了三种矩形的绘制方法了。那么，除了上面提到的三个方法可以直接绘制矩形之外，我们还有一个rect方法是用于绘制矩形路径的。rect(x, y, width, height)它接受四个参数x和y是其左上角坐标，width和height是其宽和高。当它被调用时，moveTo 方法会自动被调用，参数为(0,0)，于是起始坐标又恢复成初始原点了。好了，我们讲述了这么多钟路径的绘图方法，但是现在所有的例子都只有一种路径的写法。难道你不遗憾么？好的，让我们来一起走进一个一堆路径的恶心人的东西吧。。。上代码：function draw() { var ctx = document.get 阅读全文

posted @ 2012-03-15 13:50 key yao 阅读(291) 评论(0) 推荐(0)

2012年3月13日

canvas元素简易教程（3）(大部分转自火狐，自己只写了简单的代码分析)

摘要：记得我们上次学了什么么？矩形、路径、填充。回忆一下以前的东西，我们有什么用到却没有学过的呢？对了，那一个大笑脸不是都是圆弧么，它咋做到的呢？别急别急，咱们慢慢来~我们用arc方法来绘制弧线或圆。标准说明中还包含arcTo方法，当前Safari是支持的，但基于Gecko的浏览器还未实现。知道这是啥意思么？就是告诉你arcTo方法现在先别用。。。arc(x, y, radius, startAngle, endAngle, anticlockwise)方法接受五个参数：x，y是圆心坐标radius是半径，startAngle和endAngle分别是起末弧度（以x轴为基准），anticlockwis 阅读全文

posted @ 2012-03-13 18:22 key yao 阅读(296) 评论(0) 推荐(0)

2012年3月12日

canvas元素简易教程（2）(大部分转自火狐，自己只写了简单的代码分析)

摘要：在上一次教学中我们简单的了解了canvas的一些基础，现在我们开始学习canvas是如何通过JS绘制出一个个图形的。良好的开始是必须的，如同每一次学习一样，第一次的例子总是让人愤怒，因为我们没法在什么都没有学习的情况下对它有一个全面的了解。没关系，让我一点一点的为你解答它的奥秘吧。首先，我们来一个简单的绘画，绘制两个交错的矩形，一个拥有alpha透明效果。<html><head> <script type="application/x-javascript"> function draw() { var canvas = document 阅读全文

posted @ 2012-03-12 09:18 key yao 阅读(328) 评论(0) 推荐(0)

2012年2月8日

canvas元素简易教程（1）(大部分转自火狐，自己只写了简单的代码分析)

摘要：首先我想先说一下canvas的浏览器支持性，IE对它是不支持的，所以如果希望在IE下使用，请引入开源项目explorercanvas（下载网址http://code.google.com/p/explorercanvas/downloads/list）。在引入后请用一下代码进行嗅探：<head></head>canvas的使用与image元素颇为一致，都是在指定的位置开辟出一个承载的容器阅读全文

posted @ 2012-02-08 00:15 key yao 阅读(668) 评论(2) 推荐(0)

子不语怪力乱神

公告