登录 注册

现代前端技术体系，你怎么看

本贴最后更新于 1646 天前，其中的信息可能已经时移世易

前端技术发展太快了，是良性发展么？

一个是 Tom MacWright 对现代前端的二次思考，吐槽框架给当代前端带来的一些问题

https://macwright.org/2020/05/10/spa-fatigue.html

一个是捍卫现代前端技术体系

https://dev.to/richharris/in-defense-of-the-modern-web-2nia

有的人认为当代前端技术体系，比如 Vue、React 等框架，带来的困惑就是工具或构建过程的复杂程度越来越高了，不像以前直接谢谢 HTML、CSS、JS，再加上一个 nginx，基本上完成了网页开发。（表达的意思就是目前开发者更要关注构建、配置等）

我个人理解目前的三大框架都是非常休息的，基本上隐藏了配置构建复杂性

但因为我不是构建专家，所以当我需要定制化配置的时候，就需要了解构建工具，包括 Babel 转化等等，我不是专家，所以当我需要了解的时候，我会话很多时间，并且很头疼~trollface

image.png

很好奇，大家对于当代前端技术体系有什么想法么？

当代前端技术发展走错了路么

单选 • 公开 • 永不结束 27 票
错误
7% • 2 票
没错
37% • 10 票
看不清
55% • 15 票

  • 前端

    前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖
  • 思考
    29 引用 • 120 回帖
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    8115 引用 • 37011 回帖 • 160 关注
1 操作
Rabbitzzc 在 2020-05-21 09:58:35 更新了该帖
北京 位置
20 悬赏
3 关注
1 操作
12 回帖
2
3.3k 117 762 317 754 35 3 172 1.1k

相关帖子

12 回帖
现代前端技术体系，你怎么看

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa • • 1 • 8 评论
    订阅者 付费者

    楼主想说的应该是当代前端框架吧，个人一直的观点就是自己需要长期维护的项目尽量不要使用。

    当代前端的发展从原生 JavaScript 规范，浏览器特性，electron，node.js 方面来说应该是非常不错了，相信以后会更好。

    当前三大框架的缺点，也是 Svelte 框架想要解决的问题，不过感觉前路漫漫
    Rabbitzzc •
    长期维护的项目不要使用前端框架，而是使用自己写的原生代码吗？
    someone1764 •
    @mymoshou 是啊，十年以后这些框架不流行了怎么办？
    Vanessa • • 1
    @Vanessa 你有没有考虑过 html 、js、css 十年后不流行了怎么办？
    someone9891 •
    @Vanessa 不流行了是不是得选择重构或者迁移呢？
    Rabbitzzc •
    @gitors 十年后发现这个世界都是虚幻的怎么办？
    Vanessa •
    @Rabbitzzc 十年的系统已经千疮百孔，修修补补吧
    Vanessa •
    @gitors 这个不现实，网站的根基 root，分支任你走，根基跑不了
    Rabbitzzc •
  • 其他回帖
  • lanesun •

    个人观点

    前端的发展速度是很快，但大概没有楼主想像的那么快，一个行业的发展速度，是由行业标准和准标准的事物决定的。那么对于前端来说，它的发展其实取决于前端各个技术的标准以及 jQuery、Vue 这一类的流行框架，如果以 2010 年左右作为前端兴起的开始时间来算的话，其实并没有网络上所说的那么快速，虽然相比而言还是很快的。

    对于楼主所问的“前端有没有走错路”，个人的回答是暂时还没有。因为目前来看，构建网页所使用的技术还是完全可以自己决定的，就算不使用大框架自己构建也是完全可以的，同时各个技术标准也维持在良好的状态。所以现在的前端拥有很多种类的技术并且没有限制程序员使用哪一种，并没有走错路，反而是一个比较好的状态。

    对于楼主所引用的二次思考那篇文章我也是认同的（另一篇感觉好偏激没有去看），那一篇文章从两个角度说明了当下几个大型框架的缺陷，同时对现代程序员的滥用行为作了批判。但是，如你所看到的，他并没有提及前端走错了方向。当下的前端依然是兼容并包的，出现问题不是前端，甚至本身有缺陷的大型库们也没有错，毕竟没有哪种库是开发出来应对所有情况的。那么最终的问题在于大多数程序员/行业的使用方式，公司及个人不加任何思考就使用大型框架作为开发基础才是应该纠正的地方，这一现象在国内尤其明显。

    就如玩游戏上瘾的人固然有责任，但开发游戏的公司如果刻意去引导成瘾的话也是不对的一样。有些框架也许促成了当下的一些行为，比如 Vue——Vue 跨越的领域太多了，导致用户产生了“用它的话什么都可以做”的错觉，可以做和适合做是不一样的，个人认为，特别是这些大型框架的贡献者们，在拓展它们的适用领域的时候应该好好考虑一下。

    最后对楼主所引用的文章做一下补充，文章中所提到大型框架的影响分为技术方面和习惯方面，技术方面不作补充了，虽说有很多，但并不是我的专长而且也列举不来。习惯方面的话，和楼主所说的一样，大型框架普遍屏蔽了实现方面的细节，让使用者方便地进行开发，结果就是——对于不成熟的开发者，阻断了其对于底层和程序架构的学习动力，这也是如之前所说的为什么前端的开发人员数量巨大但是发展速度却没有预想的那么快速的原因：大多数人并没有促成前端的发展，只是在利用已有的前端技术完成任务而以；另外，即使对于大多数成熟的开发者来说，过多地使用大型框架也会阻断其对于新架构的创造力，就如同大家习惯了对象型编程后就很难想到其他编程模式一样。

  • 88250 • • 1 赞同 • 2 评论
    订阅者

    考虑语言种类在内，前端框架不是太多而是太少了。

    语言毕竟离不开三剑客，这是网页基础，不过最近的 webAssembly，flutter 也算是领域的扩展吧
    Rabbitzzc •
    讨论的点倒不是框架数量，而是现代框架对网页的优点与缺点，比如框架导致了高度交互失去？不过我倒不认可这点
    Rabbitzzc •
  • wizardforcel • • 1 赞同

    w3c 对于页面的理解过时了，页面的本质是应用（类似 app），不是文档（类似 word）。至少 h5 之后就不是了。

    三大框架的任务就是填平这个 gap。说白了就是把 dom api 封装成一个 mvvm 框架那样。

    三大框架的问题一部分是时代性的，比如命名不统一，应用模型不统一，他们也想知道最好的模式是什么。还有一部分是底层 api 不给力，这个如果 w3c 那边不变，还会一直别扭。

  • 查看全部回帖
Rabbitzzc
I'll be there for you 北京
回帖
78
 帖子
65
 积分
9122

近期热议

推荐标签 标签

  • 链滴

    链滴是一个记录生活的地方。

    记录生活，连接点滴

    153 引用 • 3783 回帖 • 1 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 483 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 550 回帖
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    105 引用 • 127 回帖 • 382 关注
  • 微服务

    微服务架构是一种架构模式，它提倡将单一应用划分成一组小的服务。服务之间互相协调，互相配合，为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建，能够被独立的部署。

    96 引用 • 155 回帖 • 1 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 664 关注
  • 工具

    子曰：“工欲善其事，必先利其器。”

    286 引用 • 729 回帖
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    75 引用 • 1737 回帖 • 3 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 130 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 4 关注
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 4 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 787 关注
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 73 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 477 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • 导航

    各种网址链接、内容导航。

    40 引用 • 173 回帖
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 1 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    543 引用 • 672 回帖
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖

最新标签