心系一处

心系一处这个词很早就知道,自以为也懂得,可如今脑海中闪过这个词语,才觉察到生活的如此浮躁,与心系一处相距甚远。

关于工作与学习

从事前端开发有半年了,新奇的东西东学学,西看看,而真正拿出成果或实际用于项目的确很少。有些技术现在也只有一些demo和简单的印象了。一直归咎于没有大神来引导或推行新技术,但终究还是自己半吊子的水平很难拿出手。
顺便对下个季度做个规划,着重于CSS进阶与CSS3。

关于消费观

生活往往与工作学习是想通的,工作中的浮躁与粗糙在生活中也有表现。在购物时贪图便宜而换取数量,买回粗制滥造的东西往往不值得珍惜,实则是更大的浪费。
尽量只买自己需要的东西,在可以接受的范围内买最好的。

关于待人处事

性格内向的人在社交生活中相对于外向的精力不足,更需要心系一处,经营好自己的圈子

使用github搭建博客(1)

使用过两种博客引擎,jekyllhexo。jekyll貌似比较火,但在window系统上环境比较麻烦,需要配置python,ruby等等,
而且很容易出错,当然熟悉ruby的可以玩玩。
jekyll比较好的教程:
阮一峰的搭建一个免费的,无限流量的Blog——github Pages和Jekyll入门
也可以直接使用 jekyllbootstrap
Jekyll中的语法高亮:Pygments

使用jekyll引擎搭建可以顺便学习一些github的常用操作,而hexo则比较傻瓜式,安装几步搞定,官方的教程基本够看,但还是稍微走了点弯路,有几点需要注意:

新建的github的Repository最好为: github用户名+github.io(如 username.github.io),使后面配置更容易,而且不容易出错(主要是文件路径错误)
按照上述,发布后直接输入username.github.io即可访问
hexo server -g 命令启动服务器,期间更改页面内容可以直接看到效果

CSS单位--百分比的使用

最近做手机移动端页面经常需要使用到百分比,但用起来并不是很顺利,主要是没搞清楚元素的参考对象

1. 在background-size中使用百分比

误区:参照图片原始大小
正解:参照所属容器的宽高

先看下demo:在background-size中使用百分比Demo

默认值为auto auto,不伸缩;
如果高度对应的值设为100%,则以高度为基准进行等比缩放,最终值为容器的高度;宽度类似,如果宽高同时设为100%,
则将图片拉伸为容器大小;
contain 等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内;
cover 等比缩放到完全覆盖容器,背景图像有可能超出容器;

弄清楚参考对象,就可以根据不同场景下来进行选择使用。