hax的技术部落格

最近想在一个小应用中采用浏览器端的xinclude。找了一下，居然没有找到现成的实现。所以就打算自己写一个。完整的xinclude实现也需要用到一些其它技术。最基本的就是xml base。在html中你的链接如果不是absolute url形式，就需要相对于文档位置或者文档中用base元素定义的base url来resolve。xml base和html的base有点类似，...

Javaeye论坛又谈到红岗同志了：[url]http://www.iteye.com/topic/110484[/url]我就去看了一下OperaMasks的网站，看到了红岗和张勇的[url="http://www.operamasks.org/articles/braveNewWorld/html_single"]《勇敢者的新世界》[/url]。以下是我的comment。看了前...

我在gfans.org的[url=http://gfans.org/archives/378]一篇文章后面留言[/url]。原文和comments摘录如下：原文：不知道有没有朋友和我一样，喜欢用space来由上向下翻网页看，然后可能再用shift+space来向上翻网页看。如果使用了中文输入法，忘记了关掉中文输入法，那么shift+space就会失效。我说：shif...

[url]http://sourceforge.net/projects/ajaxvnc/[/url]虽然从原理上看，它的效率和实用价值都很低，但是创意确实很棒也！

关于used value的基本解释，请看[url=http://hax.iteye.com/blog/361999]getUsedValue[/url]。从0.1到0.4，进行了重大改进。包括：[list][*] 取得以各种格式表示的颜色值[*] IE下百分比和auto长度的换算[*] 取得box-sizing（表示浏览器使用哪种box model），并支持不同box-si...

对比对象是目前最有名，也是JavaEye所使用的highlight插件：[url=http://alexgorbatchev.com/wiki/SyntaxHighlighter]SyntaxHighlighter[/url]。SyntaxHighlighter2本身据作者说，已经做了大量优化，比SyntaxHighlighter1.5（JE使用的是1.5）更快。不过我实际测试下来，其实都...

昨日aimingoo说它测试xmldom的速度，发现载入一个wml的时候，费时不可思议的长，且用时不等。甚觉不解。故测之。测试过程和书写代码略，就简述结论如下。WML文件有DOCTYPE，上带有DTD声明。怀疑是去读取DTD文件所致。删除整个DOCTYPE声明，果然就好了。但是程序每次删除DOCTYPE显然不可行，因为这样一个操作无法作为DOM操作（因为当时DOM尚未解析出...

更新：[url=http://ejohn.org/blog/deadly-expandos/]John Resig也谈到了这个问题[/url]。[url=http://jibbering.com/faq/names/]而这里是一个非常详尽的分析[/url]。本来要是给realazy写的[url=http://realazy.org/blog/2008/10/08/do-not-us...

因为把公司的电脑搞坏两台，这两天没有工作电脑可用了，所以就不干活，从小图书馆拿了几本书看。其中一本是《高性能网站建设指南─前端工程师技能精髓》。先说点题外话，这是一本讲前端性能优化的书，但是不看小标题的话，估计会忽悠到许多做后端的同学买下。当然我赞同作者所说的，前端优化解决80%问题的观点，所以如果做后端的同学如果不小心买下了，看看也好的。总的来说，这本3年前的书所列出的优化规则大...

可能有不少同学已经了解 alternate stylesheet ，不过实际上author样式表可以被设定为三类：1. persistent style sheet：总是应用的样式表2. preferred style sheet：默认应用的样式表3. alternate style sheet：其他可选的样式表我们平时通常写的样式表都是第一类，即persistent st...

今儿写程序。对于现代Web前端来说，Selector是必备之物。对于标准浏览器，可用querySelector，而对于IE8标准模式以下，需要一个Selector引擎。因为本项目会在代码里使用QWrap，所以虽然我写的部分代码并没有用QWrap，但既然怎样都需要一个Selector引擎，不如用QWrap。结果发生一件悲剧的事情。我使用html5-shim/shiv库...

[code="html"]test.onpropertychange = function () { msg.innerHTML += event.propertyName + '=' + test[event.propertyName]}test.value = "1"[/code]在IE里有个有趣的小bug，当你在输入框里第一次输入时，不会触发on...

这一年来react和react native火得不行。我对react其实一直有保留。单看应用框架，我其实更喜欢Angular 2一点。但是react-style (css in js)秒杀了所有所谓css方法论。尽管我对react-style也仍有保留，但是我确实发现这方案和react是能很好的互相结合解决那些关键痛点的。这两天我看了尚未release的relay和grap...

前不久写了一个小脚本，用来获取页面中CSS样式的 used value 。[b]什么是Used Value？[/b]简单来说就是样式表应用到页面元素的最终结果值。比方说一个p元素，可能有多份样式表的多个样式规则，都关系到p元素的最终样式，但是最终一个特定p元素的实际css属性，比如它的width，当然只能有一个值。这个值就叫做used value。更精确的定义，请看[url=htt...

人老了，以前研究过的东西都忘记了。所以还是记录下来比较好。废话不说，[url=https://cuihua.org/]翠花[/url]，上代码：[code="html"]The Character Encoding for Form Submissionfunction $(id) { return document.getElementById(id)...

DOM event flow有三个phase，capture、target和bubble。通常我们只在后两个阶段处理事件，也即在调用addEventListener(type, listener, useCapture)时，useCapture设为false。偶尔可能会使用所谓捕获事件监听器（Capturing Event Listeners），即useCapture设为true。但有一个很搞的问...

fins同志向我提了个问题。因这个问题其实可以展开讨论，所以提出来大家共同探讨。[quote="fins"]在同类元素 例如 td 很多的情况下, "一次性改变元素的class对应的styleSheet"和 "在循环里改变每一个元素style" 哪个更好ext的代码不知道你看过没在ext 1 里 改变表格列宽的方式 就是用的 改变那一列的 td对应的class里的 wi...

今天发现几种XBL2的实现。浏览器实现XBL2还要等上一段时间，但是JS实现已经有了。备忘如下：[url]http://meekostuff.net/xbl2/[/url]。上面包括另两种实现的链接。其中包括一个Google的实现，但是目前似乎源代码还没有放出来。有兴趣的同志可看看。XBL2会是一个很重要的东西。它将是未来正牌的组件实现方式。dojo、ext之类的将来应该会改到XBL2...

前篇见[url=http://www.iteye.com/topic/164500]批量修改style采取哪种方式好[/url]，主要是回答fins的提问。下面我来说说我们实际期望怎样的编程方式。假设一个这样的需求：页面上有一些文本是highlight的。例如，javaeye的文章如果是点击[url=http://www.google.cn/search?q=%E6%89%...

本篇只记录一下工具，有空再做研究。Drip: [url]http://outofhanwell.com/ieleak/index.php?title=Main_Page[/url]微软自己的：[url]http://blogs.msdn.com/gpde/pages/javascript-memory-leak-detector.aspx[/url]待研究课题：...

2008年3月更新：本系列由于某些原因没有继续完成，可能等过一段时间再完成。[url]http://qiezi.iteye.com/blog/163182[/url]的comments中提到的async_call与这里的思路有类似之处，虽然那是在讨论ErLang。众所周知，AJAX虽然提高了用户体验，并提出了一种创新的web应用架构模式，但是也带来了一个问题，就是异步编程非...

问题篇======我虚构了一个股票应用页面，在这个页面上，用户可以看到他持有的多个市场的股票、基金等的当前价格，并可以看到他在每个市场持有的股票总市值，以及合计的总市值。大体如下例：[code]沪市A股------------------------------------------- 名称 代码 最新价 持股数 市值 -----...

这个问题我大概在一年多以前在某个用到VML的页面中（当时倒是记录了[url=http://blog.csdn.net/hax/archive/2006/11/23/1406679.aspx]VML的一个严重问题[/url]）首次发现了这个Bug。经过一番狗狗之后，也未发现有同样的报告。后来我又逐渐在几种其他非VML的情形下重现了这个奇异的Bug。经过一番探究，我大致推断出了这个bug的原因。不过我...

[url]http://www.terrainformatica.com/[/url]提供了免费的HTML嵌入引擎，包括对HTML、CSS和脚本的支持。它有许多有趣的地方。一个是号称为嵌入式场景做过特别优化，性能超过以嵌入式闻名的Opera。除了应用前景外，我特别感兴趣的是它对现有Web技术的一些扩展和思索。因为是从引擎开发者的角度探索，而且他不像Webkit、...

原帖出自 [url]http://www.iteye.com/topic/87329[/url] 的讨论。[quote="legend"]我估计楼主是要在IE里模拟 capture，以楼主的 js 功力，模拟 capture 是轻而易举的！[/quote]模拟capture并非不可能，但是非常的麻烦。不是有js功力就一定可以搞定的。比如，capture必须保持与bubble...

这两天看了激烈讨论的帖子[url]http://robbin.iteye.com/blog/82227[/url]，其中辩论双方都谈到Fielding的名言：HTTP不是Transport protocol（这个其实比较难理解的，主要是俺们英文差，不能区别Transfer和Transport的差别）。抛开这个已经被锁定而无法继续回帖的帖子不谈，我就想到了Comet，按照我的理解，Comet...

本文是针对[url]http://www.iteye.com/topic/103313[/url]的回复。 池增加了代码复杂度，反而可能降低效率。我估计，native的new XMLHttpRequest肯定应比你的池要高效。只有IE6，因为是创建一个AcitveX对象，可能较为低效。但是这种效率提高到底有多少？非常值得怀疑。事实上，对象池技术在多数场合并无必要，例如在java中，...

刚刚改进了一下某个页面的图片lazyload功能。原先是用jquery的lazyload插件的标准方式做的。有一个缺点是脚本不开启时图片都不显示了。解决方法也不难，就是同时插一个noscript标签。lazyload插件官网给出的解决方案也是如此。[code="html"][/code]不过这个方式带来双份的代码，且还要额外的样式表切换（避免无脚本时也出现用于有脚本...