javascrip api chm css

javascrip chm dhtml css 幫助文檔

评论

4 楼 ericFang 2011-08-04  

可以采用dynatrace工具进行web性能跟踪和分析，BME3.0的前端性能全部是采用此工具分析出来的。最新版本是：dynatrace-AJAX-edition-3.2.0.802.msi
下载地址：
http://ajax.dynatrace.com/ajax/en/download/download.aspx
操作指导步骤如下：
http://blog.dynatrace.com/2009/11/17/a-step-by-step-guide-to-dynatrace-ajax-edition-available-today-for-public-download/
css优化重点可按照Google Page Speed的提示进行优化：

3 楼 ericFang 2011-08-04  

图片大小要与实际显示大小效果尽量吻合，避免大图片，通过css控制宽度、高度等用在很小的区域。
Icon图片尽量是16*16 或其整数倍大小。
滤镜性能在IE下也很差，应该尽量避免。
降低DOM大小，需要减少不必要的DIV，table的使用，比如基于bme 3.0开发，随意用大量不需要的bme:block 。
业务js，尽量在bme:script里面提供，可以压缩输出。
平台ftl输出组件都是有选择的输出压缩后的组件html，兼顾可读性和DOM大小。
DOM的replaceWith函数用在局部刷新的DOM替换上，如果DOM结构比较大，绑定事件比较多，则局部刷新效率比较差。（IE7/IE8浏览器尤其明显）
不要出现请求不到的资源（404错误）
这个情况主要出现在css中，某个图片删除了，但css未删除。会导致不必要的下载，且返回404错误，导致性能差。
Css放在html的head里面定义，可以支持并发渲染，加速页面的呈现。
Js要放在页面后面，可以使得用户体验更好，页面出现之后再执行js逻辑，避免一片空白，体验不好。
对于多tab页或tree等复杂组件，除了前台渲染性能，更重要的是后台性能影响页面加载速度。
对于这类页面，后台可以采用懒加载策略，每个tab页加载的时候，以ajax局部刷新的方式进行呈现。

2 楼 ericFang 2010-06-28  

web前台采用ajax的通信方式从后台获取数据，并以Dom对象动态更新页面。为提高开发效率，提出了基于组件级的开发。这样，一方面保证了代码格式和规范的统一，另一方面也极大地提高了代码的可复性，避免重复性的编程量，且具有更好的易用性和可维护性。
组件化程序设计方法强调真正的软件可重用性和高度的互操作性，它侧重于组件的产生与装配，组件的装配使得可以采用类似于搭积木的方法快速建立起来，不仅可以缩短软件部件的开发周期，同时也提高了系统的稳定性与可靠性。

1 楼 ericFang 2010-06-28  

当创建一个iframe加载到页面时，如何确保iframe已经加载完全了
当动态更改了iframe的src时，如果要确保该iframe加载完成再进行其他操作时，可以通过iframe.onreadystatechange的方式进行监听，当iframe.readyState == ‘complete’时，该iframe加载完毕，如果还要确保iframe内部的页面也加载完毕了，再实现iframe内的body.onLoad方法。
如何判断一个对象不存在
在javascript有一种便捷的方式来判断对象是否存在，在对象前加一个”!”来判断对象是否存在，如：
var obj = null;
var obj_second; //未初始化，可以通过typeof(obj_second) == ‘undefined’方式判断是否初始化
if(!obj || ! obj_second)
{
alert(‘对象为空’);
}
但如果值是整数0或空字符串时，如果 obj= 0 或 obj =’’时，！obj的值就是true，这一点需要特别注意了。