登录 注册

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

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

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

一个是 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 引用 • 1347 回帖 • 1 关注
  • 思考
    29 引用 • 120 回帖
  • Q&A

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

    7273 引用 • 33160 回帖 • 203 关注
1 操作
Rabbitzzc 在 2020-05-21 09:58:35 更新了该帖
北京 位置
20 悬赏
3 关注
1 操作
12 回帖
2
3.3k 117 762 303 745 35 3 167 1.1k

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • someone48938 • • 1
    捐赠者

    前端真的很迷，完全看不清。

    之前放弃搞前端就是因为感觉前端需要做太多繁琐但是收益不大的事情，搞起来很难受wulian

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

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

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

    我想看龙姐怎么选 @Vanessa

    1 回复
  • 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 •
  • someone9891 • • 1 • 1 赞同
    捐赠者

    请问洗衣机的发展错了吗？

    以前洗衣服都去河边，要么搓衣板、要么棒子捶，现在多复杂，甚至有些智能的光操作都得学几天，还要用店，对家里的装修、水路、地漏都有一定的要求，请问洗衣机的发展是良性的吗？

  • zhangle1 •

    长久来说，我们都死了trollface 。谁管后人呢，先自己玩爽了再说。

  • someone27889 •
    捐赠者

    正常情况下 babel 应该没有 ,

    umd ,commonjs 类似这种应该没有

    缺乏统一思想，就像爬山虎一样

  • wizardforcel • • 1 赞同

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

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

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

  • wizardforcel • • 1 • 2 赞同

    如果你觉得前端应该像以前那样，那就去写 ppt 吧，你拿相似的工具应该能完成相似的任务，毕竟一个人拿着锤子看什么都是钉子。

    别人想进步也好，修复已有的缺陷也好，不应该阻拦别人探索。所以你为啥不愿意用 dom api 写一个页面？还不是因为这些 mvvm 框架方便嘛。

  • Rabbitzzc •
    捐赠者 作者

    下面的答案都挺好，都是思想的碰撞

  • 8823 • • 1 评论

    终究会走向统一，请珍惜百家争鸣的时代。

    持续保持统一，开发人员统一了，就会觉得枯燥了
    Rabbitzzc •
  • lanesun •

    个人观点

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

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

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

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

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

请输入回帖内容 ...
Rabbitzzc
I'll be there for you 北京
回帖
78
 帖子
65
 积分
9122

近期热议

推荐标签 标签

  • 反馈

    Communication channel for makers and users.

    123 引用 • 908 回帖 • 221 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3169 引用 • 8208 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 605 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 25 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 417 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 620 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    334 引用 • 622 回帖
  • OpenStack

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

    10 引用 • 5 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库，并提供多种语言的 API。从 2010 年 3 月 15 日起，Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始，Redis 的开发由 Pivotal 赞助。

    285 引用 • 248 回帖 • 105 关注
  • 书籍

    宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”

    76 引用 • 390 回帖 • 1 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 524 关注
  • 导航

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

    37 引用 • 168 回帖
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    324 引用 • 1395 回帖
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    82 引用 • 37 回帖
  • 博客

    记录并分享人生的经历。

    272 引用 • 2386 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 669 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    405 引用 • 3557 回帖
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    175 引用 • 407 回帖 • 497 关注
  • 链滴

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

    记录生活，连接点滴

    148 引用 • 3769 回帖
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 212 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖
  • jsoup

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

    6 引用 • 1 回帖 • 468 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • Android

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

    334 引用 • 323 回帖 • 12 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖
  • Solo

    Solo 是一款小而美的开源博客系统，专为程序员设计。Solo 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    1429 引用 • 10050 回帖 • 486 关注

最新标签