1
2
3
if(a >= 5){ 
alert("你好");
}

一个简单的判断可以像上面这么写,若想更加简洁则可以用三目运算符:a >= 5 ? alert("你好") : alert("我不好")

还有一种更加有趣的写法便是:a >= 5 && alert("你好") || alert("我不好")

那么,回过头来说道说道 && || 的语法特性,举个栗子:a && b,当a为真时则返回b(不管b是否为真值),当 a 为假时则立即返回a。同样:a || b,a 为真时则立即返回a,a 为假时则返回 b(不管 b 是否为真值)

关于||,一般比较广泛的用法是:var Yahoo = Yahoo || {}; 若是 && || 组合使用:a &&  b || c,则可以达到 if…else 的效果,但前提是 b 必须是真值,否则不管a为何值都只会返回 c

现在的前端开发并非只是切几个页面那么简单,良好的工程结构和模块划分也非常重要。很多时候我们要将代码分成多个文件,也就是模块化,发布的时候则要合成一个文件。此外可能还需要用到Coffeescript、Stylus/Less等预编译技术,每次都手动编译然后刷新浏览器是非常蛋疼的,如何做到文件发生改变就自动编译并且自动刷新浏览器呢?

阅读全文 »

前言

Git 是 Linux 之父 Linus Trovalds,为管理 Linux 内核代码而建立的,被认为是分布式版本控制工具中的顶级水准。

虽然现在也有window版本,但较Linux系的还是相形见拙许多。这里总结些GIT的常用命令,有了这些,基本就可以脱离GUI了

阅读全文 »

前言

平时经常用到inline-block这个属性,有时候却不是很得心应手,走访各个博客,恶补一番,从而引出了line-height这个大神

一、继承性

关于line-height的继承性相信很多人都是了解的,这里简单提一下。

line-height可以有5种定义方式,默认是normal,接下来分别是inherit(继承)、百分比、长度单位(px或者em)、和数值

1
2
3
4
5
6
7
body{
font-size: 16px;
line-height: 120%;
}
h1{
font-size: 32px;
}

line-height 的百分比(120%)和 body 的文字大小(16px)计算出来的值(16px*120%=19.2px)会被下层元素所继承,那么h1继承 line-height 之后的值便是 19.2px

这并不是我们想要的结果,如果 body 的 line-height 是纯数字 1.5,那么 1.5 则是先继承 1.5 这个值,然后遍历到 h1 标签的时候,该标签的 font-size 会乘以 1.5 这个系数,得到的便是随 font-size 缩放的 line-height 值

阅读全文 »

高中毕业后就没有再提笔写过什么文章或者日志什么的了,就像微博里看到的段子说的那样,这辈子文化水平最高的时候大概就只停留在高中那段时期了orz~~

突然萌生写博客的想法是在看了张鑫旭童靴《说说CSS学习中的瓶颈》这篇文章后,琢磨着我其实是个略微浮躁的人,而且又比较懒,很多东西都是快餐式的吸收。因此,找块清静的地方,静下心来,总结或者分享一些技术上的问题,抑或是吐吐槽也是蛮不错的。

转眼来到杭州也有三个多月,学到很多,对前端开发这条路的了解也明晰了许多,要成为一名靠谱的前端工程师,任重而道远。对于English,现在才明白它的重要,可惜为时已晚,项目中用到的很多库和插件都是国外开发的,压根找不到相关中文资料,每当打开一篇篇的English文档,顿时一阵蛋疼菊紧…少壮不努力,老大背单词~~没法子,背吧背吧,囧

0%