Hot For Coding
给YUI Compressor添加Windows右键命令

YUI Compressor默认不带右键安装功能

YUI Compressor非常好用,特别是JavaScript的混淆。可惜官网提供的版本都不具备右键功能,每次压缩都要cmd输入一些命令实在是繁琐,本文就介绍如何给YUI Compressor添加右键命令,方便使用。

网上已有一些网友写好的安装包,但对应的版本太低,目前最新最多人使用的还是2.4.7版本,而这一版本的带右键功能目前没有在网络上找到。于是只好自己摸索,下面写出添加添加右键过程,适合任何YUI Compressor版本。

安装步骤

  • 下载YUI Compressor任何你想使用的版本,这里我下载最新版本2.4.7版本。
  • 解压到任意目录,如我解压到D盘下
  • 下载compressor.cmd放到D:\yuicompressor文件夹里
  • 新建一个compressor.reg文件输入以下内容

...

READ ALL

谈谈双层图片JavaScript滑动效果实现

需求

近来做公司项目有一个需求为图片滑动,与普通的图片滑动有点不同,这些图片需要排成上下两排,而以往的图片滑动仅需要一排。这个需求看起来貌似很简单,但其实有点不好实现。

我先来画一个图,以往的图片滑动效果:

full

HTML代码:

<div style="width:500px;overflow:hidden;height:100px;">
  <div style="width:800%;">
    <img src="1.jpg" style="float:left" />
    <img src="1.jpg" style="float:left" />
    <img src="1.jpg" style="float:left" />
    <img src="1.jpg" style="float:left" />
    <img src="1.jpg" style="float:left" />
    <img src="1.jpg" style="float:left" />
  </div>
</div>

...

READ ALL

jQuery移动与复制DOM节点

在做一个项目时,需要DOM节点移动,如以下代码:

<div></div>
<p></p>

需要把p标签移动到div标签里,经过测试发现,在jQuery中移动DOM节点非常方便:

$('div').append($('p'))

这样即可把p标签移动到div标签里,千万不要写成这样

$('div').append( $('p').html())

这样只是把p标签里的内容复制到div标签里

如果只是复制一份到div标签里,原来的标签还保留着,那么可以这么写:

...

READ ALL

Win7 64位安装Python PIL库

今天上传图片,一直提示

The _imaging C module is not installed

PIL模块我之前早就安装过了,为什么提示__imaging模块没有安装呢?到Python下能找到__imaging.pyd文件,说明已经安装过了。重装一次PIL库结果还是一样!

为了验证我随便写一个Python程序,

import __imaging

运行提示

PIL ImportError: DLL load failed: %1 不是有效的 Win32 应用程序

闹了半天,原来是我系统是Win7 64位的,而安装的PIL库是32位的,结果才导致64位的加载不了32位的程序。到官网去找找也没有发现64位exe程序。经过一番搜索,找到了一个64位的PIL库,可以解决Win7 64位的问题,直接下载安装就好。

...

READ ALL

郁闷的Smarty变量调节器

Smarty的变量调节器是个不错的东西,一直以来都用着顺手,可昨天使用变量调节器时发现不管用。

{$name | upper}

仔细看了手册,看了Smarty加载路径,上上下下检查了将近一个小时也没有发现问题所在。即将要陷入无奈的困境时,把代码删除了重新写成

{$name|upper}

结果好了。原来是变量后要直接跟着竖线,函数名,中间不能有空格,否则变量调节器的功能将失效。闹了半天,原来就是一个空格引起的,太不值当了!!!

看来以后调Smarty程序,得注意空格问题~,说不定其它问题也可能是空格引起的,而空格引起的问题最不容易发现。

...

READ ALL

PHP连接MySQL主机127.0.0.1与localhost的区别

发现问题

昨天在帮同事编译安装Linux环境时,遇到一个问题:Web Server是Apache,数据库是MySQL。

于是写了一个测试连接数据库的PHP页面:

$mysql = mysql_connect('localhost','root','');

打开http://localhost/test.php测试

提示:

Can’t connect to local MySQL server through socket...

检查环境正常

以为是数据库没有启动,于是查看一下进程,MySQL在进程里,重启了一下MySQL.

...

READ ALL

IE浏览器A标签下包含img诡异BUG

看来我真的是跟IE啃上了,这会不只是IE6,就连IE7、IE8都发现有问题。先来阐述下事情缘由:项目里有一个页面其中一排图片是被A标签包含着的,正常情况下点击图片会链接到目标地址,可测试发现在IE下无法正常链接到目标地址。

于是我自己写了一个Demo:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>IE下诡异BUG</title>
    <style type="text/css">
      span {display:block;width:100px;height:100px;}
    </style>
  </head>
  <body>
    <a href="https://www.qttc.net" target="_blank">
      <span><img src="5.jpg" width="100" /></span>
    </a>  
  </body>
</html>

...

READ ALL

IE6除a标签外其它标签伪类解决!

做前端样式都知道IE6伪类的问题,虽然这个问题到现在也不具有时效性,并且使用IE6的人也渐渐减少,但解决IE6伪类的方法还是值得借鉴。

IE6似乎只对A标签伪类有效,但如今的页面架构以不同以往的简单。div、p、span、li等标签的伪类样式更是经常使用。目前解决IE6伪类的方法只能通过JavaScript去实现,比如hover伪类就相对于JavaScript的移入移出事件。

自己写JavaScript

比如要给DIV一个hover伪类,触发时背景颜色改变为红色。

div { width:300px; height:300px; background:blue;}
div:hover { background:red; }

...

READ ALL

IE6不能加载样式,原来是编码导致!

我向来是鄙视IE浏览器的,它总是不合群,特别是IE6。痛苦的是虽然微软已经开始IE6倒计时,国外使用IE6者几乎绝灭,而国内IE6用户依然众多。公司不肯放弃这些特殊用户,只得累生死调IE6兼容。

今天这个IE6出现的错误比较独特,页面打开后跟其它页面效果差别非常大,等于说是IE6下完全没有样式的HTML页面。首先得确定问题方向,因为样式文件是外链的,所以我在样式文件里给body来个背景颜色,结果发现除IE6以外其它浏览器背景都能正常变色。于是我在html页面直接加上body样式,这下IE6才生效。

html页面加写样式对于IE6有效,CSS文件写样式对于IE6无效只能说明IE6下无法加载样式文件。

...

READ ALL

按代码量算钱,伤不起啊!

早闻不少公司按代码量计费,如今我怀疑公司也这么干了。

我不知道按代码量算钱在财务部那里是怎么算的?不过百分九十九几乎都是把代码放到一个工具里计算行数或者字数来确定你的工作量,然后按字母/按行算钱。难怪有些人被逼无奈把一行代码完成的事拆成N行来写,注释也更多了一些,空白也更多了一些,代码越臃肿工钱越多。

每个人都有自己的代码风格,包括我。我历来追求精简,提高代码运行效率,因此我的代码拿到了财务部那里经过工具一算就是少得可怜的工钱。想想有点亏,我应该尽量把代码写的多一些。甚至可以这样

function(){
  $a=1;
  $b=$a;
  $c=$b
  ...
  return $c;
}

...

READ ALL