Blog list & Book list

Blog list
张晏的博客:
酷壳:
服务器运维与网站架构|Linux运维|X研究:
现代简明魔法-数据之美:
阮一峰的博客:
……
 
Book list
《C语言程序设计》- 谭浩强 
《黑客与画家》- Paul Graham (作者), 阮一峰 (译者)
《失控》- 凯文•凯利 (Kevin Kelly) 
……
 

一行JS代码实现页面图片延迟加载[jquery lazyload]

    提高页面加载速度的方法有很多种,这里推荐一种在页面图片较多的时,提高页面整体加载速度的方法–延迟加载(lazyload)。

    当一个页面图片较多时,页面整体的数据就会比较大,一次load完再展示,页面打开会显得比较慢,延迟加载就是在浏览器在解析HTML时不对图片进行加载,当页面打开后,监控滚动条对本屏图片进行逐个载入,这样可以将一个页面数据请求分散为多个,大大减少一次请求load数据的时间,从而提高页面的加载速度。
    借助 jquery lazyload插件可以轻松实现延迟加载,调用方式如下:
    引入jquery和jquery lazyload插件: 

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

图片标签处理:

<img data-original="img/example.jpg" width="640" height="480">
<!--
<img data-original="图片路径" width="640" height="480">
即把img标签src属性改为data-original
-->
    在页面加载完成后调用: 

<script>
 $(function() {
  $("img").lazyload();
  //加上淡出效果
  //$("img").lazyload({ effect : "fadeIn" });
 });
</script>
    下载地址:下载 
     转载请注明出处:怡然之乐 – FineYi

sublime text2 配置SVN

sublime text2是一款绝对性感、好用的编辑器,用用你就知道…

使用Package Control组件安装

安装package control组件,然后直接在线安装:

按Ctrl+` 调出console
粘贴以下代码到底部命令行并回车:

重启Sublime Text 2。
如果在Perferences->package settings中看到package control这一项,则安装成功。

如果这种方法不能安装成功,可以下载文件手动安装,点击下载
用Package Control安装插件的方法:

按下Ctrl+Shift+P调出命令面板,输入install 调出 Install Package 选项并回车

install
然后在列表中选中要安装的插件,建议装TortoiseSVN 。

svn

配置SVN

打开 preference –> Browse package  然后找到文件夹名称为 TortoiseSVN 的,点进去,用本编辑器打开 TortoiseSVN.sublime-settings 这个文件,把这个地址改成你的SVN安装地址。

seting
配置成功后,就可以用了
ssss
快捷键
alt+u 更新 svn_update
alt+c 提交 svn_commit
官方下载:sublime text2
sublimetxet插件

 

 

Hello Universe!

1.PHP中session默认有效期是1440秒(24分钟)。

2.面向对象程序设计的三大思想是:封装、继承、多态。

3.多态,就是指基类和派生类中可以有同名但功能完全不同的函数或方法。

4. …

在ThinkPHP框架下用AjaxFileUploader插件实现ajax文件上传

在ThinkPHP框架下用AjaxFileUploader插件实现ajax文件上传,支持多种文件格式,页面无刷新上传。

在Lib/Action/目录下创建upAction.class.php文件,代码如下:

<!--?php
class upAction extends BaseAction{

public function index(){
	$this--->display();
}

/*
*@文件上传
*@author	FineYi
*@date		2013-01-23
*/
public function upLoadFile(){
	$error = "";
	$msg = "";
	$fileElementName = 'fileToUpload';
	if(!empty($_FILES[$fileElementName]['error'])){
		switch($_FILES[$fileElementName]['error']){
			case '1':
				$error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini';
				break;
			case '2':
				$error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form';
				break;
			case '3':
				$error = 'The uploaded file was only partially uploaded';
				break;
			case '4':
				$error = 'No file was uploaded.';
				break;

			case '6':
				$error = 'Missing a temporary folder';
				break;
			case '7':
				$error = 'Failed to write file to disk';
				break;
			case '8':
				$error = 'File upload stopped by extension';
				break;
			case '999':
			default:
				$error = 'No error code avaiable';
		}
	}elseif(empty($_FILES['fileToUpload']['tmp_name']) || $_FILES['fileToUpload']['tmp_name'] == 'none'){
		$error = 'No file was uploaded..';
	}else{
			$re = $this-&gt;up();
			if(!$re){
				$error = 'Up file fail';
			}
			$msg = $re['savename'];	//文件名
			$path = '/upload/bizcoop/'.$msg;	//文件路径
			$size = $re['size'];	//文件大小
	}		
	echo json_encode(array('error'=&gt;$error,'msg'=&gt;$msg,'path'=&gt;$path,'size'=&gt;$size));exit;
}

private function up(){ 
	import('@.Org.UploadFile');//将上传类UploadFile.class.php拷到Lib/Org文件夹下
	$upload=new UploadFile();

	$upload-&gt;maxSize='-1';//默认为-1,不限制上传大小
	$upload-&gt;savePath= ICTSPACE_DIST_ROOT_PATH.'/www/upload/bizcoop/';//保存路径
	$upload-&gt;saveRule=uniqid;//上传文件的文件名保存规则
	$upload-&gt;uploadReplace=true;//如果存在同名文件是否进行覆盖
	$upload-&gt;allowExts=array('jpg','jpeg','png','gif');//准许上传的文件类型
	if($upload-&gt;upload()){
		$info=$upload-&gt;getUploadFileInfo();
		return $info[0];
	}else{
		return false;
		exit;
	} 
}

}
?&gt;

在/Tpl/default/Up/目录下创建index.tpl文件,代码如下:

&lt;div id="content"&gt;
&lt;h1&gt;Ajax File Upload Demo&lt;/h1&gt;
&lt;img id="loading" style="display: none;" alt="" src="__APP____PUBLIC__/style/img/loading.gif" /&gt;

&lt;form action="" enctype="multipart/form-data" method="POST" name="form"&gt;
&lt;table class="tableForm" cellspacing="0" cellpadding="0"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input class="input" id="fileToUpload" type="file" name="fileToUpload" size="45" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;button class="button" id="buttonUpload" onclick="return ajaxFileUpload();"&gt;Upload&lt;/button&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;span&gt;已上传的附件:&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;tfoot&gt;&lt;/tfoot&gt;
&lt;/table&gt;
&lt;/form&gt;&lt;/div&gt;

在/Lib/Org/目录下放入ThinkPHP文件上传类:
下载ThinkPHP扩展包 下载
解压缩  类文件路径  /Extend/Library/ORG/Net/UploadFile.class.php

上传中loading文件:loading

demo上传效果:
0307201135
Jquery Ajax File Uploader插件下载地址 下载