Shopex 的缓存机制。
01月 9, 2008
Shopex官方论坛有个置顶帖子提到“请运行网店过程中务必开启缓存”
这个缓存从后台的“清除缓存”功能根本没办法清除，每次我对模板的一点小改动都要进FTP去删除缓存，实在有点厌恶这个功能。
这些天把模板搞的差不多了 就换模板，发现以前的模板缓存已经缓存了很多页面了，我想这绝对不止是模板缓存，可能还包括页面缓存和数据缓存，那么我换一个模板就还得重新建立页面和数据的缓存，唉。。。我真有点担心空间服务商的服务器经得起多久这样的折腾。
Google & yahoo 的地图搜索 API
09月 22, 2007
Yahoo开放的是地图搜索的API，这一API的特色是使用了XML和RSS技术，可以用来支持本地化信息。开发人员可以利用这一API界面在Yahoo Map中创建个性化的内容，包括：天气报告、学校区边界、杂货销售、假期图片等。 Yahoo Map API免费提供给第三方开发人员，但期望通过广告获得收益。开发人员可以通过XML或链接的方式，将自己的内容写入Yahoo Map。Yahoo Map API官方地址：http://developer.yahoo.net/maps/Google稍早前就发布了自己的Google Maps API，也就是地图搜索API。该API的主要特色是：第三方开发者可以利用JavaScript将Google Maps 写入自己的网页，也可以利用这一API建立自己的“地图”搜索功能。Google Maps API也是免费提供给开发人员，但需要先注册。Google早前已经发布了Desktop Search 和AdWords 的API，它们均通过广告获利。Google Maps API官方地址：http://www.google.com/apis/maps/
开发教学文献：
面向 Java 开发人员的 Ajax: 探索 Google Web Toolkit
该应用程序的 GUI 向用户显示了一个用于输入 ZIP 代码的输入框，还显示了一个使用摄氏温度还是华氏温度来表示温度的选项。当用户单击 Submit 按钮时，该应用程序用 Yahoo! 的免费天气 API 获得所选定地区的 RSS 格式的报告。然后提取这个文档的 HTML 部分，并将它显示给用户。
no comments
XFN(XHTML Friends Network)
XFN(XHTML Friends Network)是microformats的一种应用，它是提取人与人之间的关系。比如：
<a href="http://www.junchenwu.com/" rel="friend" title="...">JunChen</a>
这只是一个普通的链接，但它却能表示我与JunChen的关系：rel=”friend”。
如何添加XFN？
1 .准备好链接网址
2. 在<a>中添加rel=”friend met colleague”等属性
<a href=”http://tanya.example.org” rel=”friend met colleague”>…
3 .为了让人家知道你支持XFN， 在<head>中添加profile=”http://gmpg.org/xfn/11“属性
<head profile=”http://gmpg.org/xfn/11“>
4 .添加Support标签，这个由你喜欢
<a href=”http://gmpg.org/xfn”><img src=”xfn-btn.gif” mce_src=”xfn-btn.gif” alt=”XFN Friendly” /></a>
5 .Add Your Site to Rubhub(关系查看引擎)
http://rubhub.com/main/add
XFN 1.1 生成工具
no comments
免费 30 天的 Flex 在线培训课程
09月 21, 2007
通过下面的链接访问即可获得:
http://www.totaltraining.com/guest/adobe
(截至日期:2007-12-31)
P.S.Adobe 会在今年的 MAX 大会上公布一个新产品,代号Thermo.
据说该产品改变了目前 RIA 的制作方式.拭目以待.
no comments
用HTML编写应用程序？
09月 20, 2007
看了标题有人可能会想，HTML怎么能编写应用程序呢？其实你只要简单的用.hta为扩展名保存HTML页面就行了，那就是一个HTML应用程序(HTML Application)，只要你双击就能运行。但是，HTA还不止这些，请看下面的一个标准的HTML应用程序：
<HTML> （阅读全文……）
<HEAD>
<TITLE>HTA Demo</TITLE>
<HTA:APPLICATION ID=〃oHTA〃
APPLICATIONNAME=〃myApp〃
BORDER=〃thin〃
BORDERSTYLE=〃normal〃
CAPTION=〃yes〃
ICON=〃filename.ico〃
MAXIMIZEBUTTON=〃yes〃
MINIMIZEBUTTON=〃yes〃
SHOWINTASKBAR=〃no〃
INGLEINSTANCE=〃no〃
SYSMENU=〃yes〃
VERSION=〃1.0〃
WINDOWSTATE=〃normal〃>
</HEAD>
<BODY SCROLL=〃no〃>
<H1>HELLO, WORLD!</H1>
</BODY>
</HTML>
no comments
What’s blockedReferrer?
09月 14, 2007
使用51.la统计查看访客来路时你可能也遇到相同的问题吧。这个blockedreferrer到底是怎么回事呢？我GOOGLE了两份资料。第一份除了Javascript off 基本啥都没看懂- -，然后在借助Google语言工具才大概了解了意思。第二份就非常清楚了，大概意思也都差不多。
资料一：
先日紹介した、｢blockedReferrer｣の意味ですが、
検索して意味が解明できました。
＞Referrerはどこのサイトのリンクからアクセスしたかを示す情報
＞なのですが、セキュリティソフトの設定によっては、この情報を
＞リンク先のサイトへ渡さないようにできるんです。
＞JavaScriptをOFFにしてアクセスされた場合も同様にReferrerが
＞取得できない場合があります。
＞サイトによっては自動的にReferrerを削除してからリンク先へ
＞転送する場合もあります。
＞そういう場合などにアクセス解析の結果がBlocked Referrerなどと
＞なります。
(ハンゲーム - 知識plusで全てが解決さんより)
つまりこちら側のせいではないわけね。たしかに解析では
javascriptを使っているし、セキュリティソフトでもそういうのは
ありますね。でも気になるのが「Referrer」。スペルは「Referer」
でいいのではないか。それともこれは英語では「Referrer」と
書くのかな？？
とりあえずなぞが解決出来て良かったです。
来源：http://adp-hbyp.net/sozai/sb/log/eid402.html
资料二：Look at the report of 51.la,the referrers,there is one entry that displays as ’blockedReferrer’. What does that mean?
I searched Google for the issue,I found some explain like this:Firefox存在一个安全问题，远程攻击者可以利用这个漏洞在目标系统上无需用户交互执行任意代码。
My god,what’s this meaning?I can not understand this explain!
Finally,I knew.
It means the 51.la counter is unable to determine where the visitor came from. someone use security/privacy software like adSubtract, a privacy setting, a cookie setting, or the limitations of statcounter,and the 51.la will get the blockedReferrer if he visit your website.
A simple example,someone see your website link on the google.com then click the link they see on Google and gets taken to your webpage, the referer would be a google search in this case and statcounter can’t figure it out.
None of Your Business,webmaster.
no comments
关于IE对Flash控件激活限制的思考。
P.S：转载文章，由于过得比较久，也记不得从哪里摘录下来了。希望作者表介意，嘿嘿。
我在Ajax中国上曾经对比过国内门户网站对Flash激活限制的处理。除了qq.com，各大门户网站上的flash都已经解决了激活限制的问题。淘宝的页面上也常常会使用到Flash，激活限制导致用户的交互性体验感受不够友善。
我们一直想解决此问题。但是国内门户网站的做法都略为麻烦，要么需要为每个flash编写额外的js，要么就是在页面上放置flash的位置打上一块<script>补丁，利用SWFObject或者UFO提供的脚本写入flash。
网易的做法算是最技术的了，它的原理可以简单说一下（感谢在网易工作的朋友的阐析）：通过外部引入的js代码覆盖主页面的document.write方法，这样在主页面上利用document.write方法时其实是外部文件的函数来写入的，实现了active控件下载和主页面分离。这样也就避开了激活限制。
可是，以上的所有解决方法，Flash都是通过脚本来写入的。比较注重web标准的网站会附上一段<noscript >来弥补禁用JavaScript的用户。但大多数是置之不理。
一番google(我真的是用了yahoo，不过没找到什么)，在SitePoint上发现了一份很有价值的文献ObjectSwap: Bypassing the ActiveX Activation Issue in IE，如获至宝。
ObjectSwap提供的实现只需要在<head>中引入一个脚本。虽然也是使用脚本，但其逻辑是在页面加载完成后，重写一次<object>标签来实现自动激活。页面中的flash依然是标准的HTML。不需要通过document.write写入。而且对于禁用js的用户Flash依然可以正常显示。这应该算是最unobtrusive的一种实现了。
最新的ObjectWrap 可以从这里下载。
原来的脚本有6k，我简化了一些逻辑，并通过条件注释让脚本只为IE6/7服务。让人欣喜的是，不光是Flash，只要是<object>，ObjectWrap都会处理，这样我们在安全登录淘宝或者支付宝输入密码的时候，也可以节约一个单击的气力了。
至于为什么重写<object>可以解决激活限制，就不要深究了，正如IE那一系列让人抓狂的CSS hack。我们只能逼自己记住它，傻瓜才会去弄清楚为什么。
最后向ObjectWrap的作者 Karina Steffens 致敬！
no comments
如何以及何时使用sIFR?
作者：阿宏 2005-5-28 16:05:36
- 原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/
- 原作者：Andrew Hume
- 翻译：阿宏
- View the official sIFR 2.0.2 example page
在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable Inman Flash Replacement，是一种在web上准确发布自定义排版的技术。这种技术的实现方法是，当页面下载时，在一个指定的元素中用Flash渲染的文字来代替一些文本。理解下面这点是很重要的，这个元素并不是被Flash完全替换，文本仍在元素内，这个元素仍可以像通常那样被样式化或者被定位。
关于sIFR的一些事实：并不是为了辩论
- sIFR不需要更改(X)HTML代码，所有的工作由Javascript、Flash和CSS来完成；
- 如果用户没有安装Flash或者不支持Javascript，那么(X)HTML的文本就会被CSS样式化后显示出来。
- sIFR是可缩放的，可以在渲染时更改为用户设置的缺省字体尺寸。
- sIFR兼容所有的屏幕阅读机，至今还没有问题被报道出来。
- sIFR的文本可以被鼠标选择，尽管当全选文本时，选中的状态看上去不那么确切。
- sIFR不影响搜索引擎的定位和评定，不会隐藏真实的文本内容。
结论应该是，sIFR是一种可使用的，慎重的技术，设计者和开发者使用时应该给予认真的考虑。 （阅读全文……）
no comments
Web 2.0网站流行颜色元素
09月 13, 2007
| Named | Numeric | ColorName | HexRGB | Decimal | |
| LightPink | 浅粉红 | #FFB6C1 | 255,182,193 | ||
| Pink | 粉红 | #FFC0CB | 255,192,203 | ||
| Crimson | 猩红/深红 | #DC143C | 220,20,60 | ||
| LavenderBlush | 淡紫红 | #FFF0F5 | 255,240,245 | ||
| PaleVioletRed | 弱紫罗兰红 | #DB7093 | 219,112,147 | ||
| HotPink | 热情的粉红 | #FF69B4 | 255,105,180 | ||
| DeepPink | 深粉红 | #FF1493 | 255,20,147 | ||
| MediumVioletRed | 中紫罗兰红 | #C71585 | 199,21,133 | ||
| Orchid | 兰花紫 | #DA70D6 | 218,112,214 | ||
| Thistle | 蓟 | #D8BFD8 | 216,191,216 | ||
| Plum | 李子紫 | #DDA0DD | 221,160,221 | ||
| Violet | 紫罗兰 | #EE82EE | 238,130,238 | ||
| Magenta | 洋红/玫瑰红 | #FF00FF | 255,0,255 | ||
| Fuchsia | 灯笼海棠/紫红 | #FF00FF | 255,0,255 | ||
| DarkMagenta | 深洋红 | #8B008B | 139,0,139 | ||
| Purple | 紫色 | #800080 | 128,0,128 | ||
| MediumOrchid | 中兰花紫 | #BA55D3 | 186,85,211 | ||
| DarkViolet | 暗紫罗兰 | #9400D3 | 148,0,211 | ||
| DarkOrchid | 暗兰花紫 | #9932CC | 153,50,204 | ||
| Indigo | 靛青/紫兰色 | #4B0082 | 75,0,130 | ||
| BlueViolet | 蓝紫罗兰 | #8A2BE2 | 138,43,226 | ||
| MediumPurple | 中紫色 | #9370DB | 147,112,219 | ||
| MediumSlateBlue | 中板岩蓝 | #7B68EE | 123,104,238 | ||
| SlateBlue | 板岩蓝 | #6A5ACD | 106,90,205 | ||
| DarkSlateBlue | 暗板岩蓝 | #483D8B | 72,61,139 | ||
| Lavender | 熏衣草淡紫 | #E6E6FA | 230,230,250 | ||
| GhostWhite | 幽灵白 | #F8F8FF | 248,248,255 | ||
| Blue | 纯蓝 | #0000FF | 0,0,255 | ||
| MediumBlue | 中蓝色 | #0000CD | 0,0,205 | ||
| MidnightBlue | 午夜蓝 | #191970 | 25,25,112 | ||
| DarkBlue | 暗蓝色 | #00008B | 0,0,139 | ||
| Navy | 海军蓝 | #000080 | 0,0,128 | ||
| RoyalBlue | 皇家蓝/宝蓝 | #4169E1 | 65,105,225 | ||
| CornflowerBlue | 矢车菊蓝 | #6495ED | 100,149,237 | ||
| LightSteelBlue | 亮钢蓝 | #B0C4DE | 176,196,222 | ||
| LightSlateGray | 亮石板灰 | #778899 | 119,136,153 | ||
| SlateGray | 石板灰 | #708090 | 112,128,144 | ||
| DodgerBlue | 道奇蓝 | #1E90FF | 30,144,255 | ||
| AliceBlue | 爱丽丝蓝 | #F0F8FF | 240,248,255 | ||
| SteelBlue | 钢蓝/铁青 | #4682B4 | 70,130,180 | ||
| LightSkyBlue | 亮天蓝色 | #87CEFA | 135,206,250 | ||
| SkyBlue | 天蓝色 | #87CEEB | 135,206,235 | ||
| DeepSkyBlue | 深天蓝 | #00BFFF | 0,191,255 | ||
| LightBlue | 亮蓝 | #ADD8E6 | 173,216,230 | ||
| PowderBlue | 火药青 | #B0E0E6 | 176,224,230 | ||
| CadetBlue | 军服蓝 | #5F9EA0 | 95,158,160 | ||
| Azure | 蔚蓝色 | #F0FFFF | 240,255,255 | ||
| LightCyan | 淡青色 | #E0FFFF | 224,255,255 | ||
| PaleTurquoise | 弱绿宝石 | #AFEEEE | 175,238,238 | ||
| Cyan | 青色 | #00FFFF | 0,255,255 | ||
| Aqua | 水色 | #00FFFF | 0,255,255 | ||
| DarkTurquoise | 暗绿宝石 | #00CED1 | 0,206,209 | ||
| DarkSlateGray | 暗石板灰 | #2F4F4F | 47,79,79 | ||
| DarkCyan | 暗青色 | #008B8B | 0,139,139 | ||
| Teal | 水鸭色 | #008080 | 0,128,128 | ||
| MediumTurquoise | 中绿宝石 | #48D1CC | 72,209,204 | ||
| LightSeaGreen | 浅海洋绿 | #20B2AA | 32,178,170 | ||
| Turquoise | 绿宝石 | #40E0D0 | 64,224,208 | ||
| Aquamarine | 宝石碧绿 | #7FFFD4 | 127,255,212 | ||
| MediumAquamarine | 中宝石碧绿 | #66CDAA | 102,205,170 | ||
| MediumSpringGreen | 中春绿色 | #00FA9A | 0,250,154 | ||
| MintCream | 薄荷奶油 | #F5FFFA | 245,255,250 | ||
| SpringGreen | 春绿色 | #00FF7F | 0,255,127 | ||
| MediumSeaGreen | 中海洋绿 | #3CB371 | 60,179,113 | ||
| SeaGreen | 海洋绿 | #2E8B57 | 46,139,87 | ||
| Honeydew | 蜜瓜色 | #F0FFF0 | 240,255,240 | ||
| LightGreen | 淡绿色 | #90EE90 | 144,238,144 | ||
| PaleGreen | 弱绿色 | #98FB98 | 152,251,152 | ||
| DarkSeaGreen | 暗海洋绿 | #8FBC8F | 143,188,143 | ||
| LimeGreen | 闪光深绿 | #32CD32 | 50,205,50 | ||
| Lime | 闪光绿 | #00FF00 | 0,255,0 | ||
| ForestGreen | 森林绿 | #228B22 | 34,139,34 | ||
| Green | 纯绿 | #008000 | 0,128,0 | ||
| DarkGreen | 暗绿色 | #006400 | 0,100,0 | ||
| Chartreuse** | 查特酒绿 | #7FFF00 | 127,255,0 | ||
| LawnGreen | 草坪绿 | #7CFC00 | 124,252,0 | ||
| GreenYellow | 绿黄色 | #ADFF2F | 173,255,47 | ||
| DarkOliveGreen | 暗橄榄绿 | #556B2F | 85,107,47 | ||
| YellowGreen | 黄绿色 | #9ACD32 | 154,205,50 | ||
| OliveDrab | 橄榄褐色 | #6B8E23 | 107,142,35 | ||
| Beige | 米色/灰棕色 | #F5F5DC | 245,245,220 | ||
| LightGoldenrodYellow | 亮菊黄 | #FAFAD2 | 250,250,210 | ||
| Ivory | 象牙 | #FFFFF0 | 255,255,240 | ||
| LightYellow | 浅黄色 | #FFFFE0 | 255,255,224 | ||
| Yellow | 纯黄 | #FFFF00 | 255,255,0 | ||
| Olive | 橄榄 | #808000 | 128,128,0 | ||
| DarkKhaki | 深卡叽布 | #BDB76B | 189,183,107 | ||
| LemonChiffon | 柠檬绸 | #FFFACD | 255,250,205 | ||
| PaleGoldenrod | 灰菊黄 | #EEE8AA | 238,232,170 | ||
| Khaki | 卡叽布 | #F0E68C | 240,230,140 | ||
| Gold | 金色 | #FFD700 | 255,215,0 | ||
| Cornsilk | 玉米丝色 | #FFF8DC | 255,248,220 | ||
| Goldenrod | 金菊黄 | #DAA520 | 218,165,32 | ||
| DarkGoldenrod | 暗金菊黄 | #B8860B | 184,134,11 | ||
| FloralWhite | 花的白色 | #FFFAF0 | 255,250,240 | ||
| OldLace | 旧蕾丝 | #FDF5E6 | 253,245,230 | ||
| Wheat | 小麦色 | #F5DEB3 | 245,222,179 | ||
| Moccasin | 鹿皮靴 | #FFE4B5 | 255,228,181 | ||
| Orange | 橙色 | #FFA500 | 255,165,0 | ||
| PapayaWhip | 番木瓜 | #FFEFD5 | 255,239,213 | ||
| BlanchedAlmond | 发白的杏仁色 | #FFEBCD | 255,235,205 | ||
| NavajoWhite | 土著白 | #FFDEAD | 255,222,173 | ||
| AntiqueWhite | 古董白 | #FAEBD7 | 250,235,215 | ||
| Tan | 茶色 | #D2B48C | 210,180,140 | ||
| BurlyWood | 硬木色 | #DEB887 | 222,184,135 | ||
| Bisque | 陶坯黄 | #FFE4C4 | 255,228,196 | ||
| DarkOrange | 深橙色 | #FF8C00 | 255,140,0 | ||
| Linen | 亚麻布 | #FAF0E6 | 250,240,230 | ||
| Peru | 秘鲁 | #CD853F | 205,133,63 | ||
| PeachPuff | 桃肉色 | #FFDAB9 | 255,218,185 | ||
| SandyBrown | 沙棕色 | #F4A460 | 244,164,96 | ||
| Chocolate | 巧克力 | #D2691E | 210,105,30 | ||
| SaddleBrown | 马鞍棕色 | #8B4513 | 139,69,19 | ||
| Seashell | 海贝壳 | #FFF5EE | 255,245,238 | ||
| Sienna | 黄土赭色 | #A0522D | 160,82,45 | ||
| LightSalmon | 浅鲑鱼肉色 | #FFA07A | 255,160,122 | ||
| Coral | 珊瑚 | #FF7F50 | 255,127,80 | ||
| OrangeRed | 橙红色 | #FF4500 | 255,69,0 | ||
| DarkSalmon | 深鲜肉/鲑鱼色 | #E9967A | 233,150,122 | ||
| Tomato | 番茄红 | #FF6347 | 255,99,71 | ||
| MistyRose | 薄雾玫瑰 | #FFE4E1 | 255,228,225 | ||
| Salmon | 鲜肉/鲑鱼色 | #FA8072 | 250,128,114 | ||
| Snow | 雪 | #FFFAFA | 255,250,250 | ||
| LightCoral | 淡珊瑚色 | #F08080 | 240,128,128 | ||
| RosyBrown | 玫瑰棕色 | #BC8F8F | 188,143,143 | ||
| IndianRed | 印度红 | #CD5C5C | 205,92,92 | ||
| Red | 纯红 | #FF0000 | 255,0,0 | ||
| Brown | 棕色 | #A52A2A | 165,42,42 | ||
| FireBrick | 耐火砖 | #B22222 | 178,34,34 | ||
| DarkRed | 深红色 | #8B0000 | 139,0,0 | ||
| Maroon | 栗色 | #800000 | 128,0,0 | ||
| White | 纯白 | #FFFFFF | 255,255,255 | ||
| WhiteSmoke | 白烟 | #F5F5F5 | 245,245,245 | ||
| Gainsboro | 庚斯博罗灰色 | #DCDCDC | 220,220,220 | ||
| LightGrey | 浅灰色 | #D3D3D3 | 211,211,211 | ||
| Silver | 银灰色 | #C0C0C0 | 192,192,192 | ||
| DarkGray | 深灰色 | #A9A9A9 | 169,169,169 | ||
| Gray | 灰色 | #808080 | 128,128,128 | ||
| DimGray | 暗淡的灰色 | #696969 | 105,105,105 | ||
| Black | 纯黑 | #000000 | 0,0,0 | ||
以下是三套目前Web 2.0网站流行试用的颜色元素：
Neutrals
| Shiny silver [#EEEEEE] | |
| Reddit white [#FFFFFF] | |
| Magnolia Mag.nolia [#F9F7ED] | |
| Interactive action yellow [#FFFF88] | |
| Qoop Mint [#CDEB8B] | |
| Gmail blue [#C3D9FF] | |
| Shadows Grey [#36393D] |
Bold
| Mozilla Red [#FF1A00] | |
| Rollyo Red [#CC0000] | |
| RSS Orange [#FF7400] | |
| Techcrunch green [#008C00] | |
| Newsvine Green [#006E2E] | |
| Flock Blue [#4096EE] | |
| Flickr Pink [#FF0084] |
Muted
| Ruby on Rails Red [#B02B2C] | |
| Etsy Vermillion [#D15600] | |
| 43 Things Gold [#C79810] | |
| Writely Olive [#73880A] | |
| Basecamp Green [#6BBA70] | |
| Mozilla Blue [#3F4C6B] | |
| Digg Blue [#356AA0] | |
| Last.fm Crimson [#D01F3C] |
no comments
对屏幕文字行宽度的计算与界定
09月 12, 2007
这篇文章涉及的范围是： 人因工学，GUI，文字，版面设置对于文字排版，已经有很多传统的关于平面媒体的论述，而且对于文字栏宽（单行字数）这个话题，早就有概念性的指导，用我们今天的理解来说，是这样表述：在不发光介质上的文字排版，单行不应该大于35字中文字符左右宽度。这是长期的平面媒体在对人的感官视觉计算后得到的一个“舒适阅读”的参考值之一。
那么，现在我们的阅读，大量的转到这个你正在面对的屏幕的时候，我们更加应该重视这个新的阅读介质上应该怎么表现文字，而让我们以往的平面媒体上获得的“舒适阅读”的用户体验得以再次实现。
很显然，这种发光介质上的阅读，和纸张上的阅读有很大的不同，我们今天先放下其中的阅读模式变化，光刺激对视觉的强制性等等话题不谈，先来从视线的线性流向开始谈起。 （阅读全文……）
