params default value & params environment & TDZ

看 ES6 parameter default value 的时候,发现一些很困惑的现象。

1
2
3
let y = 1;
function foo(x = y, y) {}
foo();

结果是 reference error: y is not defined. 因为这里 y 是处在 TDZ(Temporal Dead Zone)。

1
2
console.log(x); // TDZ
let x;

可是为什么呢,明明全局有定义 y 呀,为什么未定义?难道参数默认值有单独的作用域?继续试验:

ES6 Class一瞥

Class

ES6的class提供了一个简洁的语法糖来实现之前通过原型链来实现的Class的功能。

可用性

截止目前(2015-04-05),Class目前还基本没有浏览器支持,除了Firefox39最新版已经实现了。具体的支持情况可以在这里看到:ECMAScript compatibility table

可以通过Traceur来试验Class的功能。

CSS CONF小记

1月10号去北京参加了CSS CONF中国首届CSS开发者大会,总体感觉还不错。了解了更多关于css未来可能的发展方向,现在的新技术,以及应用情况,不足之处可能是时间安排过于紧张,有些消化不了,以及后期由于时间紧张导致的没有互动和交流环节。

W3ctech已更新slides资料,见:http://www.w3ctech.com/topic/733

下面就挨个讲每个分享我记得的要点、感受及资料分享吧。

iphone6屏幕揭秘

iPhone6发布了,纳尼?又是一个新尺寸,苦逼前端工又要加班了呢。看到一篇很好的关于iPhone 6 屏幕显示的文章,于是翻译了一下。

访问:http://wileam.com/iphone-6-screen-cn/ 查看。

图较多,而且大多是svg矢量图,在博客里排版比较麻烦,于是单独做了上面这个站点。这里是翻译原文的中英文对照,欢迎批评指正。

一些前端面试题

前一阵时间找工作,面试了一些公司,这里也总结一下遇到的前端技术相关的问题,做个记录,也看看自己缺那块,以后要往什么方向继续努力。以下面试题都不指明公司名称了。

Html/CSS方面

hexo搭建静态博客以及优化

首先,这不是一篇详尽的完整的教程,只是记录大致的hexo建站流程以及自己折腾的过程。因为网上关于hexo的教程已经太多,一搜一大把。但是我还是推荐英文尚可的直接阅读hexo作者的文档,因为很多教程也只是一知半解,还是看作者文档来的比较彻底。另外,hexo源代码开源,实在不行还可以去hexo的github去提issue

折腾的成果就是你现在看到的这个博客,所以这里本身就是一个demo。^_^

p.s. hexo作者据说是台湾的一名在校学生…… T_T 努力吧少年……

建站流程

1. 安装node.js以及git