Benjamin - 专注前端开发和用户体验

2014年04月的内容

CSS(3)

前端Code规范之CSS

一、基本语法 1.使用2个空格soft tabs 2.为选择器分组时,将单独的选择器单独放在一行。 3.为了代码的易读性,在每个声明块的左花括号前添加一个空格。 4.声明块的右花括号应当单独成行。 5.每条声明语句的冒号后应该插入一个空格。 6.为了获得更准确的错误报告,每条声明都应该独占一行。 7...

Benjamin 3年前 (2014-04-21) 1411℃ 3 喜欢

SPECIFICATION

前端Code规范之HTML

一、基本语法: 1.用2个空格soft tabs,这是唯一能保证在所有环境下获得一致展现的方法,一般的编辑器都可以调整 2.嵌套元素应当缩进一次(即四个空格)。 3.对于属性的定义,确保全部使用双引号,绝不要使用单引号。 4.不要在自闭和(self-closing)元素的尾部添加斜线 —...

Benjamin 3年前 (2014-04-21) 1666℃ 0评论 1 喜欢

Web性能优化

性能优化——CSS选择器的使用

一、CSS渲染规则 样式系统从最右边的选择符开始向左进行匹配规则(右->左)。只要当前选择符的左边还有其他选择符,样式系统就会继续向左移动,直到找到和规则匹配的元素,或者因为不匹配而退出。 二、CSS选择器的效率(从高到低) 1.id选择器 (#id) 2.类选择器 (.className) ...

Benjamin 3年前 (2014-04-17) 2045℃ 0评论 0 喜欢

JAVASCRIPT

javascript 数组二分查找

二分查找: 优点:比较次数少,查找速度快,平均性能好; 缺点:是要求待查表为有序表,且插入删除困难。 因此,二分查找方法适用于不经常变动而查找频繁的有序数组。 基本思路:数组中间位置对应的值与需要查找的值比较,如果两者相等,则查找成功;否则利用中间位置记录将数组分成前、后两个子数组,如果中间位置记录...

Benjamin 3年前 (2014-04-16) 4001℃ 0评论 2 喜欢

TOOLS

学习vi编辑器(一)

vi命令一般形式: [command](text object) vi光标移动命令可以带参数: [number][command](text object) 或者 [command][number](text object)   1.移动光标命令: h 移动到前一个字符 j 移动到下一行 ...

Benjamin 3年前 (2014-04-15) 1595℃ 0评论 0 喜欢

CSS(3)

兼容的File上传域

由于各浏览器的<input type=”file”>兼容性差异很大,在涉及多语言的项目中,浏览二字无法翻译,虽然有可能随着系统语言环境的不同而不同,但是论证一番还是觉得不靠谱,于是写个兼容的东东,方便使用,效果图及代码如下: <!doctype html&...

Benjamin 3年前 (2014-04-14) 1752℃ 0评论 0 喜欢