美文网首页互联网科技WEB前端技术分享码农的世界
产出需求文档时,到底要不要描述前端交互的细节?

产出需求文档时,到底要不要描述前端交互的细节?

作者: a8072c3f9993 | 来源:发表于2019-07-26 16:21 被阅读10次
863.jpg

今天是2019的一个普通的工作日,但是意义非凡,因为我要分享一些总结内容了。

展望未来的同时,必然是在总结过去的基础上进行,所以我们现在快速回顾一下:2018年的web前端开发的重要新闻、重要事件和JavaScript的各种流行框架、模式发展趋势。快速回顾,也就可能有难免的错误之处,毕竟只是突出重点,如果不当之处,敬请指正和留言讨论。

十年霸主 jquery 依然稳定吗而且还有略高的上扬趋势,这可能亚太地区提供了不少帮助,毕竟很多老项目还是很依赖jquery。

React继续其统治地位无人能及。


864.jpg

React多年来一直主导web开发,2018年它根本没有放慢速度。根据StackOverflow调查它仍然是最受欢迎的库之一。

核心React团队非常积极地更新库并添加功能。在整个2018年,我们看到了React v16版本的许多新增内容,包括新的【生命周期方法】,【新的上下文API】,【指针事件】,【惰性函数】和【React.memo】。

React Hooks 得到了一些响亮的反馈,很多开发人员喜欢这个更新。挂钩是一种使用该useState功能向功能组件添加状态的方法,它还将管理生命周期事件。

不会React的同学不要着急,下面有Vue何Angular的,统统都有。

Vue:2018年前端世界明星


865.jpg

Vue在GitHub Stars中比 React 的星星增长还多,在2017年Vue迅速爆发之后,Vue在2018年继续增长。实际上,它甚至超过了React在GitHub上收到的星星数量。

不过,虽然Vue很受欢迎,但在实际使用中它仍然以React和Angular为后盾和体系支持。

Vue拥有一大批热情的用户群,而且还在不断增长,而且vue看起来将成为未来几年前端频繁使用的一个,其实更多的国人贡献超乎寻常的猛。

另外,Vue3.0 已经在发布了,更多的性能优化和提升,不要担心语法层面改变,更多关于Vue3.0的文章和新闻,我后续会第一时间持续跟进。

Angular继续亦步亦趋,发布v7版本


866.jpg

10月,Angular在其流行的UI框架的第7版中又发布了另一个主要版本。从早期的AngularJS MVC架构到使用组件的更现代的Angular包,Angular已经有了大量的增长。

但据我调查和感受,由于angular的庞大性和系统性,国人用它的越来越少,老外到是依然情有独钟。

因为虽然Angular与React和Vue等框架没有相同的狂热粉丝,但它仍然是专业项目的热门选择。

许多开发人员在使用React时都会感到疲劳,因为它需要工程师在管理构建管道的同时做出许多依赖关系和架构决策。而Vue虽然入门简单,但太过灵活和不成体系,对一些进阶比较困难。

另一方面,Angular是一个高度自以为是的完整框架,CLI管理所有构建步骤。专业环境的另一个好处是Angular需要TypeScript。Angular已经在Web开发世界中树立了独立的价值,并继续被采用,业界很多标准都是Angular第一个发明和采用的。

新技术和新概念

1、GraphQL 、PWA 、WebAssembly

GraphQL已被GitHub等技术领导者采用。然而,它并没有像一些预测的那样快速地起飞。

据JS状态调查显示,只有1/5的前端开发人员使用过GraphQL,但是有惊人的62.5%的开发人员已经听说过它并希望使用它。

PWA和 WebAssembly这两个东西,如果你们现在还不懂或者没接触没关系,我会出一系列教程,我们一起学,持续关注北妈就好。

因为这个以后,会越来越流行,只不过现在还不重要。

2、各种CLI工具封装

众所周知,要跟上最新的库,正确配置应用程序并做出正确的架构决策,这可能会让人感到筋疲力尽。

这种痛苦催生了管理工具的CLI包的创建,允许开发人员专注于应用程序和业务逻辑。

大家熟知和不熟知的 流行的框架包括 Next.js(SSR for React),Create-React-App(客户端React),Nuxt.js(SSR for Vue),Vue CLI(客户端) -side Vue),React Native的Expo CLI,默认情况下使用Angular

3、静态站点话题 重新兴起

随着JavaScript革命的发生,每个人都喜欢学习最新最好的语言框架,但现在事情已经解决,我们已经意识到并非每个网站都需要是一个复杂的单页面应用程序(SPA)。

这导致了静态站点生成器的增长。

这些工具允许你在你喜欢的库中编写代码,例如React或Vue,但在构建期间生成静态HTML文件,允许我们立即向用户提供完全构建的页面。

静态站点非常适合构建个人网站或博客,但它们可以轻松扩展到更大的应用程序。我们已经看到了用于构建静态网站的流行框架的兴起,例如Gatsby和React Static for React应用程序,以及VuePress for Vue应用程序。

事实上,静态网站已经变得如此受欢迎,以至于盖茨比实际上已经组建了一家公司,并在去年的开源框架中获得了风险投资资金。

4、TypeScript可能是JavaScript的未来

JavaScript因没有静态类型变量而受到批评。试图纠正这个问题的两个主要库是TypeScript和Flow,但TypeScript看起来是最受欢迎的。

事实上,在Stack Overflow调查中,TypeScript的评分高于JavaScript本身,为67%,而最受喜爱的语言为61.9%。

根据JS的状态调查,超过80%的开发人员希望使用TS或已经使用它并享受它。对于Flow,只有34%的开发人员正在使用它或想要使用它。

根据所有迹象,TypeScript是JS中静态类型的首选解决方案,许多人选择使用普通的JavaScript。在2018年,TS的npm下载数量大幅增长,而Flow保持不变。

不管承不承认,TS已经成为流行了,唉,又学不到了吧?

5、Webpack 又发布新版本

Webpack 3发布仅8个月后,版本4发布了。Webpack 4继续推动简化和更快的构建,声称高达98%的改进。它选择合理的默认值,在没有插件的情况下处理更多功能,并且不再需要使用配置文件。Webpack现在还支持WebAssembly并允许您import直接使用WebAssembly文件。

6、编辑器话题 VScode成为新霸主

不过我依然是 sublime text 先行。毕竟瑞士军刀不能丢

展望2019年

2019的大方向展望,从这几点学准没错。

随着基础的到位和不断推动改进的Web体验,WebAssembly将开始看到更多的应用。

React保持领先,但Vue和Angular继续在用户中增长。

CSS-in-JS可能会成为默认的样式方法而不是纯CSS。

可能是开发人员再看看本机Web组件吗?

毫不奇怪,性能仍然是一个焦点,诸如PWA和代码分割之类的东西成为每个应用程序的标准。

在PWA采用的基础上,网络变得更加原生,具有离线功能和无缝的桌面/移动体验。

我们继续看到CLI工具和框架的增长继续抽象到构建应用程序的繁琐方面,允许开发人员专注于生成功能。

越来越多的公司采用具有统一代码库的移动解决方案,如React Native或Flutter。

集装箱、CLI化(即Docker,Kubernetes)的影响在前端过程中变得更加普遍。

GraphQL在采用方面实现了飞跃,并在更多公司中得到应用。

TypeScript开始成为标准JavaScript的默认选择。

虚拟现实使用A-Frame,React VR和Google VR等框架向前迈进。


867.jpg

写这篇文章也是颇费了一些时间,不仅仅需要去查数据还是需要翻译一些资料外加自己的总结。总体来说:Vue继续流行、React依然是前端霸主,但万变不离其宗。

所以2019,我们一起努力进化!

多年编程经验,今年1月整理了一批2019年最新WEB前端教学视频,不论是零基础想要学习前端还是学完在工作想要提升自己,这些资料都会给你带来帮助,从HTML到各种框架,帮助所有想要学好前端的同学,学习规划、学习路线、学习资料、问题解答。只要加入WEB前端学习交流qun:296,212,562,即可免费获取,学习不怕从零开始,就怕从不开始。

相关文章

  • 产出需求文档时,到底要不要描述前端交互的细节?

    今天是2019的一个普通的工作日,但是意义非凡,因为我要分享一些总结内容了。 展望未来的同时,必然是在总结过去的基...

  • 产出需求文档时,到底要不要描述前端交互的细节?

    取决于你的产品偏向什么。 TO B类产品,也就是系统软件,一般给特定公司用的,这种都是注重业务逻辑,前台交互一般般...

  • 交互设计自查表

    前言 我们在接到一个需求时,通常会经历需求分析、信息架构与流程设计再到产出交互设计文档。如果说需求分析是从战略层到...

  • 陈沫沫-初识HTML之基础篇

    前端认知 ** 一、公司开发流程**1、 产品需求(产品经理给需求文档)2、项目设计(视觉设计师给PSD文件,交互...

  • android项目开发流程总结

    1.拿到产品需求文档,进行需求评审。2.理清产品的业务细节,交互细节,把设计中对自己来说比较难实现的功能提前了解学...

  • android项目开发流程总结

    1.拿到产品需求文档,进行需求评审。2.理清产品的业务细节,交互细节,把设计中对自己来说比较难实现的功能提前了解学...

  • 需求文档的描述

    文档原则:文档足够清楚和准确 只需包括设计或者开发过程中可能混淆的功能定义,只需记录在创建这个产品时已经确定下来的...

  • UED团队指的是些什么?

    产品经理:发现用户,满足用户,满足自己,原型图和需求文档 前端开发工程师:界面、交互、前端的实现技术。 用户界面设...

  • 交互需求文档

  • 开发流程

    需求评审,产出需求文档 设计评审,产出设计文档 代码开发(尽量使用最佳实践,注意要写基本的单元测试) 基本功能开发...

网友评论

    本文标题:产出需求文档时,到底要不要描述前端交互的细节?

    本文链接:https://www.haomeiwen.com/subject/fmldrctx.html