所有的这一切都在暗示,浏览器即操作系统,你能想象到未来前端的样子么? ? 通过 Web 技术来构建 pc client,确实是省时省力,用户体验也非常好,比如钉钉客户端、石墨文档客户端等,最主要的是可以统一技术栈,比如某些算法,用 JS 写一次,之后可以到前端、node、pc Google 接下来会大力推进 PWA 的桌面版,再加上 win10 和 Chrome 加持,Web 应用无需加壳就能达到近乎原生的体验,前端的领域再一次被拓宽,未来真的可以大胆的想想。 未来一定是多端拉齐,并重用户体验的。 今天的大前端,除了 Web 外,还包括各种端,比如移动端、OTT,甚至是一些新的物联网设备。 站在开发者的立场,坑是不少,需要钻研,可以尝试使用… 总结 纵观,前端技术日新月异,对于开发者而言,唯一不变的就是学习能力。
作者 | Browser London 译者 | 吴留坡 策划 | 田晓旭 2018 年、2019 年、2020 年我们都做了前端发展预测,链接见文末,本文是 2021 年前端发展预测。 快要达成一致了 (译者注,原文 monolith,巨石,单一庞大的组织,这里是前端采用的技术栈可以达成一致)业界对分布式服务和精心划分责任的热爱仍在继续,已经超越了后端(比如微服务 https://www.browserlondon.com Unix 哲学的体系结构方法继续受到限制,至少在技术报告和媒体文章领域是如此。 总结 有趣的是,前端最大的发展方向不太可能是通常的关注点。前端开发人员的角色正日益向“全栈”转变。 逆锋起笔是一个专注于程序员圈子的技术平台,你可以收获最新技术动态、最新内测资格、BAT等大厂大佬的经验、增长自身、学习资料、职业路线、赚钱思维,微信搜索逆锋起笔关注!
经常看到有人问, web前端的前景如何啊? 有没有发展呀? 你看,我是个还算可以的前端工程师,主要做前端的数据展现和交互操作的。 这些后端语言之间当然有区别, 但我是前端啊, 对我来讲,它们只是处理逻辑、输出数据给我的。 甚至它们是如何处理逻辑我也不关心, 只需要在我需要数据时, 它们给我正常的数据即可。 请你考虑它的体积 这种情况下, 最适合的前端体现,唯有web。 各种客户端的web产品内嵌浏览器, 虽然版本花样繁多, 但对应的前端架构始终道高一尺, 这也从侧面说明前端的繁荣。 现在的趋势看来, 就是后端高度抽像,重前端化。 以后的客户端,必然是能web化的尽量web化, 不能web化的,就是“混合”化。 SO,不必怀疑, web前端的前景是光明的。 以上,就是我眼中的WEB前端的未来。 这几天在看JS的数据结构与算法 javascript ES6 初次相见
前端技术是否能成为移动端的主流? 前端技术是否能成为桌面端的主流? 前端技术未来独特的优势是什么? 声明 所有观点仅为个人观点,我希望观点能引发你的思考,而不是引发对立的情绪或无意义的争吵。 ,有兴趣的可以阅读下: 企业移动化信息建设的一些思考(二)移动开发技术发展 但总体说来,前端技术在移动端的趋势是: 以前端技术为核心的开发方式在移动端越来越成为主流方式 前端技术参与到移动端的方式主要有以下几种 原生App总体呈现数量下降的趋势,并且可能未来会更明显。 ? 前端技术在桌面端 以NW.js和Electron为代表的前端技术的出现,意味着前端技术现在也出现在的桌面端中了。 它会成为桌面开发的主流吗? 飞书 前端独特的优势 好吧,接下来说我对前端未来最有可能发展的一个趋势,就是前端技术具备其它技术所不具备的几个特性,这决定它在某些方面将具有独特的优势,是其它技术不可比拟的。
我们发现,微前端使团队能够独立工作,为中大型应用程序做出贡献,迭代演进我们的应用程序,减少潜在问题的影响范围。 然而,分析不能停留在我们到目前为止所取得的成就上。我们要向前看,向未来迈进。 不过我认为,最终,鉴于其原则和特点,这种架构可能属于微前端范畴。 岛屿架构所引入了有趣的技术,有可能利用局部水合来提高服务器端渲染应用程序的性能。 部分水合并不是一项新技术,从 2019 年开始就有了(如果我没记错的话),但我没有看到任何微前端应用涉及这项技术。 考虑到微前端的性质和部分水合的机制,我认为这种技术应该获得更多的青睐,从而进一步优化我们的 SSR 微前端应用。 我相信,未来我们会更多地采用边缘技术,但同时,我认为我们必须更好地理解边缘技术在哪些方面可以对我们的工作负载产生真正的影响,而不仅仅是因为使用边缘节点看起来“很酷”(炒作驱动开发)。
让我们先看看一些技术亮点~~。 1前端的未来 在那篇《最流行的编程语言JavaScript能做什么?》的文章里,我们看到了JavaScript在各个领域的应用。 因而在可见的未来使用 Web 技术来开发 VR 也有一点苗头,未来浏览器上应该是可以运行编译过后的代码,而不是在运行时。 WebRTC,它可以让我们在浏览器端实现实时视频聊天。 我在那篇《RePractise前端篇: 前端演进史》对前端的演进做了相当多的介绍,并《后台即服务演进史》里对后台即服务开了个头,在这篇文章里让我们根据《技术雷达》来继续补几刀。 ? 不过,这意味着前端和后台在技术选型上更加独立了。 臃肿的前端—>微前端 ? 在上一个项目里,我们一步步地将一个有近10年系统的系统替换掉。 那么未来的半年里,你看想玩哪种技术?
当他们开始学习前端一段时间之后,许多人不可避免的开始迷失在前端技术栈之中。 未来的GUI交互方向,就是所有有图形界面的地方,都是前端的工作场景。只要它们能够运行js,那么前端开发就可以伸手进去。 这就是在跨端,跨屏,横向上来看的“大前端”。 /3/ 大前端的技术栈? 在十年前,也就是第一代iphone手机发布的那一天,Native和html5就开始了一场持续了十余年的争论,内容就是谁更有发展,谁才是未来,谁会取代谁。 也许是争吵的时间太久了,相爱相杀,它们最终合二为一,就是大前端。 在大前端的视野中,不分什么pc端,移动端,native和webapp,未来只能一种开发,就是能在显示屏上显示出来的GUI界面。 只要这个屏幕能用,它就一定是前端的舞台。再加上未来的云计算,前端会从架构,从量级上,越来越大,前端会真正的成为一个巨系统。
未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来,并进入技术迭代优化阶段,例如语言标准、前端框架等。但这并不代表前端领域技术就此稳定了,因为新的技术方向已经出现,并在等待着下一个风口的到来。 不管未来如何,就前端应用开发方向来讲,MVVM、Virtual DOM和同构的技术解决方案依然会延续发展一段时间。而且这段时间内前端框架技术的变化将不会像原来一样具有颠覆性。 当然除了这些,关于未来,还有一些我们前端工程师需要了解的,那我们就一起来看下未来前端具体可能会发展成怎样的呢。 这意味着前端这套技术栈能做的事情可能更多,涉及的平台更广,但作为整套技术开发生态的一部分,每一项技术的出现都必不可少的要去考虑开发效率、维护成本、性能、扩展性这几个方面的问题,所以寻找并发展更优的开发生态体系仍是前端未来的大方向 1.6 前端新领域的出现 除了目前浏览器、服务器、移动端上的应用开发技术变革和探索外,未来前端也会出现新的应用场景。例如VR、物联网Web化、Web人工智能等。
图形学和前端结合 我对“前端”未来的理解:在淘宝工作的后期,我有很大一部分精力放在了图形学上面,我深刻地感觉到,在未来,图形学会和前端结合的更紧密。 我们的前端就是做 UI 的这样的一个职能,在未来,我觉得随着前端的工作层级逐渐地下沉,前端能够做到越来越多的事情。 计算机图形学也会逐渐成为前端的一个基本的技能。 现在的设计稿很多效果都来自 PhotoShop,它的所有图片效果都是计算机图形学的应用,我认为在未来,随着图形学技术逐渐地发展,前端可以用代码来实现这样的效果,这样我们就可以不用设计师产出的图片了,设计师只需要告诉我们用什么样的效果 所以说,我觉得未来下沉,技术下沉会给我们前端带来更多的职责,也同时是一种责任。 AI 和前端结合 另一个我比较关注的技术是 AI 领域和前端的结合。 所以我认为未来,我们前端的工作是不应该包含切图这项工作的。
2016年结束了,前端技术的发展也将进入到一个新的阶段,那么未来又会给我们带来什么呢?这里就个人发表下意见,欢迎点评。 未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来,并进入技术迭代优化阶段,例如语言标准、前端框架等。但这并不代表前端领域技术就此稳定了,因为新的技术方向已经出现,并在等待着下一个风口的到来。 不管未来如何,就前端应用开发方向来讲,MVVM、Virtual DOM和同构的技术解决方案依然会延续发展一段时间。而且这段时间内前端框架技术的变化将不会像原来一样具有颠覆性。 当然除了这些,关于未来,还有一些我们前端工程师需要了解的,那我们就一起来看下未来前端具体可能会发展成怎样的呢。 这意味着前端这套技术栈能做的事情可能更多,涉及的平台更广,但作为整套技术开发生态的一部分,每一项技术的出现都必不可少的要去考虑开发效率、维护成本、性能、扩展性这几个方面的问题,所以寻找并发展更优的开发生态体系仍是前端未来的大方向
写在前面 前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。 这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。 完整示例[5] Grid和flex都是面向未来的最佳布局方案。我们不应该探讨谁优谁劣,而是应该取长补短结合使用。 不过,随着技术的革新,在Web的应用当中SVG的使用越来越多,特别是SVG 图标相关的方面的运用。 Sprites的技术,只不过在此称为SVG Sprites <!
写在前面 前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。 这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。 完整示例 Grid和flex都是面向未来的最佳布局方案。我们不应该探讨谁优谁劣,而是应该取长补短结合使用。 不过,随着技术的革新,在Web的应用当中SVG的使用越来越多,特别是SVG 图标相关的方面的运用。 Sprites的技术,只不过在此称为SVG Sprites <!
让我们先来看看有哪些技术亮点。 1 前端在可见的未来 在那篇《最流行的编程语言JavaScript能做什么?》的文章里,我们看到了JavaScript在各个领域的应用。 因而在可见的未来使用Web技术来开发VR也有一点苗头,未来浏览器上应该是可以运行编译过后的代码,而不是在运行时。 WebRTC:它可以让我们在浏览器端实现实时视频聊天。 我在那篇《前端演进史》对前端的演进做了相当多的介绍,并在《后台即服务演进史》里对"后台即服务"开了个头,在这篇文章里让我们根据技术雷达来继续补几刀。 不过,这意味着前端和后台在技术选型上更加独立了。 臃肿的前端——微前端 在上一个项目里,我们一步步地将一个有近10年历史的系统替换掉。 关于这期技术雷达我就不多说了,读者可以自己去看。点击[阅读原文]就可以获取最新一期ThoughtWorks技术雷达。 那么未来,你想玩哪种技术。 ----
写在前面 前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。 这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。 完整示例[5] Grid和flex都是面向未来的最佳布局方案。我们不应该探讨谁优谁劣,而是应该取长补短结合使用。 不过,随着技术的革新,在Web的应用当中SVG的使用越来越多,特别是SVG 图标相关的方面的运用。 Sprites的技术,只不过在此称为SVG Sprites <!
真正了解前端技术的工程师都会感觉前端技术发展变化太快。浏览器特性、前端框架、前端工具、多终端浏览器等都在快速迭代中。 作为前端工程师不仅要掌握现有的技术去实现业务需求,更要不断的学习新的技术、新的理念,时刻准备着新技术浪潮的来临。 《现代前端技术解析》提及了作为一个前端工程师需要了解的大部分技能。 ;并对未来前端趋势做了相关分析和展望。 现代Web前端技术发展概述 随着越来越多的业务搬到前端实现、前端的代码量越来越多。 Web前端技术一直以效率和质量为最终导向的道路上探索前进!
前端跨站技术 随着前端技术栈在服务端和移动端上的尝试和日益成熟,前端工程师的追求绝不只是页面上的技术,如何实现跨服务端,如何扩展到移动端开发将变成主要讨论议题。 JavaScript跨后端实现技术 前端通过与Node(基于事件驱动和无阻塞)结合的开发模式越来越被开发者认同并在越来越多的项目中得到实现。 ? 未来前端时代 当MVVM、Virtual DOM或同构等技术实践都有很成熟高效的框架和方案可以实现时,对于移动端应用,前端可能会进入MNV*的原生NativeView开发,达到使用前端技术栈可以独立开发 Native的能力;与此同时,我们需要关注物联网Web(3D展示)、Web VR(VR展示),人工智能必定成为前端一下批革命技术,把握技术发展趋势,紧跟邻域前进的步伐。 作为一个技术者,不要脱离实际项目去谈论技术!技术研究应该是在完成并希望将产品打造更好的目的上进行,切记过分追求技术!我们需要更多的产品思维,即把自己当成普通用户来对产品进行思考。
Design mobile:蚂蚁金服) Vue搭配的组件: PC(element UI,), 移动端(vant有赞,Ant Design蚂蚁金服,uniApp) Ant Design 是阿里巴巴-蚂蚁金服体验技术部所设计的一个 UI 库,一般用于基于 React 的项目 Vant-UI 是有赞前端团队开发的一个基于 vue 的移动端组件库。 移动端组件)叫: h5开发 uniapp, flutter, react-native 叫: 移动端框架开发; 移动端跨端框架: uni-app: 是一个使用 Vue.js 开发跨平台应用的前端框架 对应前端开发者来说学习成本较高(需要学习新的dart语言),性能比React-Native高,相比原生低,流畅。 React-Native facebook的,使用语言: js。
展望未来,我想前端的工作会继续分化,也会继续融合,分工是工业革命以来社会高效协作的主要推动力,以后很长一段时间应该也会维持这种形态,融合的原始推动力也是提高效率。 人工智能与端技术 ▶ 人工智能、前端技术的融合 端是最终触达用户的节点 端数据采集->后端机器学习、数据分析->智能推荐呈现 ▶ 物联网、前端技术的融合 智能家居/汽车/工业设备可能是有屏幕的,同时可以基于如 历史回顾 回顾过前端的演化,主要参见最底下的相关资源,下图简要回顾一下95年以来软件开发和前端历史: 未来的前端 那些生存空间越来越小的产业 有一些切分体会 小规模移动App:移动App市场被一些巨头把持 ,思考TA在前端领域可能产生的应用场景 视觉稿自动生成代码 根据用户使用习惯自动排出最符合该用户习惯的界面 收集用户数据在前端实时做学习和分析,如deeplearn.js ... ▶ 相信前端的未来,Web ,未来肯定是难以预测的,也没有做预测的必要,我们要做的还是踏实做好眼前的事情,“过往不恋、当下不杂、未来不迎”,与君共勉
笔者根据自身经验,结合下面几篇文章发表一些总结与感悟: A Look at JavaScript’s Future 前端开发 20 年变迁史 前端开发编程语言的过去、现在和未来 绕过技术纷争,哪些技术决定前端开发者的未来 未来前端的机会在哪里? 读完这几篇文章可以发现,即便是最资深的前端从业者,每个人看前端未来也有不同的侧重点。 看待前端未来的角度随着视野不同也会有变化,比如 Serverless 是未来,务实的思考是:前端在 Serverless 研发链路中仅处于使用方,并不会因为用了 Serverless 而提升了技术含量。 云化使得作为开发者拥有更多竞争的机会,因为云上 IDE 市场现在还是蓝海,现在很多创业公司和大公司内部都在走这个方向,这标志着中国计算机技术往更底层的技术发展,未来会有更多的话语权。 最后,前端是最贴近业务的技术之一,业务的未来决定了前端的未来,创造的业务价值决定了前端的价值,从现在开始锻炼自己的商业化思考能力与产品意识,看得懂业务,才能看到未来。
曾经「秒级构建」的前端,终究跻身「分钟级构建」的圈子了。 前端工程构建时间的拉长,自然使得前端开发者在日常业务工作中的状态,从图左逐渐运动到了图右。 ? 模块标准引领方向 如果我们纵观前端领域的发展,就可以看到标准是如何推动各大浏览器建设,整个前端生态又是如何发生的变化。 ? 2002 年,AJAX 推出,此后前端承担的工作越来越多。 以上,我们可以知道: 打包过程的必要性已降低 拥抱 ESM 是未来趋势 社区在领域内的工作 前端构建并不只是构建工具的问题。 Webpack 终究是一代神器,只是我们明白 Bundleless 也确实代表了未来。 ⚡️Vite Vite 是尤大的力作,本篇便不再对其进行讨论。 本文以 Bundleless 为切入点,结合前端构建的发展过程,对当下无构建方案进行了讨论。未来我们会更多的在此方面进行实践。