CSS中a:link、a:visited、a:hover、a:active的使用总结 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (27)
目录1. 前言1.1. 伪类1.2. 伪元素1.3. 区别2. 概述3. 注意事项
前言伪类
伪元素
区别  可以理解为:伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到。伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
概述:link 选择器对指向未被访问页面的链接设置样式,即页面初始化加载完成的时候。:visited 选择器用于选取已被访问的链接,即已经访问过的链接。:hover 选择器用于设置鼠标指针浮动到链接上时的样式,即鼠标停留在链接上但还未点击的时候。:active 选择器用于设置点击链接时的样式。即链接被点击按下的时候。
注意事项:hover版本:CSS1/CSS2  兼容性:IE4+ NS4+语法:Selector : hover { sRules }说明:设置对象在其鼠标悬停时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性的a标签,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
:active版本:CSS1/CSS2  兼容性:IE4+语法:Selector : active {...阅读全文

前端常用的几种图片格式及使用场景 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (27)
目录1. 基本概念1.1. 矢量图与位图1.2. 有损压缩和无损压缩2. 图片格式2.1. BMP格式2.2. GIF格式2.3. JPEG格式2.4. JPEG2000格式2.5. TIFF格式2.6. PSD格式2.7. PNG格式2.8. SWF格式2.9. SVG格式3. 选用标准
基本概念矢量图与位图  矢量图是通过组成图形的一些基本元素,如点、线、面,边框,填充色等信息通过计算的方式来显示图形的。一般来说矢量图表示的是几何图形,文件相对较小,并且放大缩小不会失真。  位图又叫像素图或栅格图,它是通过记录图像中每一个点的颜色、深度、透明度等信息来存储和显示图像。一张位图就好比一幅大的拼图,只不过每个拼块都是一个纯色的像素点。位图的优点是利于显示色彩层次丰富的写实图像。缺点则是文件大小较大,放大和缩小图像会失真。
有损压缩和无损压缩  有损压缩是对图像数据进行处理,去掉那些图像上会被人眼忽略的细节,然后使用附近的颜色通过渐变或其他形式进行填充。这样既能大大降低图像信息的数据量,又不会影响图像的还原效果。JPG是我们最常见的采用有损压缩对图像信息进行处理的图片格式。  无损压...阅读全文

git pull 与 git fetch 的区别 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (23)
目录1. 概述2. 对比2.1. git fetch2.2. git pull
概述引用网上的一张图来说明
对比git fetch1.git fetch这将更新git remote 中所有的远程repo 所包含分支的最新commit-id, 将其记录到.git/FETCH_HEAD文件中。
2.git fetch remote_repo这将更新名称为remote_repo 的远程repo上的所有branch的最新commit-id,将其记录。 
3.git fetch remote_repo remote_branch_name这将这将更新名称为remote_repo 的远程repo上的分支: remote_branch_name。
4.git fetch remote_repo remote_branch_name:local_branch_name这将这将更新名称为remote_repo 的远程repo上的分支: remote_branch_name ,并在本地创建local_branch_name 本地分支保存远端分支的所有数据。
FETCH_HEAD: 是一个版本链...阅读全文

JavaScript异步编程案例 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (22)
目录1. 前言2. 回调函数3. 事件监听4. 发布/订阅5. Promises对象【转载】阮一峰 Javascript异步编程的4种方法
前言你可能知道,Javascript语言的执行环境是”单线程”(single thread)。
所谓”单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。
这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。
为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous)。
“同步模式”就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的;“异步模式”则完全不同,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后...阅读全文