基于HTTP协议之WEB消息实时推送技术原理及实现技术
很早就想写一些关于网页消息实时推送技术方面的文章,但是由于最近实在忙,没有时间去写文章。本文主要讲解基于 HTTP1.1 协议的 WEB 推送的技术原理及实现。本人曾经在工作的时候也有做过一些用到网页消息实时推送的项目,但是当时实现的都不是很完美,甚至有时候是通过 Ajax 轮训的方式实现。在网上也找过不少的资料,真正说到点子上的几乎没有,很多文章大都是长篇大论,说了一些新有名字,什么“HTTP 长连接”,“实时推送”,“Comet 长连接推送技术”等。但真正提到如何实现实时推送的文章倒是没有看到过。
我的一个开源项目 WebChat,是一个基于网页的聊天室系统,这个系统是本人毕业前做的,代码一直没放到 GITHUB 上。因为本人毕业论文设计是一款基于安卓平台的实时推送的应用,开发完安卓推送系统后让我对推送有了更深认识,到后来毕业论文结束后就想着要将聊天室项目公开,最近放到了 GITHUB 上,取了个名字叫 WebChat,一开始还想叫 WeChat,后来感觉很俗,当时也想不出好名字,感觉只要是像样的英文单词都被占有了。WebChat 的 git 地址是 [email protected]:leiminglin/WebChat.git,服务端使用 PHP 实现,前端使用了 JavaScript,JQuery。这里谈到这个项目主要是因为 WebChat 用到了推送技术,想学习的朋友可以下载看看,该项目可以运行在几乎所有浏览器上,本人测试 IE6 都没问题。
手机网站开发HTML5之viewport使用技术
html5的viewport使我们开发出来的应用或页面大小能适合各种手机不同的分辨率,不同屏幕大小。viewport 语法介绍:
<meta name="viewport" content=" height = [pixel_value | device-height], width = [pixel_value | device-width ], initial-scale = float_value, minimum-scale = float_value, maximum-scale = float_value, user-scalable = [yes | no], target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] " />
前端技术之DIV或SPAN+CSS实现箭头效果技术
其实很早就想写一些有关前端方面的文章,但是由于时间太紧,工作太忙,总抽不出时间来写。关于前端,我想只要是对生活热爱的人都会喜欢。关于技术,我想到了两句话,都是传智播客的方立勋老师说的,第一句话是:“技术就是窗户纸”;第二句话是:“这个世界上,识货的人太少了”。有时候我发现技术其实是一种思想,并不在于技术本身。更深一步的说,技术的更高层次就是艺术。所以,有时候我特别的想用一些通俗的语言来表达它。而前端,更能体现这种艺术。
关于在网页实现箭头效果,很多网站直接使用图片,其实这是不理智的。能用CSS技巧实现的效果,不到万不得已不要使用图片。我们在做网站的时候,最重要的指标就是速度,不能让用户等待,不能让用户看着浏览器在转圈圈。下面将详细描述如何使用SPAN标签实现箭头效果。
图像处理技术之图片相似度比较技术
Today,工作中发现需要去除图片上的水印,由于涉及文章太多,手动重新编辑很慢且容易出错。于是想到了使用脚本比较全部图片的相似度,然后替换文件的方式来达到去除水印效果。在完成这项工作前,我们需要找到所有的原图放在同一个文件夹中。通过遍历原图和目标文章目录的图片进行比较,若发现相似则覆盖。在网上找了一个PHP写的类,略加修改,代码如下:
<?php /** * Image similarity compare * @author May * */ class ImageCompare { private static $instance; /** * error rate */ private static $rate = 1; public static function getInstance() { if (!self::$instance) { self::$instance = new self(); } return self::$instance; } /** * Set error rate * @param int $rate */ public function setErrorRate($rate){ self::$rate = $rate; } /** * * @param string $file * @throws Exception * @return multitype:Ambiguous <boolean, string, array> */ private static function doCompare($file) { if(!function_exists('imagecreatetruecolor')) { throw new Exception('GD Library must be loaded'); } $is_string = false; if(is_string($file)) { $file = array($file); $is_string = true; } $result = array(); foreach ($file as $f) { $result[] = self::hash($f); } return $is_string ? $result[0] : $result; } /** * Cal Hamming distance is similar * @param string $img1 * @param string $img2 * @return boolean */ public function checkIsSimilar($img1,$img2) { if (file_exists($img1) && file_exists($img2)) { $img1 = self::doCompare($img1); $img2 = self::doCompare($img2); } if(strlen($img1) !== strlen($img2)) { return false; } $count = 0; $len = strlen($img1); for ($i=0;$i<$len;$i++) { if($img1{$i} !== $img2{$i}) { $count ++; } } return $count <= (5*(self::$rate)*(self::$rate))?true:false; } /** * Get hash value * @param string $file * @return boolean|string */ private static function hash($file) { if (!file_exists($file)) { return false; } $height = 8*self::$rate; $width = 8*self::$rate; $img = imagecreatetruecolor($width, $height); list($w,$h) = getimagesize($file); $source = self::createImg($file); imagecopyresampled($img, $source, 0, 0, 0, 0, $width, $height, $w, $h); $value = self::getHashValue($img); imagedestroy($img); return $value; } /** * Cal hash value * @param resource $img * @return string */ private static function getHashValue($img) { $width = imagesx($img); $height = imagesy($img); $total = 0; $array = array(); for ($y =0;$y<$height;$y++) { for ($x=0;$x<$width;$x++) { $gray = (imagecolorat($img, $x, $y) >> 8) & 0xFF; if (isset($array[$y]) && !is_array($array[$y])) { $array[$y] = array(); } $array[$y][$x] = $gray; $total += $gray; } } $average = intval($total/(64*self::$rate*self::$rate)); $result = ''; for ($y=0;$y<$height;$y++) { for ($x=0;$x<$width;$x++) { if ($array[$y][$x] >= $average) { $result .= '1'; } else { $result .= '0'; } } } return $result; } /** * Generate picture * @param string $file * @return Ambiguous <NULL, resource> */ private static function createImg($file) { $ext = self::getFileExt($file); if ($ext === 'jpeg') $ext = 'jpg'; $img = null; switch ($ext){ case 'png' : $img = imagecreatefrompng($file);break; case 'jpg' : $img = imagecreatefromjpeg($file);break; case 'gif' : $img = imagecreatefromgif($file);break; default:break; } return $img; } /** * Get picture extension * @param string $file * @throws Exception * @return string */ private static function getFileExt($file){ $infos = explode('.', $file); $ext = strtolower($infos[count($infos) - 1]); if (!in_array($ext,array('jpg','jpeg','png','gif'))) { throw new Exception( "file suffix must be 'jpg','jpeg','png','gif' "); exit; } return $ext; } }
GITHUB之GIT BASH使用教程技术
写在前面
这篇文章写完后,感觉不是很满意,漏掉了一些常用的命令忘记写,如“git tag”,“git diff”,“git show”,“git log”,“git remote”等。但是作为教程,应该是越简单越好,文章太长,反而惹人讨厌,这样一想,也就没有继续补充了。
GITHUB 是全球最出名的基于 GIT 的代码托管平台之一,可以免费的托管开源代码。作为一名软件工程师,对代码的管理养成一个良好的习惯是非常重要的。本人将讲解如何使用 GIT BASH 管理 GITHUB 中的代码库。
Git 是基于 Linux 内核开发的版本控制工具。与常用的版本控制工具 CVS,Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持,使源代码的发布和交流极其方便。 Git 的速度很快,这对于诸如 Linux kernel 这样的大项目来说自然很重要。 Git 最为出色的是它的分支、合并、跟踪的能力。