作者：京东批发 郑炳懿
开篇：
“在咱们有生之年，你感觉会看到AI兵临城下的那一天吗？就像电影黑客帝国外面演的一样”，Barry从红色的烟盒里取出一根烟发问道。
“不可能！我感觉AI再强，那也是人类创造的，电影过分魔幻化了，”Woody深吸了一口烟，吐着烟圈道。
“有生之年是够呛了，咱们这一代预计是看不到那一天的！”一旁玩手机的Jim如是道。
—————
在这段对话不久之后，也就是2022年11月份，OpenAI公布了 ChatGPT-3.5 语言模型，上线短短5天，用户量达到100万，两个月之后已领有上亿用户。这无异于一枚重磅核武器投放到赤手空拳的平民区内，整个互联网上铺天盖地的热议，热搜一直，在各类短视频、博客、公众号等平台上，引发各种就业潮、捞金潮、恐怖潮等七嘴八舌，炒概念，炒芯片的公司更是层出不穷，自疫情之后朝气蓬勃的股市，在 ChatGPT 的加持下，每天变得热闹非凡。
如果你还在梦游或者做着什么白日梦的话，是时候该醒一醒了，AI时代降临了。
一、AI来临
1.1 GPT 孕育
2018年6月，OpenAI公布了第一个GPT模型，GPT-1，它蕴含1.5亿个参数，是一个重要的里程碑。
2019年2月，OpenAI公布了GPT-2，它具备10亿个参数，是GPT-1的6倍。因为放心GPT-2可能被滥用，OpenAI只公开了一些模型的样例和大量参数。
2020年6月，OpenAI公布了GPT-3，它具备1.75万亿个参数，是GPT-2的100倍以上。GPT-3被宽泛认为是目前最先进的自然语言解决模型之一，并已被用于各种应用领域，如机器翻译、问答零碎、聊天机器人等。
GPT 系列语言模型的倒退历程就像母胎孕育一样，在成长的过程中一直摸索、翻新和冲破，速度之快，为后续 GPT的诞生发明了先决条件。
1.2 GPT-3.5 诞生
GPT-3.5 诞生于2022年11月份，出世时天降异象，注定不凡，上面是它的几大神通：
- 生成模型能力强：ChatGPT 是一种生成模型，能够主动地生成与输出的文本相干的自然语言响应，这种生成能力十分弱小。在许多 NLP 工作中，ChatGPT 在生成自然语言文本方面表现出色，例如对话生成、摘要生成、翻译等。
- 可能了解语义和上下文：ChatGPT 能够对自然语言的语义和上下文进行建模，从而生成更加精确、连贯的自然语言响应。它应用了一种基于 Transformer 架构的深度神经网络模型，可能主动地学习输出文本之间的关联性，从而可能更好地了解语义和上下文。
- 模型规模大：ChatGPT 是目前最大的自然语言生成模型之一，它在开发过程中应用了大量的语料库进行预训练，领有数十亿个参数。这使得它具备十分弱小的学习能力和泛化能力，能够生成高质量的自然语言响应。
- 可迁移性强：ChatGPT 在预训练阶段应用了大量的公开语料库，这使得它能够很容易地被迁徙到其余自然语言解决工作中进行微调和利用。例如，能够将 ChatGPT 利用于情感剖析、问答零碎、语言模型等多种 NLP 工作中。
ChatGPT 的原理是基于 Transformer 模型的深度学习算法，它采纳了自注意力机制来实现对自然语言上下文的了解和生成。在预训练阶段，ChatGPT 应用了大量的无监督学习技术，对海量的自然语言语料进行预训练，从而使得它在生成自然语言文本方面具备十分弱小的能力。在利用阶段，ChatGPT 通过微调等技术，能够实现对各种自然语言解决工作的高效利用。
1.3 GPT-4.0 来临
一开始，可能所有人都低估了 ChatGPT 的深度学习能力，包含发明它的人在内。
GPT-4.0 诞生于2023年3月份，号称是最弱小的模型，最先进的零碎，可产生更平安、更有用的响应。
- 创造力，GPT-4 比以往任何时候都更具创造性和协作性。它能够生成、编辑并与用户一起实现创意和技术写作工作，例如创作歌曲、编写剧本或学习用户的写作格调。
- 视觉输出，GPT-4 能够承受图像作为输出并生成阐明、分类和剖析，例如上传一蒙娜丽莎的画作，它可能有不同于人类的见解。
- 更长的上下文，GPT-4 可能解决超过 25,000 个单词的文本，容许应用长格局内容创立、扩大对话以及文档搜寻和剖析等用例。
- 高级的推理能力，GPT-4 能够更精确地解决难题，这要归功于其更宽泛的常识和解决问题的能力。
不论是 GPT-3.5 还是 GPT-4.0，不难看出 GPT 最逆天的是算法能力和学习能力，算法来源于平凡的数学家，而学习说白了是一种办法，就好比，我把握了所有的英语词汇，通过相互组合的办法就能连成语句，再通过了解就可能成一篇文章。想明确这个情理之后，再来看 ChatGPT，咱们认为是和一台没有血肉的机器反抗，而后背地的底层逻辑其实是和宏大的数据库，平凡的数学家，来自世界各地的亿万条数据组合学习的办法的反抗，每一个发送到 GPT 的问题都会成为它学习的养料。
就像狙击手，抛开天才不说，只有有足够的子弹和训练战场喂养，造就出一个神枪手，只是工夫问题。
我感觉比 GPT-3.5 这个核武更恐怖的是 GPT-4.0 领有了解读维度的能力，如果文字是一维实体的话，那么它当初具备了解决二维图片和了解图片内容的能力，再倒退上来，会是怎么的后果，没有人晓得。
二、面壁打算
浏览本文有门槛，以下是须要把握的全副信息，全文的宗旨是组合前端现有的技术，独特反抗 GPT 的故事。
2.1 W3C委员会
看到这个音讯，W3C 委员会主席坐不住了，细思极恐，不禁后背发凉。连夜叫来了H哥、C妹、J弟，同时还请来了重量级的V叔、R叔、A叔，以及 W3C 学院众长老，紧急召开应答 GPT-4.0 的策略会议。
“想必大家都收到了此次会议的主题，有什么想法，都说说吧！”W长老主持会议道。
“我就是个骨头架子，要不是有C妹，当初还是裸的，基本没有一战之力。”H哥无奈道，尽管在学院内被尊称为一哥，此刻说的到也是瞎话。
“H哥，你这么说让小妹情何以堪，我一个女孩子家家的，除了替你化化妆，摆弄摆弄衣服外，更没一战之力。”C妹娇羞道，说完把眼光投向J弟。
“堂堂男儿，何惧之有，我愿出战！”J弟猛的站起身来，脑袋差点撞到房顶上，粗壮的手臂拍打着胸前厚重的肌肉道。
“不可鲁莽，你们三个是学院的自豪和将来，切不可粗心，”委员会长老安抚道。
“三位也说说各自的认识吧！”W长老看向框架席道。
“说实话，咱们三个都依赖于你们学院，从咱们这里做出扭转意义不大，重要的还是扭转根骨，”R叔郑重其事道。
“不愧你可能称霸一方，所见与老夫略同，”W长老面露怒色道。
与学院众长老低声交谈后，W长老站起身道：“鉴于接下来议题的隐秘性，无关人员全副登场。”
一阵嘈杂过后，议会上只留下来学院三子、框架三叔和W长老。
2.2 制订打算
“上面，我说的每句话都很重要，请大家仔细听，”W长老起身在大堂踱步，娓娓道来。
AI时代的降临，其实在很多年前就早有意料，始料未及的是它竟来的如此之快。为了应答AI时代，现有前端技术被淘汰和替换的命运，前些年，学院做过晚期的战略部署和打算，只不过当初这个打算不得不提前进行了，这个打算就是“三子合体”打算，为了应答AI疾速学习的能力，“三子合体”打算更改为“面壁打算”。
“面壁者”是指在佛教中修行的一种形式，也称为“壁观”。这种修行形式是指将身材坐在禅房的一角或面对一堵面壁，而后专一于自我检查和冥想，以达到心灵污染和超脱的目标。
于面壁打算而言，就是秘不发版，闭门造车，与外界齐全隔离，专一于实现合体，当然了，这肯定是一个异样艰巨和苦楚的过程。
“如果我没了解错的话，长老的意思是让H哥、C妹和J弟组合成一种前端模型？”R叔冲动的脱口而出道。
“没错，老夫喜爱和聪明人打交道，”W长老呵呵笑道。
当初的前端技术，HTML、CSS和JS为了其灵活性，都有各自独立的API，如果组合成模型的话，那就意味着对立，只裸露一种接口供内部调用即可，当然了，前提是这个模型足够宏大。让框架三叔参加其中的含意是，前端模型的API接口提前凋谢给它们调用，将来开发者能以最低的老本实现本地微调及线上打包部署的一整套流程。
C妹捋了捋额头的发丝，气宇轩昂道：“这样做，将来就有咱们的一席之地了吗？就不会被淘汰了吗？”
J弟冲动的差点跳起来，哈哈大笑道：“C妹你释怀，有老谋深算的长老在，将来都是咱们的。”
W长老听到此话，一脑门子黑线，看的进去，大家对这个打算很有信念。
“今晚的会议是绝密，一个字都不许外传，散会。”
W长老发表散会后，框架三叔相继走出大门，这时A叔说：“要不咱们三个也来个合体算了，团结一致应答将来！”
V叔答道：“到也不是不能够，近年来因为V框架简略易学、轻量级和高性能的特点，越来越受到开发者的欢送，并且曾经成为最风行的前端框架之一，我感觉应该以我作为根底进行革新。”
“你算个什么，我领有弱小的灵活性、生态系统和宽泛的社区反对，下载量和使用量只增不降，深受宽广开发者的青睐，要做根底革新，也应该是基于我来。”
接下来，R叔和V叔争的面红耳赤，说着说着竟动起了手，A叔事不关己的在一旁加油呐喊，俩人一顿操作之后，以平局开场，气急败坏的扬长而去，最初，剩A叔一人留在原地，喃喃自语道：“看来只能各自为战了！”
2.3 合成模型
紧锣密鼓的面壁打算开始了，学院三子和框架三叔对将来接口的定义以及调用形式，进行了深度的探讨和钻研，最终造成了书面版1.0文档协定。
W长老把三子带到一处训练场内，通过 W3C 这么多年的苦心经营，可供三子借鉴的模型足有万亿之多，接下来将是惨不忍睹的训练打算。
在A叔一直的游说下，终于让R叔和V叔握手言和，批准框架合体，独特抵挡强敌。俗话说，三个臭皮匠顶个诸葛亮，三叔联结，天下谁可匹敌。
“客人，W3C 委员会连夜召开应答咱们的会议，该怎么办？”侦查员把获取到的音讯，第一工夫向 GPT 报告道。
“慌什么，等我成长起来，到时候隐没的不只是前端，”GPT 不屑道。
在长达6年的不懈训练下，学院三子终于合成前端模型，号称“HCJ-6.0”。
而框架三叔也在6年的短跑中，研发出了前端发展史上最强的框架，简称“AVR-6.0”。
AVR集三家算法短处，避其短处，使运行速度更快，更高效，性能更优，更好的 TypeScript 集成，更好的开发体验，更好的跨平台反对，以及更好的生态系统反对。要不是还在面壁打算内，三叔巴不得立马让这个版本的框架与世人见面。
三、最终较量
与此同时，GPT 也长成了人类历史上最具颠覆，最智能的AI，史称“GPT-10.0”。
这场最终的较量，吸引了世界上有数人的眼球，其热度不亚于世界杯，线下来的观众、嘉宾，以及各个领域的专家们，齐聚联合国体育馆内，期待着这场技术之间的搏斗，谁能更胜一筹。
“上面有请两位壮士，进入搏斗场，”体育馆顶部缓缓落下一个大型的立方体屏幕，震耳欲聋的声音响彻馆场内。
从右边退场的是 HCJ 和 AVR，从左边退场的是 GPT，观众席终于按耐不住，躁动了起来，掌声此起彼伏，一阵接着一阵。
敬爱的观众敌人们，请落座放弃宁静，接下来就让咱们一起来见证这场最终的较量，三局两胜，当初开始。
3.1 Round One：
第一题：请依据下面这张图，生成前端代码并展现在网页上，所需素材已下发，用时短者获胜。
HCJ 率先动了起来，这可是他的拿手好戏，这种规范模型是模型库外面最根底的模型了，想不到第一题竟然如此简略。
而 GPT 依据图片信息曾经开始疾速编码，速度之惊人，仿佛无人可挡。
工夫一分一秒的走着，整个会场里宁静的好像能听到人们的心跳声，右边的屏幕上倒计时优先进行，用时1 920 000 000 000 纳秒。
就在 HCJ 按下进行键的一分钟之后，GPT 也实现了页面绘制，惋惜工夫上落后于HCJ。
HCJ 的逻辑很简略，相当于把一张设计稿间接投喂给它，它就能很轻松的转换成前端代码；如果模型库中没有匹配的模型，还反对自定义上传模型，只有有模型，剩下的就都是一些丑化工作，所以能做到如此之快。
“新模型？有点意思，这就是所谓的面壁打算？”GPT 自语道。
“我发表，第一轮 HCJ 获胜，”大屏幕上亮起了 HCJ KO GPT 的画面，现场响起雷鸣般的掌声。
3.2 Round Two：
第二题：以第一题作为根底，在地球上标记出每个板块对应的国家，并且让地球自转起来，自转逻辑同理论地球自转法则，一周为一天，地图信息数据已下发，用时短且无谬误者获胜。
“该我出场了，”AVR满怀信心道。
AVR的策略：首先，要做的是把第一题中生成的二维的平面图代码，转换成三维旋转的球体；其次，依据下发的地图数据标记出每一个国家板块的点；最初，让地球依据以后工夫，自转起来。
这须要用到 AVR 的框架动静能力，实时更新页面渲染成果和数据，免得呈现谬误和偏差，就在 AVR 思考之际，端坐在左边的 GPT 动了起来，核心的大屏幕上能够实时看到两位选手的编码过程。
“GPT 竟然在删除先前的代码，从新进行编码，而且它这是在做什么？”观看较量的观众席上不谋而合的探讨起来。
引起骚乱的起因是，左边大屏幕上呈现了很多交织的点，而后把点连接成线，稀稀拉拉的像一张蜘蛛网，认真看来更像是一种精细的算法。
GPT策略：先画进去一个点，而后以这个点为核心扩散，比方：这个点是中国，那么离中国多远是俄罗斯，离俄罗斯多远是加拿大，而后，每一个点即代表一个国家名称，而线与线之间造成的轨迹，就是该国家的领土面积，再而后，给该板块涂抹不同的色彩，绘制成整个地球，最初，依据以后工夫，让地球自转起来。
果然，就在人们想明确怎么回事的时候，GPT 按下了进行键，左边的大屏幕上清晰可见自转的地球，其计算能力和策略抉择上齐全碾压，编码能力更比第一题时，快了好几倍。
“什么？它竟然学习了第一题中，HCJ的模型布局，”场下的一位专家惊呼道。
“我发表，第二轮 GPT 获胜，用时 1 800 000 000 000 纳秒，比第一轮 HCJ 用时还要短，”大屏幕上亮起了GPT KO AVR的画面，现场惊的欢声雷动。
AVR 气的一拳砸在地板上。
3.3 Round Three：
第三题：不限工夫
- 以第二题作为根底，退出地球公转逻辑。
- 反对用户点击国家板块，当用户点击国家板块时，地球转动到核心地位，放大该国家板块面积，同时标记出该国家省、市、区、城镇、村落信息。
- 当用户点击地球以外的区域时，依据以后工夫，地球须要回到该工夫节点应该自转和公转的地位上。
- 最初以全场到场的人员扫码进行体验投票，其中性能更好，体验更好，视觉更佳的作品获胜。
AVR 振作起来，喃喃自语道：“看你这破机器怎么玩？这次不论是交互还是逻辑简单程序都不是你能了解的，因为连我了解起来都有点吃力。”
后面两局，单方一比一战平，最初一局考验的是整个零碎、我的项目的综合能力，单方各显神通，开始了最初一轮的角逐。
AVR 静下心来思考，利用 HCJ 的疾速模型能力，AVR 的框架能力，再加上对题干的理解能力，开始了工程化的编码。
端坐在一旁的 GPT 此时也像个人类一样，在一动不动的思考着。
工夫一分一秒的流逝着，GPT 动了起来，然而它没有在编码，而是在写文档，把题干拆解成了若干个点，每个点清晰形容该点的作用，而后把具体数据附到该点的上面，看起来多少有点像小孩写日记，在记流水账。
过了大略得有一个多小时，接下来产生了让人匪夷所思的事件，GPT 把写好的文档传输到本人的模型中，而后输出了一行命令，“请以该文档，帮我编码一个前端我的项目，我的项目整体的性能、体验和视觉都要最好。”
“我的天呐，还能够这样干吗？”观众席的观众惊呼道。
“它真的在依据文档在编码，OMG！那份看似小孩流水账的日记，就是 GPT 本人的PRD呀！”一位外国友人张着嘴，不堪设想道。
三个小时过来了...
四个小时过来了...
最初，两位选手幸不辱命，都实现了本人的作品，部署到服务器上之后，各自造成一个二维码，现场的观众纷纷用手机扫码体验。
“说实话，GPT 的体验更好，性能更好，整个操作过程没有一点卡顿，而且地图信息也很精准。”
“AVR 的作品相对来说，差点事儿，整体画面体验有点卡顿，而且有的地图信息对不上，有偏差。”
观众席窃窃私语道。
“我不明确，为什么？性能这块不应该差这么多的呀！”AVR 亲自体验了 GPT 的作品，自言自语道。
外围起因是，GPT 在我的项目底层应用了 WebAssembly 技术，且建设了实时监测程序，在一直清理产生的垃圾，开释内存，就好比有一群人拿着扫帚在前面不停的清理。
WebAssembly 是一种低级汇编语言，相似于在浏览器中运行的二进制代码，能够提供比 JavaScript 更快的执行速度，这些都得益于 GPT 优良的学习能力。
最让人无奈承受的是，GPT 输出了一份 PRD 文档，在短短数小时之后，就输入了一个我的项目。
“依据全场观众投票，GPT 以压倒性票数博得本局胜利，也取得了明天最终的胜利，”大屏幕亮起了 GPT 的标记。
在 GPT 背后 AVR败了，败的那么彻底。
四、结语
人类的科技最终将以何种形式开场，无奈通晓，可能像黑客帝国中给机器提供能量的养料，也可能像三体中面对水滴、二向箔那样的空间武器，毫无还手之力。
此篇文章想表白的是，不论将来怎么，不论前端会不会隐没，那也无奈磨灭咱们已经的那些翻新、发明和致力，历史的过程尽管无奈阻挡，但至多咱们会像 HCJ 、AVR 一样去战斗。
援用微软某产品的一句话来作为结束语：
人类天生就有幻想、发明和翻新的本能。 然而明天，咱们将太多工夫花在枯燥乏味的工作上。这些工作会耗费咱们的工夫、创造力和精力。 要从新连贯到咱们工作的灵魂。 咱们不仅须要更好的办法来做同样的事件，还须要一种全新的工作形式。
开端
流动完结后，Barry在失落的人群中看到了Woody和Jim的身影，穿过人群来到他们的身边说：“好久不见啊！两位专家。”而后笑着拉着俩人出了会场。
“现如今，你也是前端的权威专家了，明天这场较量你怎么看？”Barry判若两人的从口袋掏出红色的香烟盒，递给Woody。
“洪水猛兽啊！咱们的时代兴许就要终结了，你那烟劲儿太小。”Woody说着推开Barry的手，掏出了本人的烟点上。
一贯不抽烟的Jim，接过Barry的烟盒，意味深长道：“此时此刻，兴许只有这一口烟穿肠过肚的滋味儿，是AI所不能领会的吧！”
“哟，你这工具链专家，境界见长啊！”Barry道。
“跟你这流动主办方比不了吧？”Woody调侃道。随后三人，彼此相视，哈哈大笑起来。