登录 注册

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

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

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

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

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

    6552 引用 • 29425 回帖 • 246 关注
1 操作
Rabbitzzc 在 2020-05-21 09:58:35 更新了该帖
北京 位置
20 悬赏
3 关注
1 操作
12 回帖
2
3.2k 117 762 283 717 34 3 166 1.1k

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wizardforcel • • 1 赞同

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

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

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

  • 其他回帖
  • someone9891 • • 1 • 1 赞同
    捐赠者

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

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

  • someone48938 • • 1
    捐赠者

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

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

  • lanesun •

    个人观点

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

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

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

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

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

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

近期热议

推荐标签 标签

  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    40 引用 • 24 回帖
  • WebComponents

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

    1 引用 • 25 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    261 引用 • 662 回帖
  • JRebel

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

    26 引用 • 78 回帖 • 623 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • CSS

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

    180 引用 • 447 回帖 • 1 关注
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 687 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 28 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 383 回帖 • 5 关注
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 2 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 40 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 626 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖 • 2 关注
  • Bug

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

    77 引用 • 1741 回帖
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 25 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 597 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 181 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 295 关注
  • 导航

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

    37 引用 • 168 回帖 • 1 关注
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    96 引用 • 330 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台，同时可以将自己看到的精彩内容分享到微信朋友圈。

    129 引用 • 793 回帖 • 1 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • 音乐

    你听到信仰的声音了么？

    59 引用 • 509 回帖

最新标签