yjxf8285@qq.com

HTML/CSS

FOUC – 文档样式闪烁

Posted By 刘晓帆 | 1,396 views

如果你是一名前端工作者,总有一天会听到FOUC这个词,它是Flash Of Unstyled Content的缩写,翻译过来就是文档样式闪烁,下面解释一下什么是FOUC。
问题描述
它指的是在某些景象下,IE在加载网页时会呈现短暂的CSS样式失效。
1. 只产生在Windows上的IE(5.0版本以上)
2. 只产生在那些会呈现FOUC现象的网页
3. IE的临时文件夹中没有缓存过该页面的CSS文件

Read More

JavaScript

原创jQuery标签切换插件“gTabs”正式发布

Posted By 刘晓帆 | 2,204 views

我在工作中经常遇到各种情况的tab切换和广告图片轮播效果,比如点击按钮实现图片上下滚动,淡入淡出,延迟tab,无限tab等等。之前的博客里面也写过相关的代码。但是如果每页页面或当前页面有很多不同效果的轮播同时出现,那么引入相应的代码就会有很多重复和垃圾代码,所以我决定写一个新的插件,通杀所有效果。
于是gTabs插件今天就诞生了,目前版本为1.0,后续可能还会添加更多的效果。
演示地址:http://www.liuxiaofan.com/demo/gtabs.html
下载地址:http://liuxiaofan.com/download/gtabs.rar

Read More

Plugins/Tools

Sublime Text 2 不完全使用手册

Posted By 刘晓帆 | 4,272 views

♦ 强大的多行选择和多行编辑:

鼠标选中多行,按下 Ctrl+Shift+L (Command+Shift+L) 即可同时编辑这些行;
鼠标选中文本,反复按 CTRL+D (Command+D) 即可继续向下同时选中下一个相同的文本进行同时编辑;
鼠标选中文本,按下 Alt+F3 (Win) 或 Ctrl+Command+G(Mac) 即可一次性选择全部的相同文本进行同时编辑;
Shift+鼠标右键 (Win) 或 Option+鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择;
Ctrl+鼠标左键(Win) 或 Command+鼠标左键(Mac) 可以手动选择同时要编辑的多处文本

♦ Package Control(绝不可错过的扩展包管理器)
Sublime Text 2 除了自身拥有无数实用功能和特性之外,它还能安装使用各种扩展/皮肤/配色方案等来增强自己。现在介绍的这个 Package Control 可以看做是一个ST2的扩展管理器,使用它,你可以用非常神奇、非常简单方便的方法去下载、安装、删除 Sublime Text 2 的各种插件、皮肤等,相信我,想更好地使用 ST2 绝对不能没有它!不过 ST2

Read More