Month: April 2015
最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。
核心代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<meta http-equiv="Content-Type" content="text/…
Read More
对于大部分密码加密，我们可以采用md5、sha1等方法。可以有效防止数据泄露，但是这些方法仅适用于无需还原的数据加密。
对于需要还原的信息，则需要采用可逆的加密解密算法。
下面一组PHP函数是实现此加密解密的方法：
加密算法如下：
function encrypt($data, $key)
{
$key = md5($key);
$x = 0;
$len = strlen($data);
$l = strlen($key);
for ($i = 0; $i < $len; $i++)
{
if ($x == $l)
{
对于站长来说，如果想要进行网站广告赚钱的话，势必要经常访问各种广告联盟的。 对于网络广告联盟中的一些术语，如CPA,CPL,CPS,CPC,CPM,CPR等，可能不甚了解。 下面是对于这些术语的一些具体解释，相信对于您必会有所帮助。
1.网络广告中的CPC是什么意思？ 什么是CPC广告?
回答：根据点击数付费（Cost-Per-Click），联盟会员按照送到商家即广告主网站上游客的量（通常是点击数）来收取一定的费用。 网络联盟营销管理系统可以记录下每个客人在联盟会员网站上点击的广告主广告，并链接到广告主网站的次数，广告主按每个点击多少钱的方式支付给联盟会员广告费。
目前Google Adsense,baidu…
Read More
如果屏蔽页面上的广告？对于普通用户来说，使用AdBlock插件是最佳选择(针对火狐浏览器和谷歌浏览器用户，不知道IE浏览器容易如何处理这样的问题)。
没有人喜欢广告，但在互联网上，绝大多数网站的主要来源只有广告，如果没有广告收入，这些网站基本上都会倒闭。
为了在投放放过和不骚扰用户之间取得平衡，很多站长是很有克制在页面上投放少量的广告。但站长们的这些良苦用心往往会被一些流氓宽带商的恶意行为给 粉碎了。几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时，在这些网页的页面上强行嵌入 自己的广告服务。
以大家熟知的36kr网站为例子来说明这个问题。我使…
Read More
注1* 之前我们比较过Foundation和Bootstrap， 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。
注2* 文中的多个框架基于SASS创建，SCSS是一种比LESS更简洁的样式表编程语言，它可以编绎成CSS，可复用CSS代码，声明变量，甚至是函数，类Ruby/Python的语法，参见： LESS vs SASS？选择哪种CSS样式编程语言?
最好的HTML5框架一般也是最流行的，使用这些框架可以极大地减少你的工作量，节约你的时间。
HTML5 有非常有用和令人意想不到的功能，但也有少数浏览器并不支持HTML5，因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的 框架有…
Read More
[前端框架] Bootstrap 3 与 Foundation 5 的五大区别(译)
开发工程师, 使用 Bootstrap. 前端开发人员, 使用 Foundation. 我们来谈谈为什么.
Bootstrap 与 Foundation 有许多关键的区别, 但是, 我想你只需要记住一件事:
ZURB 和 Twitter 的两种设计理念是很清楚的, 从他们对自己的框架的命名就可以看出来: Bootstrap 有引导, 开机自举的意思, 换言之, 它尝试处理你项目中一切所需要的. 而 Foundation 有创建, 创造的意思, 换言之, 它仅仅给你项目中强有力的创造力.
保持这种看法, 现在我来列出两者之间更多的关键区别:
1. UI 元素
Foundation…
Read More
从今天开始，我们将开始HTML5游戏开发一系列的文章。在我们的第一篇文章中，我们将讲解在画布canvas上的基础工作，创建简单的对象，填充和事件处理程序。另外，要注意在这个阶段中，我们不会立即学习WebGL相关的3D部分。但我们会尽快在未来的WebGL。
在每篇文章中，我们都将学习到一些新的东西。我们第一次创建一个对象，有7个顶点，这些顶点，我们将绘制圆，我们将能够拖动这些顶点。此外，我们将顶点对象填充为半透明色。我认为这是作为入门教程已经足够了。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载文件，然后让我们开始编码吧！
步骤1：HTML
这里是…
Read More
今天，我们继续html5游戏制作入门系列的系列文章。今天，我们将继续基础知识（也许甚至是高级技巧的基础）。我要告诉你如何具有渐变颜色填充对象，绘制文本，使用自定义的字体绘制文本，基本的动画，以及最重要的UI元素 – 按钮。
我们以前的文章中，你可以在这里阅读：html5游戏制作入门系列教程（一）。我们会用到以前的脚本，并将其功能加强。我要绘制文本，使用自定义字体，动画对象（方形）与渐变色填充，将利用“播放/暂停”按钮暂停动画。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
…
Read More
今天，我们继续一系列文章，使用HTML5的canvas组件进行游戏开发。接下来，我们将开始学习如何添加动画以及一些更有趣的功能。我 们的演示将包括一艘太空船飞越时空，并使用一个新的游戏元素 – 对话框。对话框将包含两页，我们的按钮用来切换对话框的页面，并隐藏对话框。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（二）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
<!DOCTYPE html>
<html lang="…
Read More
今天，我们继续一系列文章，使用HTML5的canvas组件进行游戏开发。今天我们要学习下元素：声音控制与动画。在我们的演示中，你会 看到一个飞龙。我们会听到持续的翅膀拍打的声音（我们将循环这个声音），和龙的怒吼声（mouseup事件）。最后，我们会让我们的龙不断的接近鼠标光标 （当我们按住鼠标）。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（三）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
<!DOCTYPE html>
<…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。今天，这是相当完整的游戏例子 – 它会回顾经典的旧电脑游戏 – 坦克大战。我会教你使用阵列地图并教你如何检测活动对象（坦克）与环境（基于阵列的地图）的碰撞。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（四）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML，非常简单，对不对？
<!DOCTYPE html>
<html lang="en" >
<h…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。今天，我们将创建我们的第一个完整的游戏 – 打砖块。在这一课中，我会告诉你如何检测基本的碰撞和HTML5的本地存储。您可以使用鼠标和键盘（左/右按钮）来操作垫拍左右运动。我们将html5本 地存储技术存储经过历史的游戏时间和碎砖（点）的数据。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML，非常简单，对不对？
<!DOCTYPE html>
<html lang="en" >
<head>
<meta c…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。我们将要更新完善我们的第4课html5游戏制作入门系列教程（四）的游戏实例，并增加了火球，敌人和碰撞检测等功能模块。所以，现在我们的飞龙可以施放火球来杀死敌人（还有成绩统计）。现在，这个游戏的互动性更强了。你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（六）。我们将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1：HTML
下面是基本的HTML代码：
这里是我演示的HTML，非常简单，对不对？
<!…
Read More
今天，我已经准备了一个新的游戏 – SkyWalker。基本上 – 这是用飞飞行模拟射击类游戏。我们的目标到达终点线。这个游戏还有其它一些特点，例如使用飞机运动动画和爆炸动画，多按键处理（例如同时移动和攻击），有 一定的水平长度，增强了碰撞检测（现在的敌人可能会损坏我们的飞机） ，生命值和分数等游戏参数。你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（七）。我们将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示
好吧，下载所需文件，让我们开始编码！
步骤1：HTML
下面是基本的HTML代码：
这里是我演示的HTML，非常简单，对不对…
Read More
