游子归来

对JS的打印方法总结一下，方便日后查阅。

Mon, 04 Aug 2008 17:00:33 +0800

对JS的打印方法总结一下，方便日后查阅。

一．用JS自带函数打印

直接调用Java代码

程序代码

二．IEWebBrowser组件

介绍

程序代码

http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto

Java代码

程序代码

三．使用ScriptX.cab控件

1．下载ScriptX.cab控件

程序代码

官网http://www.meadroid.com/scriptx/index.asp

2．使用object元素，修改codebase，classid的值

这里调用控件ScriptX.cab
Java代码

隐藏内容

该内容已经被作者隐藏,只有会员才允许查阅登录 | 注册

这段代码用来加载cab文件，clsid和codebase必须要和你下载的cab中的信息对应，否则组件会加载错误，这两项其实不难找，只要你用winrar打开你下载的cab文件，然后找到扩展名是.inf的文件，然后打开之，就能看到了。

3．调用控件脚本

Print.js文件
Java代码

程序代码

function setPrintBase(headerText,footerText,rootUrl) {

    // -- advanced features  ，未曾使用过，有待确认。

        //factory.printing.SetMarginMeasure(2); // measure margins in inches

        //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3

        //factory.printing.printer = "HP DeskJet 870C";

        //factory.printing.copies = 2;

        //factory.printing.collate = true;

        //factory.printing.paperSize = "A4";

        //factory.printing.paperSource = "Manual feed"

    var header = (headerText==null||headerText=="")?'默认页眉':headerText;

    var footer = (footerText==null||footerText=="")?'默认页角':footerText;

  factory.printing.header = "&b"+header+"&b" ;

  factory.printing.footer = "&b"+footer;

  factory.printing.portrait = true;

  factory.printing.leftMargin =10.00;

  factory.printing.topMargin =10.00;

  factory.printing.rightMargin =10.00;

  factory.printing.bottomMargin =10.00;

}

function setPrintBase(headerText,footerText,rootUrl) {

    // -- advanced features  ，未曾使用过，有待确认。

        //factory.printing.SetMarginMeasure(2); // measure margins in inches

        //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3

        //factory.printing.printer = "HP DeskJet 870C";

        //factory.printing.copies = 2;

        //factory.printing.collate = true;

        //factory.printing.paperSize = "A4";

        //factory.printing.paperSource = "Manual feed"

    var header = (headerText==null||headerText=="")?'默认页眉':headerText;

    var footer = (footerText==null||footerText=="")?'默认页角':footerText;

  factory.printing.header = "&b"+header+"&b" ;

  factory.printing.footer = "&b"+footer;

  factory.printing.portrait = true;

  factory.printing.leftMargin =10.00;

  factory.printing.topMargin =10.00;

  factory.printing.rightMargin =10.00;

  factory.printing.bottomMargin =10.00;

}

例子Java代码

程序代码

<%@ page contentType="text/html;charset=GBK"%>

<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint   {DISPLAY:   none;}
</style>
<title>打印测试</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>

<script defer>
function window.onload() {
setPrintBase('页眉','页脚');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="打印" onclick="factory.printing.Print(true)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()">
<input type="button" value="关闭" onclick="window.close();">
</center>
   <center>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td align="center"><b>内容</b></td></tr>
       </table>
    </center>
</body>
</html>

<%@ page contentType="text/html;charset=GBK"%>

程序代码

<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint   {DISPLAY:   none;}
</style>
<title>打印测试</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>

<script defer>
function window.onload() {
setPrintBase('页眉','页脚');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="打印" onclick="factory.printing.Print(true)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()">
<input type="button" value="关闭" onclick="window.close();">
</center>
   <center>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td align="center"><b>内容</b></td></tr>
       </table>
    </center>
</body>
</html>

四．对比

1．Window.print调用方便，但功能简单

2．功能更强大，但使用IEWebBrowser有时会报JS没有权限的错误。

3．ScriptX控件功能也比较强大，目前在使用这种方式。

玩透javascript弹出窗口

Mon, 28 Jul 2008 12:16:45 +0800

经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。
　　【1、最基本的弹出窗口代码】

　　其实代码非常简单：

　　<SCRIPT LANGUAGE="javascript">
　　
　　</SCRIPT>
　　因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
　　window.open ('page.html')用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
　　这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

　　
　　【2、经过设置后的弹出窗口】

　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
　　我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
　　<SCRIPT LANGUAGE="javascript">
　　
　　</SCRIPT>
　　参数解释：
　　<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open弹出新窗口的命令；
　　'page.html'弹出窗口的文件名；
　　'newwindow'弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100窗口高度；
　　width=400窗口宽度；
　　top=0窗口距离屏幕上方的象素值；
　　left=0窗口距离屏幕左侧的象素值；
　　toolbar=no是否显示工具栏，yes为显示；
　　menubar，scrollbars表示菜单栏和滚动栏。
　　resizable=no是否允许改变窗口大小，yes为允许；
　　location=no是否显示地址栏，yes为允许；
　　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　　</SCRIPT> js脚本结束

　　
　　【3、用函数控制弹出窗口】

　　下面是一个完整的代码。
　　<html>
　　<head>
　　<script LANGUAGE="javascript">
　　
　　</script>
　　</head>
　　<body onload="openwin()">
　　...任意的页面内容...
　　</body>
　　</html>
　　这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
　　怎么调用呢？
　　方法一：<body onload="openwin()">浏览器读页面时弹出窗口；
　　方法二：<body onunload="openwin()">浏览器离开页面时弹出窗口；
　　方法三：用一个连接调用：
　　<a href="#" onclick="openwin()">打开一个窗口</a>
　　注意：使用的“#”是虚连接。
　　方法四：用一个按钮调用：
　　<input type="button" onclick="openwin()" value="打开窗口">

　　【4、同时弹出2个窗口】

　　对源代码稍微改动一下：
　　<script LANGUAGE="javascript">
　　
　　</script>
　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

　　注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？

　　【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

　　如下代码加入主窗口<head>区：
　　<script language="javascript">
　　
　　</script>
　　加入<body>区：
　　<a href="1.htm" onclick="openwin()">open</a>即可。

　　【6、弹出的窗口之定时关闭控制】

　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？

　　首先，将如下代码加入page.html文件的<head>区：
　　<script language="javascript">
　　function closeit()
　　{setTimeout("self.close()",10000) file://毫秒}
　　</script>
　　然后，再用<body onload="closeit()">这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

　　【7、在弹出窗口中加上一个关闭按钮】

　　<FORM>
　　<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
　　</FORM>
　　呵呵，现在更加完美了！

　　【8、内包含的弹出窗口-一个页面两个窗口】

　　上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

　　通过下面的例子，你可以在一个页面内完成上面的效果。
　　<html>
　　<head>
　　<SCRIPT LANGUAGE="javascript">
　　function openwin()
　　{OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
　　file://写成一行
　　OpenWindow.document.write("<TITLE>例子</TITLE>")
　　OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
　　OpenWindow.document.write("<h1>Hello!</h1>")
　　OpenWindow.document.write("New window opened!")
　　OpenWindow.document.write("</BODY>")
　　OpenWindow.document.write("</HTML>")
　　OpenWindow.document.close()}
　　</SCRIPT>
　　</head>
　　<body>
　　<a href="#" onclick="openwin()">打开一个窗口</a>
　　<input type="button" onclick="openwin()" value="打开窗口">
　　</body>
　　</html>
　　看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

　　【9、终极应用--弹出的窗口之Cookie控制】

　　回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! ;-) Follow me.

　　我们使用cookie来控制一下就可以了。

　　首先，将如下代码加入主页面HTML的<HEAD>区：
　　<script>
　　function openwin()
　　{window.open("page.html","","width=200,height=200")}
　　function get_cookie(Name)
　　{var search = Name + "="
　　var returnvalue = "";
　　if (documents.cookie.length > 0) {
　　offset = documents.cookie.indexOf(search)
　　if (offset != -1) {
　　offset += search.length
　　end = documents.cookie.indexOf(";", offset);
　　if (end == -1)
　　end = documents.cookie.length;
　　returnvalue=unescape(documents.cookie.substring(offset,end))
　　}
　　}
　　return returnvalue;
　　}
　　function loadpopup(){
　　if (get_cookie('popped')==''){
　　openwin()
　　documents.cookie="popped=yes"
　　}
　　}
　　</script>
　　然后，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

　　写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。需要注意的是，JS脚本中的的大小写最好前后保持一致。

强行换行样式

Wed, 09 Jul 2008 11:01:00 +0800

text-overflow:ellipsis; white-space:nowrap;

整理了，对IE6 IE7 IE8 FF2的CSS hack

Wed, 25 Jun 2008 12:15:04 +0800

今天第一次接触IE8beta1，感觉真BT，不过又不得不去接触……
在网站上找了找关于对IE6 IE7 IE8 FF2的CSS hack，
希望对大家有用……

页面中 CSS 加载方式的优化

Mon, 23 Jun 2008 13:32:42 +0800

1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。

程序代码

This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.

导致的问题就是，页面会有一段时间“朴素”，突然之间又“华丽”，用户体验很不好。

2、尽量使用 <link rel=”stylesheet” href=”http://www.planabc/yuanxin.css” type=”text/css”> 的样式导入方式，而减少 @import 的使用，更勿使用多层嵌套的 @import 。因为在 IE 里， @import 相当于将 <link> 放在页面尾部。

程序代码

This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.

Lightbox JS v2.0

Wed, 19 Mar 2008 14:41:30 +0800

by Lokesh Dhakar 译:
查看原文

概要：

Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.

最新更新 Version 2.0

图片集: 分组相关的图片并且能轻松的导航它们
视觉特效: 奇特的自适应调整
向后兼容: yes!

实例演示

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" lang="en">
<head>
	<title>Lightbox JS v2.0</title>
	<meta http-equiv="content-type" content="text/html; charset=gb2312" />
	<meta http-equiv="content-language" content="en" />
	<meta name="description" lang="en" content="Lightbox JS v2.0 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
	<meta name="keywords" content="lightbox, lightbox2, lightbox v2.0, lightbox js, lokesh, dhakar" />
	
	<link rel="shortcut icon" type="image/ico" href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/favicon.gif" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/favicon.gif</a>" />	
	<link rel="stylesheet" href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/css/screen.css" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/css/screen.css</a>" type="text/css" media="screen" />
	<link rel="stylesheet" href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/css/lightbox.css" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/css/lightbox.css</a>" type="text/css" media="screen" />
	
	<script src="<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/prototype.js" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/prototype.js</a>" type="text/javascript"></script>
	<script src="<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/scriptaculous.js?load=effects" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/scriptaculous.js?load=effects</a>" type="text/javascript"></script>
	<script src="<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/lightbox.js" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/lightbox.js</a>" type="text/javascript"></script>
</head>
<body>
<div id="content">
  <div class="section clearfix">
	<h3>单一图片</h3>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-1.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-1.jpg</a>" rel="lightbox">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-1.jpg</a>" width="100" height="40" alt="" /></a>
	</div>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-2.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-2.jpg</a>" rel="lightbox" title="Optional caption.">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-2.jpg</a>" width="100" height="40" alt="" /></a>
	</div>
	<h3 style="clear: both;">图片集</h3>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-3.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-3.jpg</a>" rel="lightbox[plants]" title="Mouseover image to move forward.">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-3.jpg</a>" width="100" height="40" alt="Plants: image 1 0f 4 thumb" /></a>
	</div>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-4.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-4.jpg</a>" rel="lightbox[plants]" title="Alternatively you can press the N key." >http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-4.jpg</a>" width="100" height="40" alt="Plants: image 2 0f 4 thumb" /></a>
	</div>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-5.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-5.jpg</a>" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing.">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-5.jpg</a>" width="100" height="40" alt="Plants: image 3 0f 4 thumb" /></a>
	</div>
	<div class="thumbnail">
		<a href="<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-6.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-6.jpg</a>" rel="lightbox[plants]" title="Press X to close">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-6.jpg</a>" width="100" height="40" alt="Plants: image 4 0f 4 thumb" /></a>
	</div>
</div>
<div class="section"></div>

</div>

</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

如何使用:

步骤 1 - 安装

1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中).
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3、检查 CSS 并确定调用的 prev.gif 和 next.gif 文件在正确的位置. 同样要确定调用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正确的位置.

步骤 2 - 激活

1、添加 rel="lightbox" 属性到任何一个链接标签去激活lightbox. 例如:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
可选择项: 使用 title 属性加上说明.

2、如果你有一套你想分组的相关图片, 接着上一部并且又在 rel 属性中添加一个带方括号的组名. 例如:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
3、没有限定每个页面的图片组数量和每个图片组图片的数量. 疯了！
]查看原文[/url]

概要：

Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.

最新更新 Version 2.0

图片集: 分组相关的图片并且能轻松的导航它们
视觉特效: 奇特的自适应调整
向后兼容: yes!
点击这里查看实例演示

如何使用:

步骤 1 - 安装

1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header.

程序代码

2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中).
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3、检查 CSS 并确定调用的 prev.gif 和 next.gif 文件在正确的位置. 同样要确定调用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正确的位置.

步骤 2 - 激活

1、添加 rel="lightbox" 属性到任何一个链接标签去激活lightbox. 例如:

程序代码

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

可选择项: 使用 title 属性加上说明.

2、如果你有一套你想分组的相关图片, 接着上一部并且又在 rel 属性中添加一个带方括号的组名. 例如:

程序代码

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

3、没有限定每个页面的图片组数量和每个图片组图片的数量. 疯了！

下载: Lightbox JS v2.02

给年轻设计师的忠告(中国广告设计网荐读)

Wed, 12 Mar 2008 11:14:04 +0800

1：好好规划自己的路，不要跟着感觉走！根据个人的理想决策安排，绝大部分人并不指望成为什么院士或教授，而是希望活得滋润一些，爽一些。那么，就需要慎重安排自己的轨迹。从哪个行业入手，逐渐对该行业深入了解，不要频繁跳槽，特别是不要为了一点工资而转移阵地，从长远看，这点钱根本不算什么，当你对一个行业有那么几年的体会，以后钱根本不是问题。频繁地动荡不是上策，最后你对哪个行业都没有摸透，永远是新手！　　　

2：可以做设计创意和技术，切不可沉湎于设计创意和技术。千万不可一门心思钻研设计创意和技术！给自己很大压力，如果你的心思全部放在这上面，那么注定你将成为孔乙己一类的人物！适可而止为之，因为这些只不过是你今后前途的支柱之一，而且还不是最大的支柱，除非你只愿意到老还是个设计师！　　　

3：不要去做设计高手，只去做综合素质高手！

在企业里混，我们时常瞧不起某人，说他"什么都不懂，凭啥拿那么多钱，凭啥升官！"这是普遍的典型的工程师的迂腐之言。8051很牛吗？人家能上去必然有他的本事，而且是你没有的本事。你想想，老板搞经营那么多年，难道见识不如你这个新兵？人家或许善于管理，善于领会老板意图，善于部门协调等等。因此务必培养自己多方面的能力，包括管理，亲和力，察言观色能力，攻关能力等，要成为综合素质的高手，则前途无量，否则只能躲在角落看示波器！技术以外的技能才是更重要的本事！！从古到今，美国日本，一律如此！　　　

4：多交社会三教九流的朋友！不要只和设计师交往，

认为有共同语言，其实更重要的是和其他类人物交往，如果你希望有朝一日当老板或高层管理，那么你整日面对的就是这些人。了解他们的经历，思维习惯，爱好，学习他们处理问题的模式，了解社会各个角落的现象和问题，这是以后发展的巨大的本钱，没有这些以后就会笨手笨脚，跌跌撞撞，遇到重重困难，交不少学费，成功的概率大大降低！

5.知识涉猎不一定专，但一定要广！

多看看其他方面的书，金融，财会，进出口，税务，法律等等，为以后做一些积累，以后的用处会更大！会少交许多学费！！　

6.抓住时机向技术管理或市场销售方面的转变！

要想有前途就不能一直搞开发，适当时候要转变为管理或销售，前途会更大，以前搞技术也没有白搞，以后还用得着。搞管理可以培养自己的领导能力，搞销售可以培养自己的市场概念和思维，同时为自己以后发展积累庞大的人脉！应该说这才是前途的真正支柱！！！　　　

7：逐渐克服自己的心里弱点和性格缺陷！多疑，敏感，天真（贬义，并不可爱），犹豫不决，胆怯，多虑，脸皮太薄，心不够黑，教条式思维。。。这些设计师普遍存在的性格弱点必须改变！很难吗？只在床上想一想当然不可能，去帮朋友守一个月地摊，包准有效果，去实践，而不要只想！不克服这些缺点，一切不可能，甚至连项目经理都当不好--尽管你可能技术不错！

798一日游

Thu, 06 Mar 2008 18:17:50 +0800

Internet Explorer 8 的新特性

Thu, 06 Mar 2008 11:57:38 +0800

和现在的工作相关的如下：

支持微格式（Microformat）并用来支持他的 WebSlices 功能
这就要求以后在写Class时要参照Microformat来写了~~~
PS：WebSlices 是一个新的功能，为网站接入到他们的用户选择订阅内容直接在一个网页。 WebSlices 就像RSS订阅那样，用户可以订阅得到更新，并通知用户更改的。

完美支持CSS2.1并支持部分CSS3
可以肯定的是支持了CSS3逻辑性选择符，如偶数行元素的选中，具体参见：
《关于CSS3》一文中的详情。

IMG和CSS支持使用Data URIs
IMG如：<img alt="Image fed from data url" src="data:image/png;base64,iVBORw0KGgoAAA..." />
CSS如：<link rel="stylesheet" href="data:text/css;base64,iVBORw0KGgoAAA..." />
这样带来的好处：

一是可以动态的生成IMG和CSS；
二是在CSS或IMG变更时，浏览器与服务器两者进行通信后只更新变化后的Data，从而有力的减少带宽上的流量和服务器的压力（猜测）
打印CSS的支持
支持分页等，基本上没用过，打印这个功能很不环保很不绿色……

提供三种解析页面的模式
IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定
IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">
Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明
注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不一样，所以会引发很多问题，务必注意。

<p>和<object>
对这两个标签的支持逻辑进行了更新，使之更完美的语义化
猜测是支持在<p>、<object>中放置<div>

通过Acid2测试
这意味着对HTML解析的更完美

另外还有些我不太了解领域的改进：

AJAX的改善
DOM核心的改进
解析HTML、CSS、JS效果上的改善
内存泄漏改善
保护模式下的API改善
.htc继续支持
自定义HTML标签的改善
还有一个Activities功能，感觉有点像不同网站间进行API调用一样，有点意思~~~
原文看这里
更详细的还要等微软出更详细的文档出来

本

提高Alexa排名的九个方法

Tue, 19 Feb 2008 11:29:20 +0800

当我们知道Alexa是什么，也知道为什么要提高Alexa之后，接下来的重点，就是谈谈如何提高Alexa排名。
就像我昨天所说的，我这里所讲的绝不会是某种作弊的方法。比如你用搜索来搜一下“Alexa 刷"，你就会看到许多通过刷页面来提高Alexa，或者是互刷联盟，或者是工具来刷，再或者通过模拟IP来提高。这些都无法反映你的真实流量。

我这里所说的方法，都是合理合法的，既不会吹出大泡泡，也不会受到搜索引擎的惩罚。

1）安装Alexa工具条，或者安装Firefox下的SearchStatus插件。并且设置自己的Blog作为默认首页，这样每次你打开浏览器的时候，Alexa统计就开始工作了。

2）把Alexa排名统计的widget放在Blog上，当它被点击的时候，也相当于Alexa统计到一次PV，即使那个用户没有安装Alexa工具条。

3）如果可以的话，在你的公司或者办公室里的电脑里都安装上Alexa工具条。

4）在站长论坛里发贴子的时候留下你的链接，一般站长安装Alexa的较多，当他们访问你的Blog的时候，当然会有帮助。

5）使用Alexa重定向功能，当你留言的时候，可以留下这样的链接：
http://redirect.alexa.com/redirect?seo.g2soft.net当用户点击这个链接的时候，就相当于给你的网站添加了一个PV，并且被Alexa统计到，哪怕他用的浏览器根本没有Alexa。

6）给你的Blog添加一个Alexa分类，把有关Alexa的文章都放在里面，这样站长有更大的机会来到你的Blog，你的排名当然就容易上升。

7）找到你的Blog上最受欢迎的文章，把Alexa的链接添加上，或者使用第五点中所说的重定向链接到你自己内部的文章。

8）提供一些站长工具，这样站长就会经常来造访，并且提高你的Alexa排名，比如SEO 在线工具中的Google PageRank Checker就是一个很好的例子。

9）第九点，没有了，你自己想吧，如果有好的点子，请在下面留言。

Update on Jan. 14, 2007
上面第五种方法，已经失效，请勿使用。

作者: David Yin
原载: SEO 网站优化推广
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。