Monthly Archives: June 2015

比AngularJS 更简单好用的前端框架Aurelia

AugularJS我用得并不多,但是,我的感觉是学习曲线挺陡峭的,需要理解他的那一堆的概念。在试图解决一个问题时引入了太多更复杂的东西,有点让人怀疑这样做是否值得。另外,Angular自己不包含模块加载的功能,需要依赖其他的库,比如requirejs。不过这样一来,angular的代码就更不清晰了,一层套一层,到处都是花括号,哪边要写错了,就头大了。
相比AngularJS,这个由前AngularJS开发团队成员开发的新的前端框架Aurelia就显示出很多优势:
1. 使用Typescript或者ES6/ES7的语法,这样让代码的可读性简洁度都有明显的提高;
2. 通过SystemJS等库提供默认的模块加载支持,比起requirejs等,这种加载模式更简单;
3. 省去了AngularJS的很多概念,很容易上手,一切代码都显得那么得优雅;
4. 对其他JS库的支持非常好, 尤其是很多nodejs下的库也可以拿过来用。

当然也有一些劣势:
1. 社区还没有AngularJS的大;
2. 由于使用了很多html5新的特性,导致对浏览器的兼容性支持较差。

Aurelia官网:http://aurelia.io/

Photoshop 中的生成器

现在的Photoshop中多了一个生成器的功能,自带的Image Assets可以让图片自动导成,只要PS文件里的图层按一定的规则命名即可,导出的速度也是出奇的快,这一点还挺怪异,按道理,最终它还是以jsx的方式来执行,但是用jsx来导成图片,那是出奇的慢,哪怕只是遍历一下所有的图层,如果PS文件大,图层比较多的话,也能导致软件卡着好半天。
不过有了这玩意,以前老师教的什么切图的方法就再也不需要了,做网页切图变得超级简单。不过自带的Image Assets是没有办法生成图片位置等信息,其实如果能把图片位置信息导出成CSS文件,那么,PS文件做好的时候,网页也就基本OK了。好在Image Assets这玩意是开源的,你可以依据它修改一个能导成CSS文件或者JSON文件的生成器。现在的Adobe系的插件开发基本上都改成基于Nodejs的技术了,比起之前的使用SWF做插件,确实是好了很多。