漫画 | 前端发展史的江湖恩怨情仇

时间总是过得很快, 似乎快得让人忘记了昨天,前端WEB领域的发展更是如此,转眼间已是近30年,时光荏苒,初心不变,在一代又一代前端人的努力下,前端已经是互联网不可或缺的一部分。

然而很多前端打工人对于前端的历史了解甚少,今天,本文将用漫画(画的有点low)的形式带你倒回历史的长河,一起领略前端发展史的江湖风云纠纷、恩怨情仇…


篇后

JavaScript曾经被最认为是糟糕的语言,或者说大家当初并不认为它是一种语言,时至今日它却是最流行的语言:在GitHub 上有 60%+的开源项目都是与JavScript有关的.

而我(你)有幸成为前端人中的一员,也坚信前端未来的路会更加光明,前端的发展离不开每一位前端人的努力,仅以此篇致敬每一位优秀的前端开发者.

参考资料

#

前端开发 20 年变迁史

https://zhuanlan.zhihu.com/p/68030183

#

前端简史

https://zhuanlan.zhihu.com/p/29924966

#

浏览器大战 - 维基百科

https://zh.wikipedia.org/wiki/%E6%B5%8F

%E8%A7%88%E5%99%A8%E5%A4%A7%

E6%88%98

文中部分图片素材来源于网络,如有侵权,请联系删除

本文系 “ 前端布道师 ”  原创

转载请标明出处

撰稿:苏南
插画 / 排版:苏南

推荐阅读

我在阿里招前端,我该怎么帮你?(文末有福利)
如何拿下阿里巴巴 P6 的前端 Offer
如何准备阿里P6/P7前端面试--项目经历准备篇
大厂面试官常问的亮点,该如何做出?
如何从初级到专家(P4-P7)打破成长瓶颈和有效突破
若川知乎问答:2年前端经验,做的项目没什么技术含量,怎么办?

末尾

你好,我是若川,江湖人称菜如若川,历时一年只写了一个学习源码整体架构系列~(点击蓝字了解我)

  1. 关注我的公众号若川视野,回复"pdf" 领取前端优质书籍pdf

  2. 我的博客地址:https://lxchuan12.gitee.io 欢迎收藏

  3. 觉得文章不错,可以点个在看呀^_^另外欢迎留言交流~

小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮,欢迎点击阅读

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/276429.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

jquery1.9 下检测浏览器类型和版本

原文链接:http://blog.csdn.net/lyc_2011_acm/article/details/8749177 Jquery1.9版本中$.browser已被剔除: 判断浏览器类型: $.browser.mozilla /firefox/.test(navigator.userAgent.toLowerCase()); $.browser.webkit /webkit/.test(nav…

python可迭代对象 迭代器生成器_Python可迭代对象、迭代器和生成器

8.1 可迭代对象(Iterable)大部分对象都是可迭代,只要实现了__iter__方法的对象就是可迭代的。__iter__方法会返回迭代器(iterator)本身,例如:>>> lst [1,2,3]>>> lst.__iter__()Python提供一些语句和关键字用于访问可迭代…

Windows Mobile下使用CppUnitLite输出测试结果

背景 TDD测试驱动开发是当前流行的开发方法及模式。遵循TDD的方法对开发程序库(Library)特别有用,因为Library就是为第三方提供一定功能接口的实现,使用TDD的方法可以预先为定义的接口提供测试案例,保证实现代码能通过测试,保证Li…

sql注意事项2点

①对Null的判断,如果要用<>与null判断,则都会得到否定结果②insert into时,要把字段显示指出,不然会因字段位置变化出错③-一个数时,如果有可能存在Null,则结果会被置为Null解决方法,select出来的结果,最好加isnull判断转载于:https://www.cnblogs.com/lishenglyx/archiv…

PHP IE中下载附件问题

重点&#xff1a; 1、在IE中下载附件之前要清空缓存。 2、中文文件名要用urlencode编码。 Header("Pragma: "); //不加的话&#xff0c;IE中会提示目标主机无法访问 Header("Cache-Control: "); //不加的话&#xff0c;IE中会提示目标…

10 个你可能还不知道 VS Code 使用技巧

经常帮一些同学 One-on-One 地解决问题&#xff0c;在看部分同学使用 VS Code 的时候&#xff0c;有些蹩脚&#xff0c;实际上一些有用的技巧能够提高我们的日常工作效率。NO.1一、重构代码VS Code 提供了一些快速重构代码的操作&#xff0c;例如&#xff1a;将一整段代码提取为…

使用MAP文件快速定位程序崩溃代码行(转)

作为程序员&#xff0c;平时最担心见到的事情就是程序发生了崩溃&#xff0c;无论是指针越界还是非法操作&#xff0c;都将给我们的应用系统造成巨大的损失。但在一个大型系统的测试过程中&#xff0c;初期出现程序崩溃似乎成了不可避免的事。其实测试中出现程序崩溃并不可怕&a…

构建安全的Xml Web Service系列之如何察看SoapMessage

上一篇文章地址&#xff1a;构建安全的Xml Web Service系列一之初探使用Soap头 (5-22 12:53) 要分析Xml Web Service的安全性&#xff0c;首先要解决的问题是我们能了解和清楚Soap消息的格式和内容&#xff0c;如果获得不了SoapMessage&#xff0c;分析如何能构建安全Xml w…

前端高效开发必备的 js 库梳理

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结.首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, …

交叉报表crosstab隐藏列名显示_SAP软件 报表查询之 输出格式设置

SAP不仅是功能强大、逻辑严谨的ERP软件&#xff0c;还提供了强大的报表查询功能。SAP的ALV报表展示功能是SAP的一大特点&#xff0c;实现了类似于EXCEL的功能。使用好ALV报表功能可以方便用户从SAP中取到想要的数据&#xff0c;尤其是财务用户。大家在使用SAP报表时&#xff0c…

CSS HACK 区别 IE6、IE7、IE8、Firefox兼容性

转载链接&#xff1a;http://developer.51cto.com/art/201009/226787_1.htm 本文向大家描述一下如何使用CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题&#xff0c;针对不同的浏览器写不同的CSS code的过程&#xff0c;就叫CSS hack,也叫写CSS hack&#xff0c;相信你对本文介…

Flex sdk4 布局与更新

在flex中,主要使用LayoutManager来驱动组件的度量和布局策略, LayoutManager实现一个单例,在Application类构造函数中创建: 1 public functionApplication()2 {3 UIComponentGlobals.layoutManager ILayoutManager(4 Singleton.getInstance("mx.managers::ILayoutManager&…

linux PROC文件系统详解

/proc文件系统下的多种文件提供的系统信息不是针对某个特定进程的&#xff0c;而是能够在整个系统范围的上下文中使用。可以使用的文件随系统配置的变化而变化。命令procinfo能够显示基于其中某些文件的多种系统信息。以下详细描述/proc下的文件。----------------------------…

seo每日一贴_白杨SEO:我看ZAC的外贸SEO应该怎样做?(策略篇)

前言&#xff1a;这是白杨SEO公众号更新第64篇。本该写写头条SEO啥的&#xff0c;最近在师徒培训讲站内SEO时有旁听同学提到后面讲讲谷歌SEO怎么样&#xff0c;因为谷歌全世界搜索市场占有率&#xff0c;所以外贸SEO最主要还是做谷歌SEO。以白杨特意又去了前辈ZAC的SEO每日一贴…

Can't connect to local MySQL server through socket '/tmp/mysql.sock'

转载链接&#xff1a;http://blog.csdn.net/ixidof/article/details/5958904 摘要&#xff1a;解决不能通过mysql .sock连接MySQL问题 这个问题主要提示是&#xff0c;不能通过 /tmp/mysql .sock连到服务器&#xff0c;而php标准配置正是用过/tmp/mysql .sock&#xff0c;但是…

[转]网页栅格系统研究(2):蛋糕的切法

[出自]http://lifesinger.org/blog/2008/10/grid-system-2/首先澄清一个应用场景问题。研究&#xff08;1&#xff09;中指出&#xff0c;对于结构复杂的网站&#xff0c;不少设计师们喜欢采用960固定宽度布局。但要注意的是&#xff0c;960并不是万能钥匙&#xff0c;大部分网…

Vue3响应式原理

关注若川视野&#xff0c;回复"pdf" 领取资料&#xff0c;回复"加群"&#xff0c;可加群长期交流学习本文结构- 关于Vue3- Vue2响应式原理回顾- Vue3响应式方案- Vue3响应式原理- 手写mini版Vue3响应式本文共计&#xff1a;2349字2图预计阅读时间&#xff…

python二值化 感兴趣区域_Python+OpenCV感兴趣区域ROI提取方法

方法一&#xff1a;使用轮廓步骤1"""src为原图"""ROI np.zeros(src.shape, np.uint8) #感兴趣区域ROIproimage src.copy() #复制原图"""提取轮廓"""proimagecv2.cvtColor(proimage,cv2.COLOR_BGR2GRAY) #转换成…

error while loading shared libraries: libmysqlclient.so.16: cannot open

转载链接&#xff1a;http://blog.sina.com.cn/s/blog_4ab24dd50100wnkv.html 问题解决办法&#xff1a; locate libmysqlclient.so.16 如我的mysql安装在/usr/local/mysql下&#xff0c;则结果为 /usr/local/mysql/lib/mysql/libmysqlclient.so.16 vi /etc/ld.so.conf 增…

编译cvaux错误的原因

平台vc6.0;在debug模式下编译cvaux时会提示三个错误&#xff1a;error C2039: foreground_regions : is not a member of CvFGDStatModelerror C2039: foreground_regions : is not a member of CvFGDStatModelerror C2039: foreground_regions : is not a member of CvGaussBG…