1.媒体
2017年悄悄过去了，2018年一直在。人在前进，手艺在进行。2018年前端有哪些品类？工艺值得关注，哪些工艺会膨胀，哪些会衰退。以上判断大家就不要再猜了，希望能成为大家的参考！上面说的手艺只是倡导大家要重视，并不是说每个人都要就地取材，而是每个人都要因材施教。我觉得我可以教我需要的，我喜欢的！如果每个人都有一个东西，一个框架，一个图书馆认为可以推广的东西，那么告别会就呈现在批评区，让大家共同进步，互相学习！
2.艾滋病患者
PWA(ProgressiveWebApps)是Google提出的一系列计划，用前沿技术开发，让网页可以利用类似App的体验。明确的一面是PWA是一个网页，可以开放给流程最前沿的技术使用。
自从Google提出PWA之后，就受到了业界的持续关注，热度可见一斑。甚至在今年，谷歌还宣布PWA将获得统一的支付和使用Android的许可。那就意味着现在的网页基本面战APP会更快，然后关注度会进一步上下波动。
材料:
PWA进门:写一个很简单的PWA页面。
[转载]你最后一个进步的网络应用
[转载]下一代Web使用模式:渐进式WebApp
3.打字稿
TypeScript是微硬开发的。它是一种超分散的、独立的、开源的JavaScript编程语言。在该语言中，添加了可选的静态范例和基于类的后台工具编程。下图说明了typeScript和JavaScript的关系！
(图片源自牧之——从JavaScript到TypeScript)
Angular一度开始使用typeScript来阻止其发展，reactwarvue进一步加深了对typeScript的支持。没有简单的发明，typeScript的水平！
材料:
打字稿民源文档
打字稿大写分散
从JavaScript到TypeScript1——什么是TypeScript(阅读第一篇文章，不要漏掉那个系列的几篇文章)
4.parcel可能会给webpack带来多年的威胁
网络中的每个人都知道JavaScript模块打包东西。简单的方法是对每个模块进行分析、编译、打包等，使输出文件可以在阅读器中运行。
(图片源于菜鸟教程-Webpack教程)
webpack的特点是模块被包装起来了，但它也可以取代像gulp这样主动构建东西的部门功能！2017年底，webpack的火热程度也是一览无遗。
但是但是。2017年底，有一个Uma:包裹。包裹出乎大多数人的意料，也算是2017年最大的欢乐之一。parcel最大的缺点似乎是webpack最大的优点:设定战斗机威力！package号称全设置，多核逐包，使用文件缓存，比webpack快10倍！
(图片来源于neal的文章——发布包:一个快速、完整的设置Web使用包)
从明星来看，Parcel的关注度似乎在合适的时机超越了webpack，人气依旧源源不断。
webpack好用的地方，我觉得就是设置繁琐，文档也不完善，看起来很蠢。至于时间圈，只能说有对比然后有破坏。如果包包能把那些面条做好，道班永远也不可能从网络包里得到很多肉。
发布包:一个快速、完整的设置Web使用包。
包裹与网络包
5.web程序集
谷歌，硬件，Mozilla，苹果等。正在合作一个基于网络的通用二元战争文本模式的项目。
引用腾讯IVWEB团队的陶:WebAssembly是一种新的字节码模式。它的缩写是”。wasm”，还有。wasm是文件名的后缀，这是一种新的安静的二进制语法。。它被定义为“卸载时间短的粗糙简单的模式”，被设想为Web多编程语言文件模式。这意味着阅读器的整体功能将得到极大的提升，同时也使我们能够实现一个底层构建块的融合，例如一个强大的示例块级应用域。
WebAssembly刚出的时候，甚至有先行者预计目前WebAssembly是否会取代JavaScript。就在那里，我认为JavaScript不是要被WebAssembly取代，坐等它的衰落，而是要为WebAssembly的共存而战！2017年，chrome、水狐、IE、Safari四个阅读器以同样的方式经历了WebAssembly的计划，这种情况很少见。我理解的是第一次呈现同样的情况，可见四大阅读器厂商正视WebAssembly。至于2018年将如何进行WebAssembly，易道开始猜测是否应该通过lending来推动，但是lending已经到了提高开发利用率的阶段。但不管怎样如果，那都是值得关注的！
什么是道道WebAssembly？为什么会影响到每一个网络先锋？
WebAssembly理论:如何编写代码
6.React，Angular和Vue三驾马车
2017年react发展迅速，vue扮演了框架Uma的脚色角色，angular虽然没有以前那么受关注，但也不容忽视！从2017年的询价声明可以看出，趋势基本是react一度占据支流，未使用的框架排名第二，angular1和angular2排名第三和第四。
中国的情况是，react第一，vue第二。
2017年的Vue很水，但是下图2018年的vue潜力不可小觑(1.2W人想到用vue)。虽然不可能超越react，但地位还是会提升的。
参考材料
2017JavaScript查询访问语句
前端品类在2017年有哪些变化，2018年又是如何等待的？
2017年前端乱象倾向回忆，2018年从何而来？
2017JavaScript最近声明:23000个先锋被询问，他们给出了那个答案。
2018年最值得关注的JavaScript趋势
反正我觉得镜框是最好的，只要最合适就行。拉杆箱也有自己的方式，要满足各部分！就是js基础好的话，学习框架会比实力容易。如果不极端教js，间接去脚架会很费力很简单。
7.野生情报战数据
野战的数据不是一门手艺，而是一个品类。最近两年很流行，也没怎么超前。我也以为是互联网上的下一波白利。值得学习！那也是一个流行的趋势，所以一些数据可视化的东西(echart，D3等。)和野智库密切关注！
8.纱线与非织造布
对前端工程的信任，模块化的先行者也无法停止使用npm来停止功能包的设备依赖。尤其是node.js早期，npm是工程的一个标准。但是，2017年，npm的位置被隐瞒为对纱的威胁！由于今年的询问访问，yarn已经超过了npm。纱的劣势在于:快，安静，为一些动人的细节而战！如果情况下去，差异会逐渐改变！
参考材料
纱，不，是另一个npm第三圈客户。
纱线vsnpm:你需要知道的一切
9.js中的css还存在争议？
前端类一直是和构造层(html)、表示层(css)、javascript层分开的。但是react出去之后，那个原理好像被颠覆了！react的组件结构，请html，css，javascript一起写。很多先行者在js中不符合css，甚至封杀。那么，2018新的一年，靠争议能撑下去吗？
参考材料
JS中的CSS介绍
阅读“请止步于css-in-js”
大家怎么看待JS中的CSS？
再也不需要用JavaScript写CSS了。
10.flex和网格规划越来越受欢迎。
时间划分计划在首页，内嵌块，浮动，位置计划等。然而，有了flex和grid，规划变得越来越简单。
Firstflex一直以来都得到所有读者的支持，其便捷的特性也受到了很多先行者的热烈欢迎！
(图片来源于阮一峰作品集log-Flex规划教程:语法)
Grid，网格规划，号称下一代规划方法，但是读者兼容圈不比flex差。但这也需要理解。毕竟结果已经被W3C列为标准了。兼容性也进一步增强。
参考材料
d性计划教程:语法
d性计划教程:真实案例
网格规划:什么CSS网格规划？(看完那篇文章，建议连续看以上文章，都是茫茫大漠写的系列文章，测十次。)
CSSGrid与Flexbox:实例比较
11.rxjs
Rxjs我有一点了解，但是可以是大家都不熟悉那个，但是我在那里提出来是因为我觉得rxjs借贷是值得保护的。引用人民网的道学:RxJS是一个使用Observables进行echo编程的库，这样更容易编写同步或基于回调的代码。那个项目是Reactive-Extensions/RxJS(RxJS4)的重写，功能更好，模块化更好，调试和挪用仓库更好。同时兼容大部分部门的后台，只要做一些突破性的改动，砍掉中层API。
参考材料
Rxjs中文文档
Rxjs简单入口
理解RxJS的简单方法
12.其他圈子。
限于篇幅，我借用了几个我以为可以关心的简单方法。在下面
小型法国风格
一是尾部略嫌小法式，小法式一出门，很多前端就吐槽。和他的人群聊天的时候，很多人也提到:小法一出门，我就觉得是一件很有前途的事情。大概是:不可能破坏APP，小法只是APP的阉割版，合作厂商也没有开放小法。借用就是:谁比PWA更有意义，如果你不密切关注那个借用。道的话的要点就是这个意思。2017年，我也尽力开辟了小法式，以至于2017年，我根本教不了小法式。然而，这是17年来的第四次，在年底。可以嵌入5页html5，还可以开辟小游戏。让我看看小法，又热了。已经18年了。小法式怎么样了？我是否可以打打闹闹学开小法式？我们走着瞧。但不管是什么，都值得关注。
其次，小法给个宝，虽然我觉得有些新闻，其实是大厂的事情。值得关心。至于教不教，开放不开放就是另一回事了！
电子
号称是先锋表用的一大神器。我还测试了几个人民圈的真实例子，效果很流畅。不过我暂时没在课桌里用，就管着去学习了。2018年，我依然关心，这样我会学习，会开拓！
VR带WebVR。
看了所谓的相关真实例子，那些VR大战AR的结果其实并不能激起我的爱好。虽然那些真实的例子都是真的，但我也明白到期后该怎么开口。不过，至于那块，还是值得尽早借的。因此，它只是WebVR和WebAR的开始。
13.哪些手艺会没落/没落？
有角的
前端接入angular在前端框架中的利用率很高。Google在圈子里也出了5.x，但是会呈现在那里？只是小小的猜测。2017年，angular的情况曾经是竞争力较弱。2018年，angular的利用率预计会继续下降，但并没有下降，在前端框架中仍然有很大的位置。18年angular借用了react和vue一样的三年框架，但是用户没有react和vue多。
框架
2018年Jquery不是要下降，而是使用率会进一步降低。对jquery来说，借用就是时间的变化。就在战前，jquery风靡全国。与其他库战框架相比，jquery是个庞然大物，利用率遥遥领先于其他。威廉只是在。net平台。事情开始的时候，潜在的规律是:你不了解jquery，人家就认你是前端。可以看到jquery当时的地位。我也相信很多人对jquery的感觉。只是手艺没有感情！
以下版本的Es5语法
本段提到的Es6代表es6以上的语法，包括ES7和ES8。Es5代表es5以下的语法，包括es3。
在es6发展的最后两年，便捷和实用赢得了少数先行者的告别。2017年应该是es6语法使用率首次超过es5。2018年，es6语法的使用率会继续降低。但是es5等语法的使用率会继续下降。即使发展到今天，也需要用babel把es6语法编译成es5。
咕哝
gulp公布的时候，grunt的位置一度很受影响。现在有了包而不是主动造东西的部门，也就是说主动造东西的用途和以前不一样了，市场上有了更好的造东西——gulp。
海.js
Sea.js是中国人首创的，用起来的时候，是一个谦和欢乐的时代。最后，中国人的工具登上了舞台。Sea.js因其简单、体积大等缺点而极受欢迎。但是，随着es6的模块化，就连sea.js的制作者于波也在做微特殊化的发言:是时候给Sea.js和KISSY建个墓碑了。
14.摘要
好了，关于2018年前圈的猜测就写到这里吧。虽然我写了这么多，其实并不是说什么都要教什么都要学，而是建议大家要注意自己需要什么技能，想学什么爱好。文章所谈的正是我所关心的，有些也只是我所理解的，但说明有一些方法可以深化教学。我也觉得有一些最好的东西，框架，库等等。在前面的圈子里，只要他们最适合我。
一开始，如果每个人都有一些东西，一个框架，一个库或其他技能，告别是由批评区的辅导建议的。让大家互相学习，互相进步！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）