天道酬勤,唯爱学可成才
浏览模式: 标准 | 列表2010年04月的文章

心浮气躁

现在的人都心浮气躁。

一和他说东西,就想动手试试,不是坏事,可是总得明白要动手做什么吧;

几分钟前动手做的东西你再问他为什么这么做,他就在那反正反正一大堆,毫无原则、立场和理性可言;

写个文档要求按文档做页面,最终做的自己都不知道是什么,能交差么;

浮躁在于要表现价值或能力。

» 阅读全文

Tags: 浮躁

Web 设计与开发终极资源大全(下)

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文是第二部分。

 

» 阅读全文

Tags: web, 资源大全

Web 设计与开发终极资源大全(上)

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。

1. 函数与类库

A. CAPTCHA

CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中:

reCAPTCHA

这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。

Securimage

这个一个免费的,开源 PHP CAPTCHA 脚本。

freeCap

基于 GPL 协议的 CAPTCHA 脚本

HN CAPTCHA

PHP CAPTCHA 脚本,基于 LGPL 协议

B. 日期处理

日期操作并不轻松,尽管 PHP 和 Perl 内置了大量此类函数,但未必满足你的需要,以下是几个很好用的日期函数:

C. 图形处理

图片缩放,添加水印等:

D. 表单验证

表单验证不仅保证用户填写的准确,还可以防止攻击:

E. 密码验证

验证密码的复杂度

2. Ajax 与 JavaScript

A. 自动输入建议

最早最成熟的自动输入建议应该是 Google 搜索条。

B. 日历

在输入日期的地方,使用非常直观的日历面板

C. 滑动条

滑动条可以更直观地进行数值的输入和选择

D. 表格

Ajax 表格,支持排序等功能

E. 可拖动内容

Ajax-based draggable content features can be very useful when used appropriately. Such tools enable users to reorganize a page to suit their needs, and can also serve as a basis for an interactive feature like a shopping basket.

F. 图片放大

类似 JavaScript 灯箱的图片放大显示控件

G. 相册和幻灯

用相册或幻灯方式显示系列图片

H. 打分工具

非常直观的打分控件

I. 取色板

用于取色

J. 进度条

本文国际来源:http://www.noupe.com/tools/100-essential-web-development-tools.html

» 阅读全文

Tags: web, 资源大全

jQuery 表格工具集

本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。

jQuery 表格插件

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。

Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。

JQTreeTable - 在表格中加入树形结构

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区,脚注部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可(演示)。

KeyTable - 象 Excel 那样,在单元格之间巡游,可以现场编辑。

graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。

DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。

jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来(演示)。

Visualize: Accessible Charts & Graphs from Table Elements - 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。

Grider - 一个简单的 jQuery 插件,可以对 HTML 表格进行计算,平均,累加,最大值,最小值等。

表格功能增强

Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。

Table Pagination - 在表格下方自动生成分页导航。

tableRowCheckboxToggle - 可根据 class name 对表格的行自动 check on/off

BS Table Crosshair Plugin - 鼠标在表格上移动时,所经过的单元格自动交叉加亮

jqtable2csv - 将 HTML 表格转换为 SVG 字符串。

Colorize - 自动对表格间隔行使用不同背景颜色

jExpand - 一个非常轻量的 jQuery 插件,可以展开/关闭表格单元格,使表格可以容纳更多内容。

columnHover - 鼠标经过时,可以整列加亮,甚至支持 colspans 和 rowspans

HeatColor - 根据规则,或自动对表格中的值进行分析,对不同范围的值按不同颜色区分。

Fixed Header Table - 固定表头可滚动表格

表格搜索,筛选

tableFilter - 给表格添加简单的筛选功能。

uiTableFilter - 根据条件筛选(隐藏)表格行

Tablesorter 2.0 - 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。

PicNet Table Filter - 实时的,Google 式筛选功能

jQuery tinysort - 排序

LiveFilter 1.1 - 非常轻量的表格筛选插件,部署非常简单。

jQtablesearch - 快速搜索,非常快

Quicksearch - 简单的搜索功能

jQuery 现场编辑

TableEditor – Flexible in place editing of TableSorter - 现场编辑表格内容,用户可以插入 Ajax 机制回存数据

jGridEditor - 现场编辑,可配置 Ajax 回存数据

本材料原始来源:Nope jQuery HTML Table Toolbox (原文作者:Paul Andrew)

» 阅读全文

Tags: jquery, 表格

ubuntu 9.10 编译安装 Wesnoth1.8

Wesnoth1.8 (韦诺之战1.8)新近发布,作为linux下的一款可玩性比较高的游戏我当然想尝尝鲜啦。下面是它的编译方法。

 

构建环境

sudo apt-get update && sudo apt-get upgrade
sudo apt-get install build-essential scons
sudo apt-get install libboost1.40-all-dev libsdl1.2-dev libsdl-image1.2-dev libsdl-mixer1.2-dev libsdl-net1.2-dev libsdl-ttf2.0-dev gettext python2.6-dev libx11-dev libfribidi-dev libpango1.0-dev liblua5.1-0-dev

到这里下载 http://www.wesnoth.org/wiki/Download wesnoth-1.8.tar.bz2 文件

cd ~/down
tar jxfv wesnoth-1.8.tar.bz2
cd wesnoth-1.8
scons
sudo scons install

» 阅读全文

Tags: wesnoth, ubuntu, 韦诺之战, 编译

10 个最酷的 Linux 单行命令

sudo !! 以 root 帐户执行上一条命令。 python -m SimpleHTTPServer 利用 Python 搭建一个简单的 Web 服务器,可通过 http://$HOSTNAME:8000 访问。 :w !sudo tee % 在 Vim 中无需权限保存编辑的文件。 cd - 更改到上一次访问的目录。 ^foo^bar 将上一条命令中的 foo 替换为 bar,并执行。 cp filename{,.bak} 快速备份或复制文件。 mtr google.com traceroute + ping。 !whatever:p 搜索命令历史,但不执行。 $ssh-copy-id user@host 将 ssh keys 复制到 user@host 以启用无密码 SSH 登录。 ffmpeg -f x11grab -s wxga -r 25 -i :0.0 -sameq /tmp/out.mpg 把 Linux 桌面录制为视频。

» 阅读全文

Tags: linux, 命令

让PHP断点续传[下载]

PHP代码
  1. $fname = './MMLDZG.mp3';  
  2. $fp = fopen($fname,'rb');  
  3. $fsize = filesize($fname);  
  4. if (isset($_SERVER['HTTP_RANGE']) && ($_SERVER['HTTP_RANGE'] != "") && preg_match("/^bytes=([0-9]+)-$/i"$_SERVER['HTTP_RANGE'], $match) && ($match[1] < $fsize)) {     $start = $match[1]; } else {     $start = 0; } @header("Cache-control: public"); @header("Pragma: public"); if ($star--> 0) {  
  5.     fseek($fp$start);  
  6.     Header("HTTP/1.1 206 Partial Content");  
  7.     Header("Content-Length: " . ($fsize - $start));  
  8.     Header("Content-Ranges: bytes" . $start . "-" . ($fsize - 1) . "/" . $fsize);  
  9. else {  
  10.     header("Content-Length: $fsize");  
  11.     Header("Accept-Ranges: bytes");  
  12. }  
  13. @header("Content-Type: application/octet-stream");  
  14. @header("Content-Disposition: attachment;filename=mmdld.mp3");  
  15. fpassthru($fp);  

 

fpassthru() 函数输出文件指针处的所有剩余数据。

该函数将给定的文件指针从当前的位置读取到 EOF,并把结果写到输出缓冲区。

引用:http://www.c1991.com/article/197.html

» 阅读全文

Tags: php, 续传