2017年前端开发手册一-2016前端技术回顾

2017年前端开发手册公布了,从今天开始陆续为大家送上翻译文章。每日一篇,今天是第一篇,是作者对2016年前端圈的一次技术回顾。 PS:附上一首目前金曲榜第一的拉丁魔性歌曲,祝周末愉快。

1.2016年是UI组件,树的UI组件,用于构建复杂的用户界面。

2. 组件是由单个文件构成, 在一个文件可能包含HTML,CSS,JS!--这不再是亵渎主流开发的一句话。

3.React, Redux, Webpack, ECMAScript 2015 (又名 ES6),和Babel获得大规模采用。这些解决方案成为民意调查中最常用的技术。

4. 开发人员意识到,在大多数情况下通过HTML5和webview实现混合移动开发在构建应用程序时并不能让人满意。

5. React Native和NativeScript开始取代移动HTML5的webview方式开发混合应用。

6. 很多人放弃Gulp选择NPM scripts,但Gulp仍然很受欢迎。

7. SASS仍然是一个受欢迎的工具,而PostCSS(+ CSSNext)也在不断前进。

8. Linting/Hinting HTML、CSS和JavaScript是大多数开发人员都需要做的事情(ESlint取代JShint &JSCS并入ESlint)。(Linting 是分析代码以标记代码的潜在错误或可疑用法的过程; 所谓Hinting,英文原意是暗示、提示。字库技术借用了Hinting的含义,转为:字符Glyph在低密度显示时影射到指定的点上。)

9. 开发人员有开始放弃Sublime和Atom而转向VScode的趋势。

10. jQuery还在,但人们使用的兴趣下降了。jQuery 3的上线,就像森林中的一棵树倒下,没有人听到。

11. Vue.js继续得到支持。理应如此!

12. JavaScript函数式编程和模式得到了非常多的关注。

13.离线开发与正在发展的网络应用成为主流。

14. 微软在前端领域崭露头角并做出了贡献。

15. 随着网络技术越来越重要,能够使用一些像NW.js和Electron的技术开发windows,OSX和linux本地应用程序。

16. Angular2(又名“Angular”)从神坛上走了下来,开发者也意识到它永远不会像Angular 1那样主流。

17. JavaScript明显仍然是软件技术的中心。

18. 更多的开发人员开始关心工具(如自动化)和测试。

19. 静态网站生成器被认真对待。

20. CSS Grid快速发展而且前途光明。

21. NPM受到了一些来自Yarn的冲击。

22. Preact, Deku, Rax, 和 inferno展示出来的进步而且没有太多API的变化表明类React解决方案的下一个演变出现了,。

23. 大多数人正在学习接受JSX,现在他们已经无法想象不适用JSX是什么样子的。

24.一个可行的CSS模块模式(CSS封装)是现行和可用的,因此CSS in JS将成为一个可行的解决方案。

25. 越来越多的人转向UI功能/集成测试,包含视觉CSS和RWD回归测试的概念。

26.和不一致的浏览器API作斗争的日子已经过去了,是由于旧版本IE的使用发展都已经大幅下降。

27.大多数人都意识到他们在web开发上必须有一个多设备战略计划。

28. 随着Javascript添加了类型检查、对类语法的坚持和面向对象的概念,大量从事其他语言开发的人,继续投入到JavaScript的空间中来。

29. 热模块更新技术和时间旅行调试等前端开发技术被普及。

30. 原生JavaScript浏览器模块加载程序还需要等待一段时间。

31. 强制执行CSS和JavaScript的风格习惯变得越来越重要(考虑到ES3 到 ES6代码和CSS预处理程序语法变化)

32. 不多但数量明显的JavaScript开发人员开始选择Elm。

33. TypeScript得到了大量使用和粉丝。

34. http://aurelia.io/ 成为企业开发人员成为聪明的选择。

35. Webpack继续奋发图强并巩固在上级JSPM解决方案中的地位。

36. HTTPS,是的,我们是认真的。

37. BASH在windows上出现。

38. 通知类API被chrome用户使用和滥用,但必须获得你的允许。

39. Firebug正式死亡。

40. 2016年,CSS 20岁了。

41. Immutability的概念迅速传播。

原文发布于微信公众号 - 司想君(sxjsaylife)

原文发表时间:2017-08-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

开发 | 小程序如何快速适配 iPhone X?

但是,由于 iPhone X 的「异型」屏幕,以及底部的「小白条」的存在,不少开发者都头疼应该如何适配这块略显奇怪的屏幕。

2664
来自专栏Material Design组件

Human Interface Guidelines —— 概览

2178
来自专栏服务端技术杂谈

双管齐下:同时设计 iOS 和 Anroid

不管你是在家,在公司,还是在设计师工作室工作,互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要,这些企业通常需要同时开发运行在 Android 和...

3655
来自专栏程序员互动联盟

【web开发】HTML5(目前)无法帮你实现的五件事

人都专注于HTML5能够实现什么(或者是如何将各种方法连接起来,实现一个更加优雅的解决方案)。而现在,也不少人想将目光投向那些HTML5无法实现的事情。MSDN...

3735
来自专栏IT平头哥联盟

该如何正确的使用SVG sprites?

    大家好,这里是@IT·平头哥联盟,我是`首席填坑官`——苏南,今天要给大家分享的是SVG sprite(也叫雪碧图),所谓雪碧图,当然就不是我们常喝的雪...

922
来自专栏无原型不设计

iPhone X的UI设计技巧

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 果粉们翘首以待的iPhone X终于开始预售了!同样满怀...

2994
来自专栏SAP最佳业务实践

SAP S/4HANA最佳业务实践:Order-to-Cash订单到收款-2客户360度视图

Details of the Object Page Customer -360°View客户360度视图 –Header 概览 –Contacts 合同 –S...

29611
来自专栏腾讯社交用户体验设计

面向设计的半封装web组件开发 - 腾讯ISUX

2054
来自专栏知晓程序

可怕!你的黑历史「老照片」,这款小程序都翻出来了 | 亲儿子 #14

不仅明星们会有许多「想重金删除的」老照片。即便是普通人,突然翻出几年前的旧照,有时也恨不得马上都删掉吧。

1192
来自专栏腾讯大讲堂的专栏

面向设计的半封装web组件开发

作者:张鑫旭,资深钓鱼爱好者,然后平时喜欢研究与学习前端技术。 前言 本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而...

28910

扫码关注云+社区

领取腾讯云代金券