现在减少文件大小是前端的一项重要任务,对于js和css文件可以用软件去除里面的注释和空格来达到减少体积的目的。但是css文件还是有很多无用的代码,可以用Dust-Me Selectors来得到无用代码的名单,然后就可以按图索骥来清除它们。
- 支持外链形式的样式表,如使用<link>和@import外联到页面中的样式表,还包括<?xml-stylesheet?>处理结构里带的样式表。但是对于嵌入样式(在标签<style>内的样式)和内联(使用元素的style属性的行样式)的样式,是不支持的。
- 支持IE条件注释语句。
- 即可以检查单页,也可以检查整个站点。
- 可以识别大部分的CSS2和CSS3选择器,但可以识别所有的CSS1选择器。
- 可以识别一般的CSShack,如:“* html #foo”会被当成“html #foo”。


发表在 前端
|
标签为 clear, css
|
今天在制做页面时,需要对table元素里的td设置min-height属性,但怎么设置都没有效果。我想难道是和position属性一样,不能对table元素设置吗?搜索了一下这才恍然大悟,原来对于table元素,如th、td来说,使用height属性就等效于min-height属性了,如果表格内容高度大于所设定的高度值,表格会自己扩大高度以适应内容的。如:
td{
height:300px; /* 等效于普通元素的 min-height */
}
Sqlite是一个跨平台的软件,不需要安装或设置,只需在最终用户的系统上创建一个数据库文件就可以了,在平台和系统之间移植非常方便。由于它具有跨平台、规模小的特点,所以被很多公司使用,如Mozilla、Adobe,Symbian等。
这段时间我也打算学习下Sqlite,做一些简单的演示时非常方便,不用在最终用户的系统安装数据库环境了。但在利用PHP操作数据库时发现PHP默认只支持到Sqlite2,不支持最新版的Sqlite3。如果想支持Sqlite3就要使用PDO。要想使用PDO,需要在php.ini里面载入php_pdo.dll和php_pdo_sqlite.dll两个模块。如下:
extension=php_pdo.dll
extension=php_pdo_sqlite.dll
如果这两段代码前面有;,就把它去掉。下面是我编写的Sqlite操作代码,一共有五个函数,分别是链接数据库、插入新数据、删除数据、更新数据和显示数据。
/**
* 创建一个 sqlite3 链接
* @author Jon<jon.ju@msn.com>
* @return object 返回一个数据链接对象
*/
function connectSqlite(){
// 设置数据库的位置
$db = "sqlite:".$_SERVER['DOCUMENT_ROOT']."/sqlite/web.db";
echo $_SERVER['DOCUMENT_ROOT']."/sqlite/web.db" . '<br />';
$user = "";
$pass = "";
$dbHandle = new PDO($db,$user,$pass);
echo 'Connected to database<br />';
return $dbHandle;
}
/**
* 插入新数据
*/
function insertSqlite($conn){
$qry = $conn->query('select * from site');
//如果不存在,则创建表
if($qry ==false){
$conn->exec('create table mysite(name VARCHAR(30),url VARCHAR(50))');
}
// 准备存入数据
$insert = $conn->prepare("INSERT into mysite VALUES(?,?)");
// 存入数据
$insert->execute(array('julabs','julabe.com'));
$insert->execute(array('google','www.google.com'));
}
/**
* 删除数据
*/
function deleteSqlite($conn){
$conn->exec("DELETE FROM mysite WHERE name = 'google'");
}
/**
* 更新数据
*/
function updateSqlite($conn){
$conn->exec("UPDATE mysite set url='julabs.me' WHERE name = 'julabs'");
}
/**
* 显示数据
*/
function showSqlite($conn){
$sth = $conn->prepare("SELECT * FROM mysite");
$sth->execute();
$result = $sth->fetchAll(PDO::FETCH_ASSOC);
echo '<br />共有<strong>' . count($result) . '</strong>条数据<br />';
echo '<table>';
echo '<tr><th>名称</th><th>地址</th></tr>';
foreach($result as $row){
echo '<tr>';
foreach($row as $key => $val){
echo '<td>';
echo $val;
echo '</td>';
}
echo '</tr>';
}
echo '</table>';
}
$connect = connectSqlite();
insertSqlite($connect);
showSqlite($connect);
updateSqlite($connect);
showSqlite($connect);
deleteSqlite($connect);
showSqlite($connect);
$connect = NULL;
发表在 php
|
标签为 php, sqlite
|
在编程时,有时候会遇到时区和语言编码配置问题。在中国所用的时区码一般为下面几个:
- Asia/Shanghai;大陆东部,包括北京、上海、广州等;
- Asia/Harbin;大陆东北,包括黑龙江、吉林等,但不包括漠河;
- Asia/Chongqing;大陆中部,包括四川、云南、广西、陕西、贵州等;
- Asia/Hong_Kong;香港;
- Asia/Taipei;台北;
更详细的时区码内容请参见List of tz database time zones,但为什么没有Asia/Beijing这样的设置呢?
在中国所用到的语言编码一般有下面几个:
- zh-tw;中文繁体(台湾);
- zh-cn;中文简体;
- zh-hk;中文繁体(香港);
- zh-sg;新加坡中文;
更详细的语言编码内容请参见Language Codes。
今天在安装PyAMF时老是发生Unable to find vcvarsall.bat的错误,上网找了一下,在eddsn找到了“Unable to find vcvarsall.bat” error when trying to install rdflib这么一篇文章,解决了问题。方法如下:
- 首先安装MinGW,在MinGW的安装目录下找到bin的文件夹,找到mingw32-make.exe,复制一份更名为make.exe;
- 把MinGW的路径添加到环境变量path中,比如我把MinGW安装到D:\MinGW\中,就把D:\MinGW\bin添加到path中;
- 打开命令行窗口,在命令行窗口中进入到要安装代码的目录下;
- 输入如下命令就可以安装了。
setup.py install build --compiler=mingw32

这是日本人建的一个网站,与众不同的是它直接展示源代码,旁边就显示效果,非常直观。这里有大量的人员发布他们的代码,有很多非常有创意的想法与技巧。

这个网站不仅提供源文件下载,还会以视频的形式教授整个制做过程,是个难得可贵的教学网站。所教内容包括Flash,Flex以及AIR。
发表在 Flash
|
标签为 air, flex, 学习
|
Flashbug是一款基于FireBug的火狐插件,这给利用Flex SDK开发程序的人带来了便利。以前只能用FDB命令行来调试,现在有了Flashbug就更直观了。
安装Flashbug也非常方便,不过要先给火狐安装FireBug插件,还得给火狐安装Debug版本的Flash播放器。
在实际操作中还要注意两点:
一、在编译生成swf文件时,要输出成debug版本的文件,如下命令:
D:\flex4\bin\mxmlc.exe -debug=true --strict=true main.mxml
注意里面-debug=true,加了这一段就能输出debug版本的swf文件。
二、要把生成的swf文件嵌入到HTML文件中,不能用浏览器直接打开swf文件,否则Flashbug会失效。
Flashbug的使用很简单,打开FireBug,切换到Flash Console标签,在Trace Log里就能看到在Flash文件中通过trace方法输出的信息,还能查看Shared Objects的信息。

继续阅读 →
Nick La在IconDock上发布了一些开源的社会媒体图标,可以免费用于非商业项目。毕竟是出自大师之手,图标简洁而且非常精致。下载的文件中还有包含有Illustrator的源文件,也是研究学习的好素材。

发表在 设计
|
标签为 icon, open, source
|