二月 6, 2012 0

Lazy Load Plugin for jQuery

By in Work

lazy load 就是 懒惰加载。要告诉它，我需要你啦，它才跑出来。

这个插件，就是浏览器还没有浏览到的图片，都不加载；等滚动条下拉，下面的页面显示了，原来下面页面包含的图片才会被触发加载。

已经有些站用这样的技术了。淡水一直不致力于前端研究，正好晃荡到这个插件的站点。

http://www.appelsiini.net/projects/lazyload

就不翻译了。简单的用用。图片源给个1*1像素的空图，真正的图片路径放到data-original属性里。底部加载jquery和插件js还有简单的插件函数调用。

<img src="img/grey.gif" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
<img src="img/grey.gif" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
<img src="img/grey.gif" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
<img src="img/grey.gif" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
<img src="img/grey.gif" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
<img src="img/grey.gif" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>

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

<script type="text/javascript">
    $("img").lazyload();
</script>

其他还有一些乱七八糟的用法就不多说了。上边的代码足矣。

Tags:

二月 2, 2012 0

MongoDB快速上手PHP篇

By in PHP

1，简介 mongoDB（http://www.mongodb.org）是一种 NoSQL 的文档型的数据库管理系统。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似 json的bjson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是他支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。 　　Mongo主要解决的是海量数据的访问效率问题，根据官方的文档，当数据量达到50GB以上的时候，Mongo的数据库访问速度是MySQL的 10倍以上。Mongo的并发读写效率不是特别出色，根据官方提供的性能测试表明，大约每秒可以处理0.5万－1.5次读写请求。 2，安装（windows only） 到官网下载对应的包 解压到d:\mongodb 创建d:\mongodb\data放置数据文件 3,运行mongodb d:\mongodb\bin下有一些可执行文件，其中mongod.exe是服务器端，mongo.exe是客户端。 运行cmd，输入 d:\mongodb\bin>mongod.exe -dbpath d:\mongodb\data 服务器成功启动 4，让php支持MongoDB 下载php_mongo.dll,注意版本，php5.3.x应该支持v9的（有些老资料让apache的下v6，其实要看看phpinfo后下载对应的版本）; 修改php.ini,增加 extension = php_mongo.dll; 重启apache. 5,php操作MongoDB 这里淡水找到了 xiaocai 的博文一篇，做了些调整，比较好。 原文链接：PHP操作MongoDB学习笔记 以下是淡水的修改版： <?php /**  * PHP操作MongoDB学习笔记  * 2011年2月23日  * 原作者：xiaocai  */ //************************* //**    连接MongoDB数据库服务器 //************************* //格式=>("mongodb://用户名:密码@地址:端口/默认指定数据库",参数) $conn = new Mongo(); //可以简写为 //$conn=new Mongo();    [...]

Tags:

一月 31, 2012 0

web.py尝鲜时遭遇no module named MySQLdb

By in python

python看了好一阵了，一直没有突破。挤了点时间折腾web.py。 下个小应用跑跑看，出现解决“no module named MySQLdb”。就是缺了MySQLdb模块，于是下了安装，但是一直不行。 google之，原来是版本不一致，淡水是在64位的win7上用的64位的python2.7，所以对应的MySQL-python也要64位的。 这里有下。http://www.lfd.uci.edu/~gohlke/pythonlibs/ 里面还有好多的。

Tags: ,

一月 30, 2012 0

怎样使用php编辑以文件形式存储的配置文件

By in PHP

文件形式存储配置文件比较方便，一些不常变动的部分就无需写到数据库中，这样就无需每次都要读取数据库，可以降低数据库的负担，还可以提高响应速度。但是修改貌似没那么方便，如果可以在线上修改php配置文件那就好了。比如改改广告链接啊，变动部分css等等都可以的。 $file ="source.php";//需要编辑的文件，可以通过get，post来取得 if($file != ""){     if($_GET[’acvite’] == "save"){//提交保存         $newcontent = stripslashes($_POST[’newcontent’]);//去除转义反斜线         $f = fopen($file, ‘w’);//以写入方式打开文件         fwrite($f, $newcontent);//把新的数据写入到原始的文件中         header("Location: success.php?u=".$file); //写入完成跳转到success.php     }else{         $f = fopen($file, ‘r’);//以读取方式打开文件         $content [...]

Tags: , ,

一月 30, 2012 0

meta标签简明教程

By in Work

又是简明教程，嗯，好为人师啊。 其实这应该是基本功，只是有些只注意速成的web设计师没有留心到。 meta的存放位置 meta标签放置在head标签之间。 <head> <meta name="keywords" content="淡水河边,kissjava,phper" /> </head> 关键字 关键字须用英文逗号(,)隔开,不要有空白。 <meta name="keywords" content="淡水河边,php" /> 网站描述 页面如果没有给出网站描述时，搜寻引擎通常会自动抓网页的前25字做为网页内容摘要，呈现在搜寻结果上。但有时网页的前25字可能未必能表达文章的宗旨。 <meta namge="description" content="meta标签的简明教程，有淡水整理。" /> 网页隐私 用来告知搜寻引擎该网页是否可被搜寻，并且有几个参数可作设定: noindex：不要检索。 nofollow：只检索该页，不检索该页里的链结。 noindex, nofollow：搜寻引擎的小蜘蛛到这里时，就会停止，不作任何的检索。 <meta name="robots" content="index,follow" /> <meta name="robots" content="noindex,follow" /> <meta name="robots" content="index,nofollow" /> <meta name="robots" content="noindex,nofollow" /> 作者 <meta name="author" content="淡水河边"> 版权说明 <meta name="copyright" CONTENT="淡水版权没有，随便抄"> 网页编码 强烈建议编码设为utf-8（这个都统一用它比较方便，避免乱码等问题）。 <meta [...]

Tags: ,

一月 28, 2012 0

.htaccess功能简明教程

By in PHP, Work

.htaccess文件很有用，简单说说吧（可是淡水还是厚颜的加上了简明教程的标题）。 重定向和url重写 一个简单的重定向 Redirect 301 ^old\.html$ http://localhost/new.html 这是设置一个http状态码为301（永久移动）并把所有访问old.html转向到new.html。使用了正则表达式来匹配访问的页面，后面的url必须是完整路径。 Url重写 RewriteEngine on RewriteRule ^old\.html$ new.html 第一行打开重写引擎 第二行是重写规则。这样用户访问old.html时实际却是访问的new.html，而且用户对此好吧知情。因为地址栏里依旧显示是old.html。 为了在地址栏显示新的访问地址，我们可以加个f标志在rewriterule语句里。 RewriteRule ^old\.html$ http://hostname/new.html [r=301] 下面是把带查询参数的url重写成对搜索引擎友好的url RewriteRule ^products/([^/]+)/([^/]+)/([^/]+) product.php?cat=$1&brand=$2&prod=$3 这条规则允许访问者以类似这样的url products/turntables/technics/sl1210, 来访问product.php?cat=turntables&brand=technics&prod=sl1210. 括号里为一个单元，分别对应后面的$1,$2,$3。[^/]+ 在原括号里表示除了/之外的任何一个或是多个字符。 自定义错误页面 ErrorDocument 404"/404.html" 这是定义404页面无法找到的错误，也可以定义其他错误代码的页面。 限定访问特点资源 <Files"protectedfile.html">    AuthName"Username and password required"    AuthUserFile/path/to/.htpasswd    Require valid-user    AuthType Basic </Files> 保护protectedfile.html，authName是登陆框的提示信息，authuserfile是.htpasswd文件的路径 阻止某些ip访问 order allow,deny deny [...]

Tags:

一月 9, 2012 0

Jquery Notification Plugin

By in Work

一款简单易用的jquery通知插件。会在页面顶部show出成功，失败，警告，和信息提示框。 基本设置 1，引入jquery和本插件（notification libraries） <script src="jquery.js"></script> <script  src="js/jquery_notification_v.1.js"> </script> 2，引入notification的css文件 <link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/> 3，调用showNotification()方法，并传递参数 showNotification(params); 使用例子 <html> <head> <link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/> <script src="jquery.js"></script> <script type="text/javascript" src="js/jquery_notification_v.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ showNotification({ message: "This is sample notification message", type: "success", autoClose: true, duration: 5 }); }); </script> </head> <body> ……………… ……………… </body> </html> 插件下载：jquery_notification

Tags:

一月 9, 2012 0

jQuery Mobile Framework 便捷指南

By in Work

Jquery mobile framework 可以帮助你开发基于web的富移动应用程序。在这篇教程里，我们将解释一些基本的事情，比如theme selection （主题选择），library usage（库的使用），design pages（页面设计），page links（页面链接）和transition animations （过渡动画）。代码轻便，简单，灵活。它支持流行的智能手机和嵌入平台。使用它可以让你的移动应用更充实。 包含jQuery Mobile库 第一步就是在你的web page头部引入jQuery Mobile的样式表和javascript库文件。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> 设计你的web page jQuery Mobile可以在普通的html标签或html5标签中工作，但是你必须添加一些data属性（data-role，data-theme等等）在html标签中。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery Mobile | 9Lessons</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header" data-theme="a"> [...]

Tags: ,

十二月 24, 2011 0

贴点权限系统的部分代码

By in PHP, Work

好久未更了，凑数:( <?php /**  * 权限控制器  */ class Permission extends CI_Controller {     function __construct()     {         parent::__construct();         $this->load->model(’permission_model’);     }         //模块列表（权限分类）     function module()     {         $data[’list_pages’] = $this->permission_model->list_module();         $this->load->view(’manage/list_permission_module’,$data); [...]

十二月 7, 2011 0

jQuery ajax方式加载页面后，被加载页面的js不能执行的问题

By in PHP, Work

在回调函数里注册一下事件就可以了，要么就各个函数写在被加载的页面里。 $(document).ready(function() {     $(’content_div’).hide();     $(’#list_user’).click(function(event){         event.preventDefault();         load_user();     }); }); function load_user(){     //load page     $("#content_div").load(’your page url’,function(){         //回调函数，在这里注册被加载页面需要的事件         $(".deleteItem").click(delItem);         $(".editItem").click(editItem);     });     function [...]

Tags: ,

Older Posts