HTML5 canvas截图

上周遇到一个问题,是前端如何实现页面截图,第一反应就是响起了canvas,经过试验和总结,发现使用canvas可以实现屏幕截图,但是其实用性尚有局限,现进行阐述。

Framekiller与sandbox

Framekiller是一种web应用使用来防止应用页面在frame窗口内展示的技术。它通常被用来阻止第三方网站的frame窗口在未经允许的情况下就被加载,所以这也是防止点击劫持(clickjacking)的一种手段。本文将主要介绍Framekiller相关知识以及HTML5提出的沙箱隔离- iframe的sandbox属性。

HTML 之文档类型定义(DOCTYPE)

在编写HTML文档时,在html标签之前,我们都知道要加入声明,即DTD(Document Type Definition)声明。 声明不是 HTML 标签;它是指示 web 浏览器页面使用哪个 HTML或XHTML 版本进行编写的指令,浏览器才会使用合适的文档类型和方式来处理、解析网页。

漫谈document.documentElement与document.body

在前端开发中,我们经常需要获取网页中滚动条滚过的长度,获取该值的方式一般通过scrollTop属性,如:document.body.scrollTop,是不是还经常看见document.documentElement.scrollTop,这两者都是经常用来获取文档滚动条滚过长度值的方式,他们又有什么区别呢?

HTML5之自定义上下文菜单实现

上下文菜单,通常表现为通过单击鼠标右键可以弹出一个上下文菜单。目前,所有浏览器都实现了默认的上下文菜单,为实现自定义上下文菜单,首先需要屏蔽相关默认上下文菜单,其后是确定以什么方式显示上下文菜单,在本篇,我们讲解Html5中的contextmenu事件并用其实现一个自定义上下文菜单。