合并google-syntax-highlighter的JS文件

本站代码高亮一直使用的是google-syntax-highlighter这个插件,原理是在文档尾部插入JS文件,每种程序语言对应一个JS文件,由Javascript找文档中的代码节点然后将代码文本按照设置的代码种类格式化,这个工作由前端来做。但是多达十几个的JS请求延长了页面加载时间。合并成一个JS文件来加载,是一个不错的选择,做就做得彻底点,还可以将google-syntax-highlighter用到的CSS文件合并到站点统一的样式文件中来加载。结果证明确实可以加快加载速度。更好的方式,可以在后台判断文档中需要输出何种代码,然后将需要的JS文件合并输出,这个留着有时间弄吧。
趁着周末有点时间,今天还实现了本站的左侧  留言显示区(牛人指点) 翻页。。。

Tags:

超出容器部分内容显示省略号的可行方案

一个Web项目中有装载数据的表格,表格列可以拖拽调整宽度,在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替,无奈标准浏览器不支持。网上的许多方案也不完美,有的利用hack手法能在Firefox下显示省略号,但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式:

Tags:

Flash与HTML5之争甚嚣尘上

正当HTML5的普及还有很长的一段路途,Adobe阵营在最近迎来了前所未有的质疑、数落和批评。包括苹果在内的巨头似乎要致Flash于死地,而各种流言蜚语也纷至沓来,一一数落Flash长短,当然其中也不免有力挺Flash的忠实拥趸。而作为Web技术幻景或未来标准的HTML5则得到大多数的支持和憧憬。下面收集了一些最近见诸媒体的关于Flash与HTML5之争的新闻,看来这场战争还会持续相当长一段时间,与其说是标准之争,说到底,这是双方阵营的一场利益之争。暂且坐山观虎斗吧。

Tags:

IE6也认识!important

!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。

Tags:

一个JavaScript类型判断函数

根据ECMA-262中的解释,Object.prototype.toString(),将返回对象实例的类型,返回格式[object class ]字符串。所以 通过 slice截取’class’值,也就是类型值。其中null与undefined例外,因为他们返回的是IE中[object Object],标准浏览器[object Window]。因此单独拿出判断。

Tags:

话说JavaScript中的new

javascript是基于原型(Prototype based)的面向对象的语言(有人说基于对象?呵呵
),这点不同于我们熟悉的.NET,Java语言,是基于类模式(Class based)。
所以javascript中没有类的概念。理解这一点很重要,很多javascript教程为了让读者更容易理解,会套用他们常用的类模式中的概念,这 样反而让大家产生歧义。

Tags:

针对web应用的性能瓶颈进行前端优化

高效、快速的前端应用能带来良好的用户体验。但当系统过于庞大、应用过于复杂时,前端表现难免会减分。分辨web应用的性能瓶颈,一般从下面三个方面入手寻找(针对Javascript开发的前端应用):
1、如果局域网不慢而互联网上慢,为 加载慢;
2、如果Chrome不慢而IE慢,为 渲染慢;
3、越用越慢,可能为 内存泄露。
打开你的应用,来寻根究底吧:

Tags:

DOM操作优化来加速Javascript

在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM——或者说文档对象模型——来完成的,而我们的实现方式会影响到应用的响应速度。
DOM操作会导致浏览器重解析(reflow),这是浏览器的一个决定页面元素如何展现的计算过程。直接修改DOM,修改元素的CSS样式,修改浏览器的窗口大小,都会触发重解析。读取元素的布局属性比如offsetHeithe或者offsetWidth也会触发重解析。重解析需要花费计算时间,因此重解析触发的越少,应用就会越快。
DOM操作通常要不就是修改已经存在的页面上的元素,要不就是创建新的页面元素。下面的4种优化方案覆盖了修改和创建DOM节点两种方式,帮助你减少触发浏览器重解析的次数。

Tags:

Javascript令人费解那些事

JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。

Tags:

HTML5与Flash之战

网络开发者之间正在进行一项攸关网络未来的激烈辩论:是否该继续使用Adobe Flash,或改用更新的技术?这项争论已持续多年,但上周苹果公司发表的iPad(和iPhone一样)不支持Flash,再次炒热这个话题。在那之前,Adobe曾低姿态 地表示,只要苹果点头,他们非常乐意为iPhone提供Flash。
  但Adobe技术官Kevin Lynch似乎不想再讲客套话,他在2日的一篇部落格写道,苹果不愿在其“神奇的装置”上纳入Flash,代表iPad使用者只能看到残缺的网页。他甚至 拿出Google Nexus One来比较。

Tags:

  • Tags Cloud

    • (2) (2) (2) (12) (2) (2) (6) (11) (2) (2) (3) (3) (2) (19) (6) (3) (3) (9) (3) (2) (2) (22) (2) (4) (3) (2) (15) (3) (2) (2) (2) (3) (2) (2) (2) (2) (3) (2) (3) (12) (3) (2) (5) (3) (2)

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • 赞助商

    AD载入中……