LMLPHP后院

基于HTTP协议之WEB消息实时推送技术原理及实现技术

maybe yes 发表于 2014-11-22 18:41

很早就想写一些关于网页消息实时推送技术方面的文章,但是由于最近实在忙,没有时间去写文章。本文主要讲解基于 HTTP1.1 协议的 WEB 推送的技术原理及实现。本人曾经在工作的时候也有做过一些用到网页消息实时推送的项目,但是当时实现的都不是很完美,甚至有时候是通过 Ajax 轮训的方式实现。在网上也找过不少的资料,真正说到点子上的几乎没有,很多文章大都是长篇大论,说了一些新有名字,什么“HTTP 长连接”,“实时推送”,“Comet 长连接推送技术”等。但真正提到如何实现实时推送的文章倒是没有看到过。

我的一个开源项目 WebChat,是一个基于网页的聊天室系统,这个系统是本人毕业前做的,代码一直没放到 GITHUB 上。因为本人毕业论文设计是一款基于安卓平台的实时推送的应用,开发完安卓推送系统后让我对推送有了更深认识,到后来毕业论文结束后就想着要将聊天室项目公开,最近放到了 GITHUB 上,取了个名字叫 WebChat,一开始还想叫 WeChat,后来感觉很俗,当时也想不出好名字,感觉只要是像样的英文单词都被占有了。WebChat 的 git 地址是 git@github.com:leiminglin/WebChat.git,服务端使用 PHP 实现,前端使用了 JavaScript,JQuery。这里谈到这个项目主要是因为 WebChat 用到了推送技术,想学习的朋友可以下载看看,该项目可以运行在几乎所有浏览器上,本人测试 IE6 都没问题。

基于HTTP1.1的消息实时推送技术原理-LMLPHP后院

手机网站开发HTML5之viewport使用技术

maybe yes 发表于 2014-11-22 11:57

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实现箭头效果技术

maybe yes 发表于 2014-10-27 23:54
其实很早就想写一些有关前端方面的文章,但是由于时间太紧,工作太忙,总抽不出时间来写。关于前端,我想只要是对生活热爱的人都会喜欢。关于技术,我想到了两句话,都是传智播客的方立勋老师说的,第一句话是:“技术就是窗户纸”;第二句话是:“这个世界上,识货的人太少了”。有时候我发现技术其实是一种思想,并不在于技术本身。更深一步的说,技术的更高层次就是艺术。所以,有时候我特别的想用一些通俗的语言来表达它。而前端,更能体现这种艺术。
关于在网页实现箭头效果,很多网站直接使用图片,其实这是不理智的。能用CSS技巧实现的效果,不到万不得已不要使用图片。我们在做网站的时候,最重要的指标就是速度,不能让用户等待,不能让用户看着浏览器在转圈圈。下面将详细描述如何使用SPAN标签实现箭头效果。

图像处理技术之图片相似度比较技术

maybe yes 发表于 2014-10-27 23:51
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使用教程技术

maybe yes 发表于 2014-10-25 12:12
写在前面
这篇文章写完后,感觉不是很满意,漏掉了一些常用的命令忘记写,如“git tag”,“git diff”,“git show”,“git log”,“git remote”等。但是作为教程,应该是越简单越好,文章太长,反而惹人讨厌,这样一想,也就没有继续补充了。
GITHUB 是全球最出名的基于 GIT 的代码托管平台之一,可以免费的托管开源代码。作为一名软件工程师,对代码的管理养成一个良好的习惯是非常重要的。本人将讲解如何使用 GIT BASH 管理 GITHUB 中的代码库。
Git 是基于 Linux 内核开发的版本控制工具。与常用的版本控制工具 CVS,Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持,使源代码的发布和交流极其方便。 Git 的速度很快,这对于诸如 Linux kernel 这样的大项目来说自然很重要。 Git 最为出色的是它的分支、合并、跟踪的能力。
2024-04-23 19:33:56 1713872036 0.006974