2015年3月

说到less是好久以前就用过了,因为语法很简单,很容易上手,能很方便的提高书写css的效率,自己玩儿的也是飞起。直到那一次为了写动画,出现了一个问题: 因为用到很多keyframes,所以就要写大量的重复的前缀做兼容。当时自己尚年少,还木有接触到前端自动化的各大神器,所以当时想到的就是自己写个mixin来做这些事情呗。然后纠结着写了一上午,愣是写不出一个可以方便使用的mixin,简直沮丧。 然后翻阅google,发现sass可以很方便的解决这个问题,因为人家有个很方便的特性叫做@content,可以很方便的解决问题,比如这样

@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }

  @-moz-keyframes #{$name} {
    @content;
  }

  @keyframes #{$name} {
    @content;
  }
}

@include keyframes(fadeIn) {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

然后就会被编译成这样:

@-webkit-keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

这酸爽~ 然后稍做考虑,就从less跳向了sass。后来和sass相处也一直很愉快,因为sass有很多特性都特别好用,能完成更复杂的事情。最开始选less没选sass主要是因为sass写起来要比less麻烦一些,从上面的例子中就稍微可以看出一些来。

再然后就是最近的项目又开始用less了,主要原因是因为less实在写起来很简单,再一个就是sass的特性也不是很经常用,日常用less足矣,接着就又出现了上面说的问题。。。

脑子当时第一时间的反应是:“妹的!不会又要转去sass吧?!”,后来少做冷静,我觉得再用less试试,说不能会有好办法,继续翻阅google,然后就发现了这样一条信息
“LESS在1.7.0版本中加入了一个新特性,叫做 passing rulesets to mixins”,哎呦喂~ 果断去文档瞅了两眼,就是这货!
然后就出现了下面的代码:

.keyframes(@name, @rules) {
  @-webkit-keyframes @name {
    @rules();
  }

  @-moz-keyframes @name {
    @rules();
  }

  @keyframes @name {
    @rules();
  }
}

.keyframes(fadeIn, {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
});

怎么样,“就是这个味儿!”,而且还加量不加价哦~

文档中说这里可以传入的不只是变量,css代码块,还可以传入mixin哦~ 将函数作为参数听上去是不是有些耳熟?没错,就是js,利用这个特性我们可以写出很多有趣的东西出来,这里就不多扯了,嘿嘿~

很好,今天也就这样吧,感觉扯了一堆没有用的,最后干货就最后几句话。。。 Orz, 不要在意这些细节,就全当看短篇小说了,乐呵一下就好。

就这样吧,晚安啦~

麻麻说人丑就该多读书,换到程序员身上就是:“人丑就要多写代码”。。。


今天又是写代码的时候就突然对meta标签产生了浓厚的兴趣,原因是因为今天在去偷瞄某网站的代码的时候,发现了一个奇葩的属性值
<meta name="renderer" content="webkit">
傻傻的愣了几秒,“这货是个啥?没见过呀。。。”,因为做前端的都知道要在meta标签里设置一些浏览器渲染属性,网页属性,还有一些SEO属性等等,但是这个renderer值还是真的没见过,果断去查了下资料,发现了一个新的世界!
这货是针对360浏览器的一个标识。因为现在很多浏览器都引进了双核的概念,所以360就搞了这么一个属性来表示如果是双核的浏览器的话,渲染页面的时候使用后面指定的浏览器内核,也就是webkit内核进行渲染。。。
好吧,尽然还是个国产标签,然后在查资料的时候还发现了另外一些好玩儿的东西,比如:

<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">

真的进入了一个全新的世界!!有木有!! 原来这货还有这么多奇葩的标签!!!
然后还有一些比较有趣的标签,比如:

<!-- 5秒钟刷新 -->
<meta http-equiv="refresh" content="5" />

好吧,这依然只是冰山一角而已,后来又查到了大量的这种基本都很少(mei)见(yong)的标签,就不一一的列下了,放下几个链接下来,留着各位看官老爷闲时翻翻看看。
也算给自己mark一下,说不定哪天心(sang)情(xin)大(bing)好(kuang)的时候就翻来戳到代码里~

HTML Meta标签知多少
HTML Meta Tags
meta | MDN


好吧,今天也就先写这些吧,也没啥技术含量
顺手打个广告,出门右转,可以进入“传送门”页面,然后,嘿嘿,你懂的~
好了木有了,晚安吧~

最近公司做安卓应用适配,把一堆手机都翻出来了,各种牌子,各种型号,自己就赶紧抢先拿下了这部“情怀机”来玩玩儿,把玩了一天,虽说也不是什么新鲜玩意儿了,也还是写下点儿东西记一下。

首先先说盒子,巨大的盒子真是给人的感觉就很有冲击力,满桌子各种手机,小米、魅族、Nexus、IUNI、努比亚等等,包装盒子都差不多大小,唯独锤子是一个硕大的黑色方块占在哪里,感觉很有分量。然后开箱什么的自行到网上找视频,整体感觉就是包装很精致,也很浪费空间,特别大。然后就是下面那个老罗也特意说过的那一排小配件,本来开他发布会的时候也没有觉得特别好,但是当真的自己打开盖子的时候,还是挺抓人的,能够很明显感觉到他们真的很认真很细心的做了这些事情。这里要说一下那个小螺丝刀,特别小,工艺特别精准,真的不得不佩服富士康的工艺,很棒!

然后说说手机。其实我对手机的工艺没什么研究,基本属于完全看不出好坏的那种,不过锤子我特地仔细看了一下,然后和其他手机比了一下,包括iPhone,感觉工艺确实做的很细,各种地方的拼接都做的很细,缝都特别小,包括屏幕的拼接和按钮的拼接的地方都很精细,因为看到iPhone也会有个别地方拼接的不是特别好,但是这台锤子确实每一处都做的特别好。就这一部手机而言,我觉得真的是感到了工匠精神,老罗那所谓的“情怀”还是体现出来了。然后,双面玻璃的设计也很漂亮,虽说不经摔,但是漂亮终究是漂亮,点个赞。机身背后的logo也很漂亮,打磨的很赞,不过摸着logo的手感很奇怪,就是看着特别好,但是拿拇指一摸就掉分儿的那种。

然后就到了系统了。说起锤子的系统最早还是在老罗那次著名的发布会开始的。当时老罗还连一个手机系统的成品都没有,只是拿几张图片和“情怀”就画了一个巨大的饼,还真的很有勇气。开机的第一次初始设置里有一个特别的选项,叫做“选择左右手模式”,这才突然想起来老罗原来说过的为左手和右手的用户分别做的优化,不晓得是不是真的有用,反正对我的感觉不大。

然后就是那个经典的九宫格界面,这个界面真的是被老罗说了无数遍,自己一次在真机上看到这个界面还是感觉有点儿小兴奋,毕竟现在大部分的安卓手机的设计都差不多,万花丛中只有老罗这个长得这么“出淤泥而不染”,也还是很稀罕。不得不说锤子自己做的那套应用图标配上他的系统真的是好看,也终于明白了为什么老罗一定要自己做图标库,因为这种风格的系统真心的不好配图标,有好图标才显得好看。

整个系统有很多地方的小细节设计都很感人,比如编辑九宫格的拖动的块儿的小细节,左右滑屏的时候,下面的小圆点儿的跟随动作,时钟界面那感人的指针的投影效果,还有应用商店顶部的那三个小灯,每一处都能问到一股浓郁的“情怀”的味道。然后要特别说的是第一次锁屏的时候被那张默认的锁屏壁纸给惊艳到了,一匹很漂亮的白马,在纯黑的屏幕背景下显得栩栩如生,简直太赞了!然后自己不禁的说了句“这真的卖的是UI!”。。。 再其他地方没什么特别之处,跟别的安卓机没啥区别,也没啥特别惊艳的地方。 然后就是那个更换主题颜色的动画,也做得很用心,老罗也是专门演示过多次,不过实际看着也没有很惊艳。到是九宫格在看了一天以后到觉得不那么耐看了,很容易疲倦,毕竟拟物光影太多了,充斥着整个系统。

最后再聊聊按键,不得不说锤子最下面的三个实体键真的很奇葩,很不习惯实体键,而且手感也没那么好,到时魅族的那个home键设计的很赞,加上手势,基本满足需求。然后再就是锤子说的那个“抢拍”的功能,不得不说,这个功能做的还是很实用很便捷的,不过拍照效果比他发布会上说的要差一些,主要是因为你捏着两边的手机按键去抢拍,因为锤子的屏幕不算小,所以很难拿的稳,然后就是那个松手动作真的很蛋疼,基本一松手手机肯定会抖,然后就听见“啪啪啪”三声,连拍了三张,虽说是三个不懂焦距的照片,但是都是抖动的,所以这个抢拍功能很难拍出来不错的照片,不过要是不追求细节,只是为抢那一下也够了,同事说我不要要求那么高,本来就是锦上添花的功能,就不要太矫情。

对了,还要说一下那个很奇葩的单手模式,就是老罗也是说了很多遍的“拇指下拉”的那一下。不知道是不是我的习惯不好还是手指不好,总之误触发率还是挺高的,经常会一不小心就把屏幕拉下来一般。。。。 不过老罗也说过“一般人练习个几天就好了”,好吧,练习个几天,不过我还是关掉了,应为对我没太大用。还有就是他的单手模式只是单次的下拉半屏,你进行完操作后就又弹回去了,相比之下我倒有些倾向于MIUI6的单手模式,他是把整个屏幕按比例缩小到下面的一个角上,然后可以一直这样操作。不过对我来说也没什么用。。。。

然后也就没什么,还有一些细节,比如设置的“强迫症选项”,删除图片的效果,编辑图标的垃圾桶等等,只能说与众不同,没有什么好坏或者值得称道的地方。

总得来说锤子还是把他说的工匠精神表现出来了,手机的做工和系统的处理上也是很不错,按老罗开始的那个两三千的定价来说,个人感觉还是挺可以理解的,当然现在已经降到两千四了,感觉还是挺推荐入手的,性价比挺高的。。。然后就是手机设计的个人感觉有点儿粗犷,不太适合女生。。。。

好吧,就写这么多吧,一不小心又这么晚了,碎觉碎觉! 晚安

很好,每天折腾涨姿势~

最近赶进度,速度记一下:
就是今天写了一个json的配置文件,然后随手标上了两行注释,然后node读的时候就报错了,一直以后json就是js的语法,后来查阅了一下发现了说json文件是不支持注释的,想了想也对,人家本来就是一个数据形式,一条字符串而已,注释这种东西貌似确实有点儿不适合。。。。
所以呢,我们就放弃注释了么?想象一下别人看你这配置文件是的表情,就这个feel,倍儿爽~~ 爽爽爽爽~~
咳咳,拉回来。所以我们怎么加注释呢?
咳咳,小葵花妈妈课堂开课啦~ 孩子调试BUG老不好,多半是废了!
不扯了,在github上发现了这么一个货:

{
  "//": "a comment",
  "//": "another comment"
}

妈妈再也不用担心我的学习!

先记这么多,吃包辣条继续赶项目~

今天早上看到一则讲日本“网吧难民”的纪录短片,稍有感触。
“网吧难民是指由于各种原因(欠租、家庭理由等),而不能够再居住于自己的家中或公寓,而转到24小时营业的网吧或漫画吃茶度宿的人”, 这是百度词条记载的说法。
碰巧自己也看过一些关于日本的资料,对这个现象大致理解是这样的:
首先日本的雇佣体制很奇葩,因为日本有一个很有趣的雇佣关系叫做“终身雇佣制”,也就是中国人说的铁饭碗吧,有过之而无不及。日本法律甚至有说,如果一个公司要解雇一个员工,那么它解雇的理由必须得到社会公众的认可,否则解雇无效。以至于大家都在维持着一个很虚的“忠孝”关系,搞得公司不好意思解雇员工,员工又不好意思跳槽。然而后来,大家慢慢觉得终身雇佣制不靠谱的时候,就出现了一个新的解决方案,临时工。也就是网吧难民的大部分成员。公司把已有的终身雇佣的员工不动,新进来的都叫临时工,这样就可以不用考虑因解雇带来的“道德问题”了。这里又要扯一点儿,日本的工资大部分是按“年头”来算的,所以,当一个临时工在不断的奔波于不同公司的时候,他们的工资都是极低的。所以日本的年轻人的压力特别大。
还有一点其实就是日本的网吧了,日本的网吧是包间性的,没人一个小包间,几平米,里面有电脑,漫画,靠枕,衣架,电话等等的东西,还有免费的饮料提供,24小时营业,宅男宅女的天堂!那这里简直就成了那些年轻的“临时工”们的必选的地方了。
基本的情况就是上面这些。当我今天看到那些年轻人的画面的时候,心里真的被割了一下。因为我觉得像极了大学生活,浑浑噩噩的每一天,跟几个同学去网吧通宵,疲惫的摊在网吧的沙发上,第二天一早迎着刺眼的阳光出来,感觉灵魂已经被掏空了一样,拖着一具躯壳回去,浑浑噩噩又是一天。。。那时候会觉得游戏是我唯一可以做的事情,就像现在觉得工作是我唯一可以做的事情一样。画面上一张张疲惫的脸,在大帝都更是随处可见。
前天早上上班的时候,我像平时一样走过路口,汇入人流,这天阳光特别好,我悄悄的慢下来,看着四周的人一点一点朝着写字楼走去,像极了一具一具木偶在被线的拉扯下行动着,日复一日。。。我有时真的想挣开它,但我却办不到。因为我甚至不知道我挣开它以后做什么?原谅我想象力的匮乏,我甚至想象不出来一个自由的人应该是怎样的生活的。压力,压力,压力,到处都是,但这些都不可怕,可怕的是看不到希望。日本的年轻人们太懂得这种感觉了,他们的希望只有一个,就是成为正式工,然后熬年头。。。
或许宅一下是最好的放松方式,在二次元你可以开心的笑,可以加特技,可以duang~~~ 或许这也是互联网的魅力,像魔法,我们的生活需要一些魔法,像巴拉拉小魔仙这样 ↓↓↓↓↓↓↓↓
不要黑!

哈哈,新的一天,早安!