使用苹果电脑的朋友,都知道,在桌面的下方有个DOCK,就是一个存放应用程序的一栏.使用起来非常方便.这一栏的一些效果也是挺好看的.那我们今天就用CSS3来实现这个原理. 首先我们需要设...
利用css3径向渐变做一张优惠券
给大家介绍一个用css3径向渐变做的优惠券,CSS3 径向渐变和线性渐变是很相似的,首先来看其语法: -moz-radial-gradient([bg-position || angle,]? [shape || size,]? color-stop, color-stop[, color-stop]*);-web...
纯CSS3编写一个渐变效果的进度条
做成的效果就是如上图所示的效果,那么要做到这种效果需要了解哪些相关的知识点呢? CSS3之linear-gradient CSS3之animation CSS3之border-radius linear-gradient 线性渐变 linear-gradient(to bottom, #fff 0%...
top与bottom的优先级
用top或者bottom来设置他们的相对父容器(最近一代的相对定位的父容器)偏移量。 那你会不会同时使用top和bottom呢?效果会如何?什么情况下利用这样的方法? 这是一个看起来无理取...
JavaScript 错误以及如何修复
JavaScript 调试是一场噩梦:首先给出的错误非常难以理解,其次给出的行号不总有帮助。有个查找错误含义,及修复措施的列表,是不是很有用? 以下是奇怪的 JavaScript 错误列表。同样...
JavaScript API 设计原则
好的 API 设计:在自描述的同时,达到抽象的目标。 设计良好的 API ,开发者可以快速上手,没必要经常抱着手册和文档,也没必要频繁光顾技术支持社区。 流畅的接口 方法链:流畅易...
是什么导致重排(layout / reflow)
当在 JavaScript 中调用(requested/called)以下所有属性或方法时,浏览器将会同步地计算样式和布局。重排(也有叫 reflow 或 layout thrashing 的),通常是性能瓶颈。 元素 盒子计算 elem.offs...
JavaScript否定谓语函数
如果你从没听过这个概念,那么至少用过谓语函数。谓语本质上是一个函数,根据它的参数,可以判断返回结果是 true 或者 false。一般都以isX命名,比如 isEven 或者 isNumber。 假如我们有...
JavaScript 如何实现后台计划任务
即使忘了 JavaScript 的一切知识,也不会忘记:它是阻塞的。 想象一下,你的浏览器里住着一个魔法小精灵,负责浏览器的正常运转。不论渲染 HTML,响应菜单命令,屏幕渲染,处理鼠标...
复选框的 CSS 魔法
Checkbox 复选框相当好用,加对 CSS 魔法有奇效。此文旨在展示一些利用 checkbox 实现的有创意的东西,并且文中的例子没用 JavaScript哟。 基本配方 从 HTML 着手。 input id=toggle type=checkboxla...