浏览器的工作原理:新式网络浏览器幕后揭秘(转)

序言

这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源,并花了很多时间来研读网络浏览器的源代码。她写道:...继续阅读此篇WEB前端开发文章

jQuery .attr() .prop() .data()区别及全选等问题

DOM的attribute和property

今天讲一个JS的小话题,就是DOM节点的attribute和property的区别,这个点看起来很小,其实背后别有洞天。如果面试一个前端,听他讲讲对这个问题的理解,基本能分辨是不是菜鸟。下面的内容请各位细心体会。...继续阅读此篇WEB前端开发文章

jsDoc使用及配置

随着前端技术的发展,web的需求也越来越高,功能越来越复杂,所以一个项目参与的人数越来越多,这就带来了合作的问题,前端模块化等技术能很好的解决这个问题,但是一些公共的类库还是让不同的开发人员脑疼,每次利用里面的方法都需要看类库的源代码才知道用法,所以对类库的文档需求越来越大,如果开发人员手写文档很费时费力,所以jsDoc诞生了。
jsDoc 说白了就是帮助你生成JS的文档,但有个前提,就是你编写的JS代码中,需要按一定的格式写注释后,这个工具软件才能帮你正确的生成文档!...继续阅读此篇WEB前端开发文章

Javascript与HTML5的canvas实现图片旋转效果(转)

我们在微博上可以对图片进行向左转向右转等旋转操作,让用户可以从不同的视角欣赏图片效果。本文将结合实例为您讲解如何使用 Javascript结合相关技术来实现图片的旋转效果。我们使用HTML5的canvas标签可对图片进行旋转操作,对于ie6,7,8不支持 HTML5的浏览器,我们使用IE特有的滤镜效果来实现图片旋转。...继续阅读此篇WEB前端开发文章

HTML5之画布Canva(转)

HTML5最伟大之处在于引入了画布Canvas。Canvas元素是为了客户端点阵图形而设计的,它本身没有绘图能力,但却 把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。本文将通过示例简单介绍canvas的绘图功能。...继续阅读此篇WEB前端开发文章

HTML5本地存储(转)

HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端保存用户一些数据,我们首选使用 cookie,但是cookie最多只能存储4kb,而HTML5的本地存储localStorage可以存储5M的数据,这将对WEB开发以及移动终端 应用带来革命性的转变。...继续阅读此篇WEB前端开发文章

使用raphael.js绘制中国地图(转)

最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中,我给大家分享如何使用js来完成地图交互。...继续阅读此篇WEB前端开发文章

关于javascript实时显示textarea剩余字符数

今天在百度的项目中碰到一个问题,就是实现javascript实时显示textarea剩余字符数的功能,咋一看,这个功能也太简单了吧,一般都是只用keydown和keyup事件监听textarea的字符数就可以了,但是QA检测需要支持鼠标右键的相关事件(包括粘贴,撤销,删除和剪切等),而且要求鼠标直接拖动文字至textarea中也要实时改变字数,由于这些方法没有直接按键盘,所以光keydown和keyup事件监听是不够的。
此时就需要用onpropertychange事件了,该事件与onchange事件存在本质区别,onpropertychange事件是当控件里的内容一改变马上触发事件(注意:onpropertychange事件仅限于使用在普通的html上,使用过struts的html:textarea 标签的不包含该事件,否则会报错),但是onpropertychange是IE专享的,而且好像不能用attachEvent绑定,而要直接obj.onpropertychange = fun;其他浏览器需要用oninput事件替代。
一个简单的demo:...继续阅读此篇WEB前端开发文章