摘要:
一、QUnit 前端测试工具QUnit是一个强大的JavaScript单元测试框架,该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。Qunit是Jquery的单元测试框架,并且被广泛使用在各个项目中。为了使用Qunit,你仅仅需要去包含2个Qunit文件在你的Html页面。... 阅读全文
摘要:
下面奉上我自己写的一个demo,代码写得比较少,很多细节不会处理。如果有不得当的地方恳请指教,谢谢啦 ^_^ ^_^功能实现步奏:一:获取文件,读取文件并生成url二:根据容器的大小使用canvas绘制图片三:使用canvas绘制遮罩层四:使用canvas绘制裁剪后的图片五:拖动裁剪框,重新裁剪图片... 阅读全文
摘要:
多个div在同一行以相同间隔分布:这样的布局效果使用非常的频繁,也就是让多个div在一行分布,并且div于div之间的间隙是一样的,多用在对于产品的展示之用,下面就介绍一下如何实现此中布局,代码实例如下:div均匀分布代码实例 返回顶部 图层代码 滚动代码 幻灯片 ... 阅读全文
摘要:
1.css基本样式讲解1.1 css背景background-attachment:背景图像是否固定或者随着页面的其余部分滚动background-color:设置元素的背景颜色background-image:把图片设置为背景background-position:设置背景图片的起始位置backg... 阅读全文
摘要:
在介绍HTML之前,我想先说说Web,就是我们经常所说的互联网,web的页面就是一个网页,或者说是一种文档,而这种文档是从何而来的那?紧接着,HTML就要出厂了。一、Web与HTMLWeb是互联网的总称,Wbe的本意是蜘蛛网或网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域... 阅读全文
摘要:
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,已经支持box... 阅读全文
摘要:
本章节介绍介绍一下如何利用锚点实现定位,使用锚点实现定位是html固有的功能,当然比较简单,也实现了基本的功能,但是功能相对简单一些,如果想要实现平滑的定位可以参阅jquery实现的点击页面动画方式平滑定位到某元素代码一章节。 下面通过代码实例介绍一下html是如何实现锚点定位的。代码如下:http... 阅读全文
摘要:
要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清楚的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。... 阅读全文
摘要:
或许有朋友会对IE不支持 display:inline-block 属性,表示疑问或者反对。说:“我在 IE 中对 a 或者 span 等内联元素使用 display:inline-block 一直是有效的”。其实不然,在IE中对内联元素使用 display:inline-block,IE 是不识别... 阅读全文
摘要:
z-index这个属性其实在挺多地方都会用到,在百度上搜索也有大量关于z-index的篇幅去阐述这个属性,特别是在ie6下的z-index处理有更多的相关文章,本文就不再围绕z-index这一属性的基础展开叙述。这里要讨论的是最近在项目上对z-index在ie6下自己的一个认识,希望能帮助在z-in... 阅读全文