推荐的文章有部分链接需要翻墙才能访问,如果打不开的话,请翻墙。
文章
知乎:vue、react 和 angular 2.x 谁是2016年的主流?
最近讨论到了前端框架 vue,angular,react 的一些区别和对比,然后发现了知乎上这么一个问题,虽然比较旧了,但是回答的内容还是有很多精华。徐飞老师很好地回答了趋势上的问题,而 vue 的作者尤大则从技术选型上比较好地介绍了这三者的一些区别和优劣,当然他多少会有点偏 vue,但是大部分内容还是很中肯。简单说下个人对这三者的使用上的感觉,react 的 jsx 如果不熟悉的话,前期多少都会踩坑,但是不难解决,我对 jsx 语法的优雅表示怀疑,同时,使用 react 一般还要搭 redux 什么的,导致其实整体上的学习曲线还是不大好看。vue 小巧玲珑,上手难度不算大,更多给人一种轻便的感觉,使用上很多东西符合快速开发的需要,面对复杂应用也有对应的解决方案,个人比较喜欢。angular 2.x 很强大,加上 typescript,让前端开发有了一种 java 开发的感觉,开发体验上比较友好,适合复杂重型,多人协同开发的应用,整体概念比较多,如果不了解 typescript 的话,学习曲线可能是三者中最不好看的了。
[译]148 个资源让你成为 CSS 专家
顾名思义,这里收集的 CSS 相关资源有的很强大,有用的请拎走。
We have a problem with promises 译文
上周简单讨论了一下 Promise 的使用,Promise 的出现还是极好的,就像这个文章中说的一样,回调主要是剥夺了 return
和 throw
的能力,而 Promise 则重新让这些关键字在异步中发挥作用,但是它依旧带来了一些问题,不,应该说是我们在使用上出现了一些问题,这个文章给我们带来了使用 Promise 的正确姿势,强烈建议对 Promise 还是一知半解的同学仔细看下。
Web-native mobile app frameworks: How to sort through the choices
这篇文章主要是将如何选择一个移动端的开发框架,可以通过这个文章了解下现有的移动端应用开发解决方案,以及他们之间的一些简单的区别。里边涉及了 webview 跑 HTML 代码以及使用转换器来跑 native 代码的两种方式。
Using Feature Queries in CSS
这篇文章很详细地介绍了 CSS 中关于 @supports
的使用,@supports
用于在 CSS 中做特征检测,然后对支持这个特征或者是不支持的使用特殊的样式来处理,这提供了一种更加方便地做浏览器 CSS 兼容的方式。由于还有部分浏览器对于 @supports
的支持不好,作者对此进行了详细的分析,并且给出了一种利用 @supports
来使用 CSS 新特性的代码编写方式,尽可能地照顾到了老的浏览器。
A Case Study on Boosting Front-End Performance
一篇很详细的用一个例子介绍如何提升前端性能的文章,涉及的方面很多,critical css,js 和 css 懒加载,HTTPS 性能,文件缓存等,可以了解借鉴,还有一个有趣的是我在里边看到了 picture 这个标签。
工具
critical
看起来很强大的工具,可以给你指定的 HTML 创建首屏所需要的 CSS 代码,提升页面加载的性能,类似的工具有:penthouse,criticalCSS。
其他
Babel 6.14.0 版本发布
比较重要的点就是有了 ES2017 的 presets,支持 async/await。