摘要：
在经过了Css3的学习后，相信我们能够更容易的理解HTML5的Canvas画布，如果您还没有学习Css3而又对此感兴趣，请移步我的博客Css3系列，在今后的日子里，我们一起来学习一下HTML5的Canvas画布，领略它的神奇！Canvas元素是HTML5中新增的一个重要元素，专门用来绘制图形。在页面上放置一个canvas元素就相当于在页面上放置了一块“画布”，可以在其中进行图形的描绘。Canvas的绘制需要通过JS编写在其中进行绘画的脚本。<canvas>看起来很像<img>，唯一不同就是它不含 src 和 alt 属性。它只有两个属性，width 和 height，两 阅读全文
摘要：
又一篇css3教程来自http://qdgcs.co.cc转载请声明。上一次我们一起学习了CSS3属性Border-Radius[圆角]，这次，我们来看看box-shadow的具体使用方法。其实它的用法与CSS3属性text-shadow[文字特效]非常相似，有必要的同学可以复习一下。box-shadow的语法如下：box-shadow: <length> <length> <length>?<length>?||<color>box-shadow:inset x-offset y-offset blur-radius spread- 阅读全文
摘要：
qdgcs.co.cc前端攻城记又一讲。上一次我们了解了css3的属性animation，这次我们回头看一下Border-Radius这个属性，这个属性目前被各大浏览器广泛支持，属于一个基本普及的属性。支持情况如下：下面我们来看一下它的使用方法[css]/*语法：border-radius ： none | <length>{1,4} [/ <length>{1,4} ]? <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。*/.p1{border-radius: 15px;/*它的是border-radius: 15px/15px;的省略 阅读全文
摘要：
今天我们来看一个新的属性Animation这个属性目前只被safari4.0+与chrome3.0+支持，这是要事先要声明的，不过用他还是可以制作出简单的动画。先看一个实例:Dome演示配合Dome讲解我们快速理解一下这个属性的用法：[css]/*这个属性目前只有safari4.0+与chrome3.0+支持*//*定义过度百分比*/@-webkit-keyframes qdgcs /*keyframes(关键字) 名称*/{0%{-webkit-transform:rotateX(0deg);background-color:Red;color:White;}50%{-webkit-tran 阅读全文
摘要：
首先我们先来看一下效果吧！闲言少叙，直接上代码p{text-shadow: 0.2em /*水平位移，正值右*/ 0.2em /*水平位移，正值右*/ 0.2em /*模糊半径*/ blue /*阴影颜色*/;}/*多重阴影*/.p1{text-shadow: 0.2em 0.2em 0.2em blue, -0.2em -0.2em 0.2em yellow, 0.4em -0.2em 0.2em red;}/*火焰字*/.p2{background-color: Black;height: 30px;padding: 35px;text-shadow: 0 0 4px white, -0 阅读全文
摘要：
优雅的Javascript在我们这个行业里，从来不缺少天才。在Javascript大行其道的年代，富互联网应用，用户体验炙手可热。目前流传于世的Javascript框架层出不穷，我们如何站在巨人的肩膀上做一些事情呢？这一直是我思考的一件事。每一个前端攻城师都希望他所写的东西被更多人使用，这里有一种莫名的成就感，如何写出让众人追捧的Javascript代码成为争结。我姑且叫它“优雅的Javascript”，本文就如何写出优雅的javascript做出总结，抛砖引玉，也许会迸发出更敏锐的思考。如何写出“优雅的Javascript”，Frist——命名规范！所谓无规矩不成方圆，在我们写后台代码的时候 阅读全文
摘要：
<a href="http://yuilibrary.com/download/yuicompressor/">下载YUIcompressor</a><a title="2.4.6 : 2011.04.15 : 85670711b55124240a087e0b552304fa" href="http://yui.zenfs.com/releases/yuicompressor/yuicompressor-2.4.6.zip">下载YUIcompressor Version 2.4.6</a&g 阅读全文
摘要：
<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;">请写很多数据……</div><div id="lookMore">more...</div><script src="jquery-1.7b1.js" type="text/javascript"></script><script type="text 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf 阅读全文
摘要：
“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达
式的一部分。 阅读全文