minifier——一个 nodejs 的 js 及 css 压缩插件

简要介绍了如何通过 minifier 插件来精简压缩 js 和 css 文件。

minifier 是一个 nodejs 下的用于压缩 js 和 css 文件的插件。

首先确保已经安装了 nodejs 的环境,然后通过以下命令安装此插件: 继续阅读“minifier——一个 nodejs 的 js 及 css 压缩插件”

CSS:后代元素的 visibility:visible 在祖先元素的 visibility:hidden 下依旧可见

今天在做网页的幻灯片时发现一个问题,就是在父元素设置隐藏时,也即 visibility:hidden,如果它下面的子元素设置了 visibility:visible,那么子元素依旧是可见的。

这点跟 display:none 之类的是不同的。而规范也确实是这么说的:

hidden: The generated box is invisible (fully transparent, nothing is drawn), but still affects layout. Furthermore, descendants of the element will be visible if they have ‘visibility: visible’.

CSS 2.1

特此记录。

CSS 绘制三角形原理演示(动画)V2 版

之前也曾写了一个类似的演示,因为一开始弄 impress.js,一些特性还不熟悉,做得相对较差了些,现在依旧可以访问:

CSS 绘制三角形原理演示(动画)(旧版)(不推荐)

现在重新做了些修改,V2 版本参见:

CSS 绘制三角形原理演示(动画)V2 版

主要的一些改进如下:

  • 增加了子步骤,一页中内容过多时可以逐步呈现。
  • 增加了代码的高亮。(使用了 prism.js)
  • 增强的 impress.js,增加了导航按钮,下拉选择列表,进度条以及自动播放等特性。
  • 重新规划了页面的整体布局,在结尾增加了预览页。
  • 增加了部分动画演示,调整了部分语句及顺序等。
  • 支持在手机端阅读(不过导航效果等还不太好,仍不推荐在手机端阅读)。

如果你有什么改进意见,欢迎留言!

CSS 绘制三角形原理演示(动画)

用步步深入并结合动画的的方式演示了 CSS 绘制三角形的原理,具体幻灯片见以下链接:

http://exp.xiaogd.net/demo/css/css-border/cbt_slide.html

tip:只支持现代浏览器(不支持手机浏览器),最好是 chrome。使用空格或箭头键来导航,可以使用全屏方式观看(在 chrome 等浏览器中,快捷键一般为 F11)。

Javascript 实现匿名递归

介绍了在 javascript 中利用 arguments.callee 来实现匿名递归的方式。

递归是一种常见的编程技巧,实名递归相信大家都不陌生,但如果想要实现匿名递归呢?比如想要返回一个匿名递归函数,又或者是定义一个匿名递归函数并直接调用它,该怎样去做呢?本文将来探讨一下它的实现。

实名递归

我们还是先从实名递归说起吧,还是用那个最简单的求阶乘的例子: 继续阅读“Javascript 实现匿名递归”

Web 开发的几本必读之书推荐

Web 开发的几本必读之书推荐,O’Relly 的动物书权威指南系列。

对于 web 开发,之前推荐了 W3schools——一个学习 HTML,CSS 和 Javascript 的好网站这个网站。对于初步了解,这已经够了,但想进一步了解,那就要通过书籍了。

总体而言,IT 技术书籍方面,O’Relly 出版社的《XXX 权威指南》系列是不错的。对于 web 方面,我觉得以下几本书值得一看。(单击图片链接查看具体详情) 继续阅读“Web 开发的几本必读之书推荐”

form 表单的一个冷门标签 fieldset 介绍

简要介绍了 form 表单下的一个冷门标签 fieldset 的作用及用法。

在我的印象中,似乎很少见到有人在 form 表单中使用 fieldset 标签,可能大家对它都不太了解,但在某些情况下它还是挺有用的,所以在这里对它做点简要介绍。 继续阅读“form 表单的一个冷门标签 fieldset 介绍”

过期的 HTML4 Table 属性 cellspacing cellpadding 等在 HTML5 中的等价写法

介绍了过期的 HTML4 Table 属性 cellspacing cellpadding align 在 HTML5 中的等价写法。

在 html4 中创建 table 时经常会用到 cellspacing,cellpadding,align 等属性,比如如下的一个示例: 继续阅读“过期的 HTML4 Table 属性 cellspacing cellpadding 等在 HTML5 中的等价写法”