本字幕由TME AI技术生成
啊
大家还是看一下微软公司所有命名软件
这个
它的品味真的是很差很差
这个
为什么chrome 会
呃
一统江山呢
就是 说白了
就是chrome 快
大家一般来说
呃
觉得你写什么样程序语言的程序员
他的嘴最脏
后来统计一下
就是javascrippt 这个程序员毫无意外的获得了这个桂冠
前端开发的那个所谓的三大法宝或者三大框架
我刘禹锡是个谁啊
他算个屁
他懂什么view
大家好
这里是朝十晚九的节目
今天我想跟大家聊一下
这个互联网里面
只是最基本的
或者说大家最常用的
就是网页
或者说浏览网站
它背后的这个前端技术
它整个一个发展
包括 呃
还有一些当中的一些故事
和整个一些啊梗
今天主要我来主讲
然后呢
我们大家也可以之后来参与到我们这个讨论当中
把大家的一些想法发表
发表在评论区
首先啊
说到那个互联网这个网页
或者说浏览网站吧
是不是大家现在
嗯
在pc 上做的事情
是不是感觉百分之九十几
或者说大部分时间就是开的一个浏览器
除了玩游戏
我不知道大家是不是这样
基本是
基本是
而且像我
其实不怎么玩游戏
所以基本上开浏览器
然后很多个tag
然后不同屏幕来看
这样的
唯一单独开的是听音乐的软件
其他都用浏览器
对
有时候像很多那个音乐
对吧
他那个没有版权
我都是在视频网站里面去
去听
就有些
你知道吗
有些那个音乐没有版权的嘛
那些那个
那些app
或者说是有
有版权
但是我不是会员
就是他要付费
我不付费
然后我就去
比如说我就去网页
某些视频网站
我就搜一下
然后
然后播放
对 然后 然后呢
其实这个关于音乐这个版权的事情呢
其实也是里面有很多
嗯 很复杂的
这个我们以后单独讲啊
这个涉及mp 三和版权的这个东西
然后这个是
其实 嗯
比如说在互联网上听音乐
在互联网上
比如说 呃
浏览网页
这个最早
其实咱从大家那个发明这个
或者说互联网被发明起来之后
大家第一批想要做的这个事情里面
已经把这些东西涵盖在里面了
一个就是把那个最常用的那个电子邮件
然后就搬到了这个网上啊
就是大家
呃 经常收到
经常知道那个email 这个技术
嗯
那我不知道平时你们
比如说现在主要用的那个邮箱是哪个啊
除了
除了那个翻墙或者说用特殊姿势用的那个gmail 啊
某些某些这种咱们不提啊
我不知道你们平时用的邮箱是哪一些
哦
邮箱
网页邮箱
对
有一个网易
基本上
然后幺六三
幺六三 对
Qq 邮箱
Qq 肯定都会
Qqq 肯定都会有
Qq 邮箱
其实它有一个很好的特点
好像它是传那个大文件什么
比较qq 邮姿势比较好
对吧
嗯 确实
它可以保存好
而且 对
然后我一般是拿qq 箱做一个google 的备份
就是qq 就是邮箱啊
就是电子邮件这个事情
呃
我们现在就是中国人嘛
或者说我们这些人
因为平时就以以前并不是以信件为就是主要的一个
呃
官方的就是沟通的这样一个手段啊
所以说
对电子邮件使用的频率
其实是比老外他一开始来说
是非常 呃
低很多的啊
因为呃
老外他的生活
大部分的情况下
会以那个个
呃
信的形式来通知你很多事情
就一般来说
我们国内
比如说很多会议
比如说电话
或者说直接的是以这种啊
当面的形式来通知你很多事情啊
就美国的话
嗯 或者欧洲
呃 经常的话
会一些重要的文件
包括很重要的事情
官方他都会以那个纸质的那个mail 就寄到你的那个家里的那个邮箱地址
所以搬到互联网之后
其实email 是一块很大的应用
那还有一块很大的应用是什么呢
就是把各种各样的纸质的信息给搬到网上啊
那包括美国人想要看的那个news 啊
就新闻
就报纸
呃
希望经常喜欢看的
就比如说一些海报啊
一些杂志啊
他们都想搬到这个互联网上
所以说才会产生了就是最原始的整个这个网页的技术
就是html
就我不知道大家在座各位对html 这个语言有没有了解过
就html
对
我记得是那个我
因为我 我
我那大大学里边啊
本科里面就学计算机
它好像第一节哎
它是最早就会教我们这个
就是说html 网页啊
就是那个各种
呃
它会有标签语言是吧
对对 就是这
就这个东西嘛
然后 对
它是叫做写个脚本什么的
就这标签语言
就是有什么head
然后p 对对
Body 对吧
对吧 对吧
他title 啊什么
然后什么的
对对对对对对对对对对对对对对对
其实这个东西
Hk 没有语言
但是大家既陌生又熟悉是吧
大家一开始有点冷场
既陌生又熟悉
那为什么一说又想起来了呢
这个语言
其实本身它其实并不是一个编程语言
它其实当我们叫做markup language
或者叫标记语言对吧
就是当有有一些标记
比如说这个
这个
这个网页
比如它的header
就是它头是什么
它的title
或者它标题是什么
它的body
然后body 里面还有比如说h 一
就是最大的那个标题是什么
H 二比如说次标题是什么
这个其实是标记语言
并不是用来做编程的
那这个语言来是用来做什么的呢
这个是原来就是用来就是新闻
就是很模仿
就是就这种
呃
新闻或者媒体他们用来做排版时候用的这种标记语言
就比如新闻的头是什么
怎么排版的
就这种
那这个东西说白了
也其实也就是把现实生活中的这种技术给投射到互联网上
所以说一开始才会有了就是html 这个语言
呃
他们的想法很简单的
就一开始人
我们不要把我们的先贤想的太
太牛逼
就一开始
先贤他们肯定是对
对吧 互联网
呃发明之后
一个就是
哎呀
我们可以在通过互联网就不要人走了
就是可以发邮件了
还有就是 哎
我不可以不用发报纸了
我们就是开你开一个浏览器
就是你就可以看到各种各样的他网站里面的各种新闻啊
News 啊 啊
包括各种各样的这个
呃 广告啊
呃
这就是最原原始的那个新闻媒体他要做的事情嘛
这也就是为什么
呃
一开始美国互联网最早的
呃
发家致富的
一个是那个雅
对吧
大家比较熟悉的五羊之源
就他们那些
呃 一个
还有一个比如说ahoamerican online 对不对啊
我们后面会说到他去
呃
他和那个时代
华纳都还
还会有一个什么收世
世纪收购案
那这
这些
其实他就是把各种各样的
比如说各种网站
他们的这种他们自己
比如说就a 网站
比如他是写这个农场的新闻的对吧
B 他是写那个娱乐新闻的
然后那个是写就是工业新闻的
他就去搞了一个总的一个相当于新闻就是汇总的
你到了雅户
你想看什么类目
然后点进去
然后他就给你转到那个网站
我想起来
这个就是互联网的第一批
就 我说
这就是互联网的那个第一批门户网站时期嘛
对不对
对
门户网站就是这个意思
它其实就是把别人的各种各样的新闻
各种各样的
呃
信息给聚合起来啊
变成一个
变成一个就是你到这边去
去的一个主页
或者说啊
就是entry 对吧
所以这个html
他把就是所有的网站呢
他把自己的
呃
所有的各种各样的商户啊
他把自己的信息呢
给抛到网上
用html 啊
做我们排版之后啊
一页一页这么图片啊
文字白板之后呢
然后雅户
就我们国内就像搜狐啊
新浪啊
就把这个聚集到一起啊
然后就产生了所谓的web 一点零
Web 一点零
其实说白了就是
就是类似于这种样子的技术
那这里面就说到了一个东西
就是浏览器
我这边要问一下大家
浏览器
呃
平时主要都是用哪些浏览器
从包括那个pc 和包括手机端
我
我基本上现在就只用rob
然后手机端其实也比较习惯于框
但是如
但是有时候
有时候我会用那个
那个qq 浏览器
就是手机端的话
我 我
我现在也是
我现在是电脑端的话
也是用chrome
但手机端的话
就用手机在的那个suffering 嘛
然后小时候
对对对
然后小时候的话
都是用ie 嘛
就是上上到高中的时候
都是在用ie
然后
然后ie 浏览器
之后
好像就是国内会有很多那种
对 国内
我不知道你们知不知道
那个遨游浏览器
对对对
还有 对
有那个遨游浏览器
还国内还有好多其他乱七八糟的浏览器
把i 三六零的浏览器
什么 那他们
他们都是内置的
那个内置的ie 是吧
应该是
应该是拿什么套套皮套出来的
对 应该是
对对
内置的ie
然后 对
就是那个我们说的浏览器呢
就是它为什么那么重要啊
呃
因为它相当于其实是你啊
除了你的那个电子邮件这个软件
那其他的
你基本上要连接互联网
各种各样的信息
你都是要通过这个浏览器
这个软件来yeah 发生的
或者说来进行的
所以一看
这个东西
呃
从那个互联网它开始普及之后
就变成相当于第一个
呃
第一个各大厂商争相去抢占了这么一个市场
所以一开始呢
其实第一个成功的商用的
呃 浏览器
其实它是那个网景公司
我不知道你们有没有听过
就是网景公司浏览器
呃
Netscape communicator
就是就长久浏览器的
当然这个的话
其实就奠定了现在你们看到很多浏览器的这么一个
呃
主要的这个表现形式
就像打开一个窗口
上面是有一个比如说一些工具栏
还有一些按钮
当然
它最早的互联网
大家知道
玩过以前windows 的windows 上面还有一层菜单嘛
那是chrome 之后
他把菜单
所以都放到那个右边那个点点点那个里去了啊
基本上主流的
主流的一开始主流的windows 都有一层菜单啊
下面有一些什么前进后退
那是有一个网站的
网站里有一个它的网址
然后接下来就是它的整个网页的
呃 形式
那你还可以放到收藏夹啊
还可以去做一些什么书签啊
这类似于这样的功能啊
这些都是浏览网址
浏览器
它等于是奠定了基础的
嗯
网点浏览器一度占据市场可能百分之八十左右这么一个规模
那这个时候呢
就出现了一个
呃
我们以前节目中讲过的一个人物啊
这个人物呢
他出手了
他是谁呢
这就是比尔盖茨啊
这哥们儿终于出手了啊
我 我
我是让大家想一想
就是
如果你是比尔盖茨
你现在说
我 我的
我的那个操作
呃 操作系统
这个windows 九五
或者windows 九八
或者是xp
那如果说
我这个最重要的互联网应用
它的主要的那个软件
是要依赖于一个外部厂商
那这个时候
你肯定是想什么
你肯定是想
我推出一个我自己的
对吧 然后 呃
然后把他干掉
对吧
最好是用我自己的
那我作为你们来说
假设你们是老板
你是比尔盖茨
你会怎么办
我就创建了一个自己的浏览器
创建一个自己的浏览器
放在我的系统里面嘛
对
那用户为什么要用你的呢
我
我预制好了
所以就我把抄一下
我抄一下现在市场上比较流行的
这个很正常啊
我觉得阿汤不用笑啊
我觉得阿汤不用笑
我觉得从某一某种角度来说
你和世界首富
啊
前世界首富的思路是exactly the same 啊
完全一样
还有
有一定就以前装一个软件还有一定难度的
我感就是在就是就
就早期店互联网
对
以前装软件很
很麻烦 很吧 谁
谁都能够想到
就是我就早期互联网
我说一个装
装软件都可以装上去的
对
我说一个非常
我说一个非常那个
呃 暴露年龄
或者说暴
就是或者一个很古早的这个一个事情
就是以前
我记得我最早的话
去买一个什么杀毒软件
哦 是是是
是卫星杀毒软件吗
杀毒软件
然后他就
哎
不要把名字说出来啊
这个 这个软
这个狮子软
这个狮子杀毒软件公司呢
他就给我寄了一堆那个软盘过来
不
那个还不是光盘
那个时候还是软盘
你知道吗
就是那种三点五寸就插到那个软盘浏览器的
就我第一台买的电脑的时候
是有这个东西的
它还插了好几好
就是它一个软盘还装不下
它就插了好几好几片这个软盘
然后才把这个软件装下来啊
就 所以说
就回应刚刚那个松英老师说的
这个装软件其实是很烦的
所以比尔盖茨他想了一个阴招
他想了一个阴招是什么呢
就是说
靠这个
那简单
老子就在我的那个对吧
浏览器里面啊
我在我的操作系统里面装一个啊
就一模一样的
我们叫就叫
我们叫什么叫
哎呀
Internet explorer 啊
大家还是看一下微软公司所有命名软件个
它的品味真的是很差很差啊
他就他执意什么叫因特
因特网啊
探索者 哎 就
就没有一点品味
你知道吧
那个
你看苹果
苹果他的
他的软件
我
我们说刚刚阿汤说过了
他在手机里面那个软
就是浏览器
那叫萨safari
就类似于这种
嗯 狩猎啊
或者说就是就猎
猎人在这种田野里面狩猎啊
或者说这种
这种感觉的啊
因为
因为那个当时那个嗯
麦cos 有好几版它的那个嗯
操作系统
都是以那个猎豹
呃
猎豹的不同的那个名字来命名的
所以他当时他的那个浏览器就是反映用一种什么这种狩猎啊
这种名字来
呃 取名啊
苹果的起名字就非常的有
有 有感觉
那微软他就搞了一个ie 啊
就是internet x pro
就预装了在了windows 九五
呃
九五还是九八里面啊
那这个时候
那用户买到对吧
就买到那个流那个他那个操作系统一装
哎 这个有了
有了之后
我就不会去再麻烦再去装嘛
那这个是很就是装那个这个软件
其实是一个很痛苦的事情
那这个时候
就这招就很无耻的
就直接把那个就是netscape 那个communicator
就是网景公司给干掉了
这里面其实还牵扯到一个什么事情呢
就是说 呃 阿汤
你虽然这么做其实是很牛逼
但是呢
你这样
你这样呢
其实是会惹到那个什么呢
惹到那个欧盟了
就垄
垄 垄断是吧
对吧 对
是的
就比如九十年代中期
比尔盖茨他为什么会逐渐会退
退掉那个微软的他的很多职位
其实也是要避其锋芒啊
嗯
就是很多人他觉得啊
比尔盖茨好
他好像是在九十年代中期就不担任ceo 了啊
他给自己起了一个名字
叫那个chief
呃
首席架构师啊
应该是chief 啊
Architecture officer
其实他还是最大的老板
他把那个ceo 让给了那个饱满啊尔stestebm
然后呢
他在
他在那个时候
其实他和他老爸
他老爸也叫比尔盖茨啊
叫威廉亨利
盖茨
呃
天天就围了那个那个官司搞
最后是其实是相当于花钱买那个所谓叫买和解
就付了欧盟大概多少个亿啊
就是历史大历史大大大case
就把这个事情解决了
然后换
换来的一结果就是说
美国 他在欧
就是当时那个微软
他在那个欧洲部分地区
他卖的这个windows 九五九八里面
它是不能带有那个呃
Ie 这个浏览器的
呃 当然
其实在亚洲和在美国
他其实就等于把这个问题搞定了
那导致就是说
即便你欧洲他别人即便比如说他没有
但他也知道
就是其他地方都有那个
对对对
这个ie 啊
它就会
它就会把那个ie 当做一个默认的啊
久而久之
呃
这个ie 它就是霸占了整个市场
那基本上最恐怖的时候
基本上微软的ie 是有那个百分之九十五到九十八的这个市场占有率
那问题又来了啊
当你是比尔盖茨
你的那个
你当时比如说弄了几百个人啊
就把那个就铺在浏览器部门
然后最后干掉了那个主要竞争对手
你现在是百分之九十五的市场占有率
接下来你准备干什么
就是你觉得现在这块浏览器这块业务该怎么走
比如说下面的人
我说 哎呀
汤老板啊
就我们这个手机就动打赢了你
这是旷世奇才
你接下来咱们怎么办
那不是
那我想讲
就是说
它就浏览器
它一直应该都是个免费的软件
就它和那个什么office 还是不一样的
Office 它是付费的嘛
对吧
Word
什么这些浏览器
Ie 应该
我理解
好像我印象里
它一直是个免费的软件
我 是的 我的话
它就是靠免费加捆绑
对 所以 所以我
我觉得它的问题可能是在于
它市场占据高了之后
它就因为它也不产生额外的那个利润嘛
他只是
就是让别人不
不用 就是让
让大家不用别人的软件
所以我怀疑
他可能就是会在对设计上面
可能就
就不会有什么大的
就不需要再花什么心思来维护这个
就保持现状应该就可以了
因为他也不额外再赚钱嘛
对
Exactly 是吧
没有 没有
所以大家千万不要
大家千万不要觉得世界首富
或者说世界上面各种成功人士
呃
有什么特别之处
或者说比你有什么高见之处
人和人都是一样的啊
你看松英老师
他也会想到了
这很正常的
他这个东西又不赚钱
对吧 我们这
这什么什么什么之战
打赢了嘛
那接下来该干什么呢
接下来就是把这些人要调到别的部门去干别的事情嘛
对吧
这个很正常
很正常
所以他们接下来是什么呢
接下来就把ie 这个部门
原本几百个人吧
砍 砍掉
然后去做别的事情
然后最后这个部门只剩下四个人
就四个人
就维护ie 就
对 对 大家说
这个ie 级
可能就是是一个最终最终进化态的版本
然后呢
这个发生了一系列的事情
是导致什么呢
就是那个王景
他在公司后来就是干不过微软之后
他把这个他的那个最后一个版本呢
最后一个版本的那个网景
他还还没有发布的这个浏览器
呃
相关的技术给开源
开源了
然后放到网上
然后这个时候相关的有一部分这个年轻人吧
或者说有志于这个互联网技术
或者对微软这种不满的
他就把这个这个开源的就是拿来继续改
然后最后成立了一个那个基金会
就是接受大家的捐款
然后因为大家也不可能凭爱发电啊
继续来从事这个浏览器的这个开发的工作
然后最后就推出了这么一个浏览器
就名字叫firefox
就是可能前几年有人听说过的
或者现在还是有一些技术bek 在用的火狐浏览器啊
这个火狐浏览器当时一一发售之后
它整个就是把那个ie
就是它整个的性能啊
包括整个的一个界面啊
包括整个的一个ui
就全面超越那个当时只有四个人在维护的ie
呃
就相当于它可能和微软现在是形成了一个百分之三十到七十到百分之四十到六十的这么一个
呃 均势
或者说半均势的这个状态
微软还是有百分之七十到百分之六十的这个市场啊
就可能大家就这个两个之间可能僵持了可能大概有个三五
三五年这个时候
呃
Google 推出了它的那个浏览器
对 对哦
他的那个呃
Chrome 啊
Chrome 然后就一经推出之后
就一统江山
也就是大家现在
呃 松鹰
包括那个uk 这样
包括他
包括我 呃
常用的这个浏览器
当然
我现在个人呃
用的最多的是那个在windows 上那个edge 浏览器
那其实edge 就是是微软自带的嘛
现在他把ie 抛弃了嘛
Ie 应该是这周还是上周刚刚退全部退休
那edge 其实你可以认为是微
微官
官方出的个套皮的那个个rome me
那
那内核其实是一chrome
这个为什么chrorome 呃
一统江山呢
就是说白了
就是chrome 快
那chrome 为什么会快
这个其实就是牵扯到我们今天说的一个主题的一大块内容
就是javascript
或者说叫网页的脚本语言
我们刚刚绕说了那么一大圈啊
就是 呃 新闻啊
包括那个
那个html
我们
我没有讲到那个脚本语言
脚本语言是干什么的
就是说 呃
互联网比那个传统纸媒好的一个地方
它其实是有互动的
对吧
你比如说啊
看了那个
那个雅虎对吧
你就 呃 你 你对
你对那个某新闻感兴趣的吧
你就点了
点了这个实时新闻啊
实时新闻
看了这个新闻
说 我靠
你义愤填膺啊
或者你这个花开心的花枝大人
你想怎么
你想留言啊
你 你 或者你想
你想去那个
像现在像微博一样
你上了微博之后
你看到这个人
你 你想
你想去上网跟他对吧
键盘互喷
你这个时候就会有互动啊
这个互动其实相当于就是说
基于你这个脚本语言
我再做一些额外的操作
那这些脚本语言就是在浏览器这边
是来响应你的这些操作
然后把你的这些操作
呃 传
传递给互联网他
他那个背后的这个服务器
然后服务器对你传出来的数据去做一些响应啊
或者说做一些修改
就比如说
把你的那个留言啊
留言加密啊
发送到那个服务端
服务端 Ok
把这个人的留言放到他的那个网页下面的留言栏去
然后泰国会给你响应
说哎
你留言加好了
然后你比如说你在刷新
或者说别人在看
哎
就会看到你的这个留言啊
脚本语言就是来响应你在浏览器针对整个标记语言去做的任何操作
包括点击啊
包括 呃
比如说去放那个
嗯
Mp 三的音乐啊
啊
去做一些偏流媒体的工作啊
没的没有啊
都会涉及到脚本语言
那脚本语言在经历了一开始有很多版本
但最后呢
其实是有一个就是大家非常熟悉的这个语言
Javavascript 啊
就是基本上学程序的人都会知道这个语言吧
不一定会用过javascript
现在是浏览器的基本上是可以事实上的标准啊脚本语言
那这个脚本语言它一大特点就是它特别特别的慢
以及特别特别的
嗯 不友好
呃
那chrome 它一个非常大的一个优点就是
它完全重写了这个浏览器对于javasscript 的这个脚本语言的一个解释或者执行的速度
它
它的引擎当时叫v 八引擎啊
是
就是类似于
它相当于把自己这个引擎
呃
命名为就是取名就像我
我这个引擎相当于像v 八这个引擎
就是开车的v 八这个引擎那么快啊
嗯
他这个引擎发明了之后呢
就是非常迅速
能够执行各种各样的这那个语言
就其导致了这个浏览器
呃
整个整个版图就是迅速的向向了google chme 这边
那说到
说到底
还是因为他对于javasscript 的这个语言
它有非常好的这么一个执行速度啊
说到这里
其实我不知道各位有没有用过啊
Javasscript 语言
或者说有没有接触过javascriript 语言
以及你对这个语言是怎么看的
宋英老师应该是写过用过的吧
我觉得刚好像
好像是有过这一段
他和javascript 有
有过过一段
我 我 呃
稍微了解了解
有没有一段逆位
嗯
就是
就比如以前上班的时候
有些项目嘛
这项目要他可能要做可视化
但是那个可视化的话
它就是说
它的一个输入是一个一个数据结构
比如说是一个一个那个lest map
然后你可能需要去
呃
做一些这种数据上面的转换
转换成另外一格式
或者另外一个这种样式
然后可以被这个
呃
前端的这个页面所渲染出来
所以那时候可能就需要简单的用javascriript
然后写一个一个就是数据处理的这么一个小的一些一些代码小脚本
然后他在这个网
网页在渲染的时候
可能会先执行一下这个脚本
然后把这个数据
就是你输入的数据
给它转换一下
转换成那个我们要的结构
然后可以被它前端各种可视化的那些
呃 那些 那
那些框架
给他能够按照我们要的期望的这个格式能够展现出来
就反正就做这些事情吧
那包括可能之前有些那种爬虫的项目里面
你可能需要跟这个交易社构相关的一些一些东西
有一些就是比较额外的需要去
去
去处理的一些
一些就是爬的人的网络啊
对对对 因为
因为很多那个网页
它不是这种静态网页嘛
就是很少
就纯html 比较少
大部分的时候会有一些js 啊
或者一些异
就
就是异步什么同步啊
这种
这种比较稍微复杂一点的点的一些一些事情啊
你需要去注意
那可能就需要就是去
去
去了解一些些这个价构思维相关的那个内容
那当然
我其实对这个不太熟
我没有系统学过
所以我只是就是
就是有些项目里面
可能或者有些自己做事情里面
会
会碰到对javasscript 的这个语言呢
其实它
你说它呃
为什么能够呃迅速的推广呢
其实并不是说它本身语言特性有多好
就是因为他发明这个人
发明这个语言这个人呢
非常聪明
他就把他这个这个javasscript 这个语言的他的那个using interface
或者说他的那个语言的就语法搞得很像很像
看起来很像java t 啊
然后就是会导致它的入门门槛非常低
嗯
但是有一个特特点
其实它本身其实背后和java 它的这个原理是完全不同的
它就是一个脚本性的语言
什么所谓的脚本解释性的语言是什么呢
就是我是处理
就是我有一个相当于有一个翻译器
就是我翻译一遍你的这个java 语句一行啊
我再执执行一个动作
我翻译一行
执行一个动作
它其实是一个解释型的语言
和这种甲码
包括c 加加这种
它是会把你所有的写的所有的代码啊
全部用编译成二进制的代码
然后一股脑放到那个呃
所谓的执行器里面
其实是不一样的
它解释性很简单嘛
它就相当于我浏览器拿到一行你写的javascript
我解释一行
对吧
拿到一行
我解释一行
我执行一次
那它的一个所谓它的背后的原理
跟呃
那个java 是很不一样呃
导致就是说
写的人呢
就用夹码的思路来去写
就会写的就是写的很史
或者说写的很难看
嗯 呃 有 有一个
有一个对于javasscript 的一个程序员的
他的一个旧客就是
嗯
没有统计过啊
这个是一个非常好像是一个有一个官方统计
就是说
呃
大家一般来说
呃
觉得你写什么样程序语言的这么程序员
他的嘴最脏
后来统计一下
就是javascrippt 这个程序员毫无意外的获得了这个桂冠
而且是大幅大幅的那个领先于写其他语言的这个人
那它这个东西的慢
其实是一个臭名找不著的啊
那在一个是在chrome
它大幅提升了
嗯
这么一个浏览器的这个脚本的这么一个执行速度之后啊
这个时候呢
其实 呃
整个的编程语言啊
它其实已经进步到了一个
呃
比较成熟的这个呃
阶段
所谓的就是说
叫一个lamp 一个的结构
就可能大家现在
可能二零二二年啊
呃
现在可能很多人
比如创业
做很多事情
他们可能会选择去
嗯
所谓低代码
所谓的那个
呃
所谓的就是数字藏品啊
或者说有一些币圈的事情啊
或者也有一些其他的一些事情
对吧
那以前的人
他无论如何
他去做各种各样互联网创业
可能二零一五年
一一七一到一六年
可能有一波互联网的创业的高潮
那那个时候大家的所有的demo 啊
基本上都是有有
有一套套路来写的
是的
这个套路呢
就叫lamp 啊
它是一个lamp
这是一个大写的
其实相当于美国人很喜欢用那个这种大写来
来代表很多事情嘛
我为了现在说很多就是昂萨
白人叫weasp
就相当于黄蜂
但其实它是代表白种白富的昂格鲁
萨克逊的清教徒对吧
那个lamp 就是台灯
台灯的意思
那其实它是四个
四个东西的一个缩写
呃
来代表就是说
如果你要在互联网创业
呃
你首先你这个demo
或者你能够运行的这么一个例子
你需要用的这四个技术
就
我不知道你们有没有了解过这lamp 这四个技术
Lamp
L linux 嘛
对吧
L linux
Aa 是什么
A
不知道 Mmm
Mysql Ok
Mysql
Ppphp 是吧
我ppp 哦 对
我忘了
A 是啥 对
Ppphp
那oka
那就是说
Php 这个语言
它要运行在什么上面
它才能够渲染这个网页呢
对吧
这个就是阿帕奇
它其实需要有一个服务器啊
这个lamp 这个
嗯
它这个架构呢
就是
是代表就是首先你得
得有台机器吧
服务器
它上面得跑个操作系统
那这个air linux
就是说
基本上主流的开源
就是开源的所谓的操作系统
阿
阿帕奇是什么呢
阿帕奇其实是相当于
呃
就是它是可以
呃 去 对不对
去跟浏览器啊
去做那个沟通
来把那个你写的这个所谓的php 这个语言
翻译成html 语言
然后传
传输给浏览器
就是所谓的
呃
所谓的就是web server
或者叫做网络
就是或者叫做web 服务器
就这个 呃
就这个东西
嗯 就相当于
比如说
那阿汤
包括我
包括可能松英
包括uk
这都了解的
就比如说某某些公司
他有自己的一套什么谓
谓什什么么
Sprint
类sprint 这个组件对吧
最终这个sprint 它这套组件还是要部署在一个
呃
一个底盘上对吧
它才能变成一个所谓的这个外部沟通的这么一一套东西
那这个就是阿帕奇m
就mysql 嘛
就很简单
就是你所谓的这些数据
都 都
都要有一个地方去传这些数据嘛
嗯
就lap 这个东西
就大大的就是就确立了这一套就是互联网网络技术的这么一个发展
我比如说
嗯
咱们举一个豆瓣的例子哈
那就比如说
我要写一个详情页对吧
我的这
这个详情页肯定是有一一标
标题
一个电影的
电影影的个个谓谓的个个或
或者是标题
有一个他的演员的阵容
对 对吧 有一简
简介
还有一些演员的照片
还有一剧照照
对吧 都
都基本上是有一个四人下面
下
下面各位文艺男青年或者女青年
或者男骚年
女少年的他们的一些评论嘛
对吧 嗯
那都是这个
都是这个例子
那我不可能说
就比如说
我去看那个教父
他这个
他这个影评的这一页
和我去看肖申克的救赎
啊
我去看那个
呃 战狼
水门桥对吧
他
他的那个网页的最后渲染出来的html 肯定是不一样的吧
因为我看到的那个标题啊
那个都是不一样的
但是他们的结构都是一样的对吧
都有那个结构
所谓 所
所谓的不同呢
就是他们上面的
那就是说标题的内容不一样
或者演员的阵容不一样啊
就是各位骚年们的那个评论不一样
对吧
那这些很简单嘛
这些都可以从通过不同的那个数据库里面拿出来对吧
通过mysql
我找到这个电影它
它背后的这些数据拿出来
然后我最后用php
可以用一个模板来可以渲染所有的那个这个网页啊
这papgphe 说白了就是干这个事情的
就渲染出一个动态的html 这个网页啊
你就可以用一个网页模板来来服务说所有的啊
包括比如说你看比如说书的list 对吧
包括电影的list
可能它的那个
呃
表现形式都是一样的
那接下来这里没有说的就是javascriript 啊
Javasscript 就是来负责响应的
你 你的那个 呃
所谓的一些动作啊
就比如说你写的一些影评啊
或者你给别人点个赞
点个踩对吧
这个这块都是用javascript 来执行的
嗯
那说到这里呢
我们就会说到这个php 这个语言了
就php 这个语言也是有一个梗
嗯
不知道大家是有没有了了解
Pphp 这个语言
大家现在知道
就是现在最火的语言应该是python 对吧
应该是 嗯
就比如说u ki 讲
呃
就是赖赖以生存的绝活
绝活对吧 就
就写python 语言
很多人就是说
大家去看国外的人很喜欢就是写python 语言的人
很喜欢穿
以前很喜欢穿一件t 恤
什么life is short unneed python
或者python 是什么最好的语言
那在这个之前
其实是有一个梗的
就在那段有一段时间里面
因为创业的人很多
互联网在那个时候迎来了所谓的web 二点零的这个一个一个爆发
或者说一个一个一个高峰吧
那个这个时候呢
就很多人去创业嘛
那创业一开始都会写php
所以那个时候有一个有一个梗啊
就是php 是世界上最好的语言啊
这个是大家在某段时间里面
就是大家现在去看b 站讲开始讲那个编程语言的时候
如果他会讲到php 这个语言
大家会绝对会在弹幕上看到有有
有人
有人写这个梗的
就是php 是世界上最好的语言啊
这个呢
其实是来自于很多论坛里面的
那为什么会来自于很多论坛里面呢
就是因为php 它就是渲染这种动态网页的能力很强大
所以基于php 这个语言
就搞出来很多脚手架
或者说脚很多框架
就是你不需要去从头开始写php 语言
然后别人已经帮你写好了
你只要改
就是改一些你的这个
呃
所谓的一些配置和一些形式
你就可以
比如搭出一个轻松搭出一个论坛
嗯 呃
应该说国内有一阵啊
很多的所谓的论坛
基本上都是利用了一个那叫discuss 这个php
以php 为主的这么一个框架啊
来搭出来这各种论坛
在论坛年代啊
去上的各种各种各样的这种亚文化的论坛
应该基本上十有八九都是以
以那个以那个模板为
呃
例子写出来的
就大家肯定会在上面有一个什么什么登录
登录上面会有一个消息
然后消息下面还有就面比如说有一个什么新人报道什么什么什么
这
这我不知道大家有没有印象啊
就这样
这样的论坛
呃 都是
都是以那个php 来完成的
那现在
其实好像这种论坛都没
没有人现在在在
在做这块东西了
好像这论坛这个事情
已经对于很早之前的事情存在了
我在想
现在就是现在就论坛这个事情呢
它其实是在社交网络兴起之前
其实大家 呃
交流很多事情
都是会去那个所谓的
嗯 论坛啊
啊
或者说一些雅文化的这种圈子啊
这就来讨论这些事情了
那一块一个是因为社交媒体的这个兴起之后
导致了很多论坛它的那个衰落
还有一阵就是
还有一块就是因为就papphp 这个整个语言啊
它这个语言自己就是发展到现在这个阶段
其实也是进入了一个很大的瓶颈
这就没有办法再继续为整个互联网它后面的下一波下一波基于互联网的创业的热潮和互联网创业的这么这么一个环境提供它的能量
所以说也导致就是它自己的发展越来越受局限性
那整个的话
它你想看
就没有人维护这很多东西就就没有它发展的潜力了
呃 这里面呢
就是刚刚我们已经提到了
就是为什么这个php 啊
包括这些技术现在已经落后了
其实就是网页开发
它网页或者互联网这个比如说外部这个技术啊
它以在在这个之后
在lamp 这个这套技术之后
就开就产生了一个巨大的分离
一个什么内的巨大分离
就是所谓的前后端分离啊
前后端分离呢
就是
就是一块相当于
嗯
之前比如说php
我们刚刚已经说到了啊
呃 他会去
比如说你写一段php
他会给你转成html 语言对吧
根据你的后面的数据转成不同的html
然后发送给浏览器
那所谓前后端分离是什么呢
就是这个时候就更进一步了
就是我的网络服务器啊
我就不返回html 语言对吧
因为其实最后还是在你的浏览器里面去把这个html 语言给渲染出来和展示出来的嘛
那我干脆我就在我就在你的这个浏览器里面去把这个最终的html 这个语言给你展示出来对吧
那这个时候
前后端分离
相当于后端
我的服务端就专注于我提供各种各样的所谓的调用的api
然后返回就是一个有组织的数据
就刚刚像松英老师提到的
就比如说
我回收
回复一个是xxl 的一个结构体
或者回复一个它python 的结构体
对吧
这里面包含了
就比如说
就刚刚有以刚刚我们说的那个电影啊
或者movie 例子
我这时候我就不返回这个网页的htmml
我就返回什么呢
我就返回这个
呃
这个电影叫什么名字
那title 叫什么
它标题叫什么
它的内容叫什么
它的那个影评啊
我有一个很结构化的一个
呃
相当于一个结构化的一个数据反馈到浏览器这一端
那浏览器这一端呢
那我
我在预先呢
其实是有一些脚
有一些脚 呃
有一些那个
呃
技术啊
他把这个数据拿到之后
他会知道 Ok
我需要用哪一个模板去把这个数据填充完
然后我在浏览器这一段自己去生成这个html
我交个览览去展展示
那这个时候
前端这
这一
就是把那个个数据过过来
然后结合它的这个模板
就生成html
这个技术就变成前端开发了
那然后原来的那个所谓的是呃
后端开发
它就专注于去做数据
就是基于数据的这一段的研发
好
那为什么这样的分离会有会产生呢
其实也是和互联网在那段时间
所谓app 啊
就移动互联网
移动互联网在那个时段就是直接兴起是有关的
因为移动互联网在一开始啊
呃
它包括现在
都还是以
比如说以app 的形式啊
来来作为很多服务的提供的
那app 呢
它其实是有自己一套渲染前端框架的这么一个
呃 语言的啊
叫比
比如说安卓
它有它的一套的所谓的渲染语言
那苹果它的说ios
它有一套自己的
那它背后
包括你网页
也有一套自己对吧
就比如说你豆瓣有
呃 有那个
那个app
豆瓣有那个安卓appisapp 它也有网站
那么
但是你后面的技术
它
它要的数据
其实是一样的
那如果说
呃
如果说如我们没有前后段分离
那相当于我除了要做一个服务器的啊
网络
就是我除
除了要做一个网页版的豆瓣
我还要做一个ios 豆瓣
从
从就是数据库开始
从前到尾还要做一个安卓的
对吧
那这个时候其实就不合算了
我还不如做一个什么呢
我还不如做一个
就是一个服务端啊
我 我产
产提供各种各样的所谓你要的信息的各种各样的结构化的数据
那最后我的客户app 负责去渲染它的数据啊
我的 不 对对对
浏览器来负责渲染的所谓的数据
那这个时候就会产就
就那个前后端分离就产生了
那因
因为前后端分离
那前
那那个浏览器这一端就更加依赖于那个javascriript 这个技术
那因为依赖于javavascript 的这个技术
那javascrippt 技术执行快的这个chrome
它就更加能够去越来越扩大它的市场份额啊
因为那个ie 浏览器啊
包括那个firefox 啊
左护院
它的那个历史包袱太
太久了嘛
它会有太多那个前后兼容的问题
导致它的那个javascrippt 执行器非常的慢啊
那基于这个chrome
它这个飞快的这个javasscript 执行器
那javasscpt t 前端开发这个技术
就来到了它
它现在的一个阶段
前端开发的那个所谓的三大法宝
或者三大框架
哎 这里
我不知道你们有没有了解过
这现在前端工程师在开发的三大框架是什么
React 是吧
React 是一个
然后那个view 是吧
是什么
是 对
我只听过这个view
是 是吧
是的
还有一个
还有一个node 是那个框架吗
Node 算吗
Node 不算
Node
其实node 技术
我们可以单单独来讲这个
这个和那个前后端有有关系
又不是
嗯 那我
我就知道
React 和view
还有
还有哪个
Google 呢
它在稍微早一段时间
它还有一个
那个自己的框架
叫做angela js
但是呢 现在 呃
因为google 它在这块没有发展的非好
那直接导致它就是现在你可以说三大
三驾马车
也可以说是啊
View 和nodel js
就是所谓的两个两
两大互相打架嘛
那view 的话
它其实是一个
嗯
雅裔的华人
他研究的
也就是他自己发明出来的啊
这个人叫刘禹锡
嗯
想必大家应该也听过刘禹锡这个
这个人的名字
嗯 我知道
他现在是不是在新加坡
他现在
不应该
他现在应该是在全世界各地
他在新泽西吧
对 他是
他其实中文
对
他是在美国
他有可能在新加坡
也有可能在其他地方
之前也到过中国
嗯
回过中国来
呃
他本身不是程序员
他是一个
呃 Designer
他是一个所谓的设
设计师啊
就是他是搞设计的啊
就不是搞程序的
他 然后他呢
其实因为搞设计的时候
他其实是要去给
给别人去做很多各样各种各样的展示嘛
然后他才会接触到这个技术啊
然后自
他然后自学了那个所谓的互联网的一些技术
然后才啊
才发明了view 这个这套框架
然后想不到这个view 这个框架还能干掉那个所谓angle lag s 就是google 他自己的
和那个呃
React
就是facebook
可能这个其
其实 其实呢
可以
你可以认为是
呃
嗯 啊
平分秋色吧
或者说打了
打了个难分难解啊
这个忧语锡这个人
呃
大家有空也可以去听听他的讲座
这个人思路非常清晰啊
他讲到他
他的那个啊
View 的整个发展历程
那最近也有一个梗啊
就是 嗯
就是我们
我们知道国内
或者说互联网有很多人
其实他的脾气不太好
不一定是国人啊
就是老外跟中国人脾气都不太好啊
就是你所谓的有各种各样在网络上自因为很牛的这个人嘛
啊
有一次刘禹锡呢
他去做一个关于view 的那个讲座啊
他就跟大家我我我
我讲一下他
他的那个对于view 的很多看法
然后呢
就是在这个视频下面
就有人就评论说
刘禹锡是个谁啊
他算个屁
他懂什么view 啊
呃
这个是一个非常有名的梗啊
就是跟大家说一下
就是 呃
后来刘禹锡只要任何出现在b 站或者任何一个网站下面
都会有一个弹幕
那刘禹锡是谁
他懂个什么view 啊
所以说
希望大家以后开喷的时候呢
先看一看这个人是谁啊
那说说完了刘乙锡呢
就是我们说到这个react 和view gs
它其实相当于就是把那个全端程序员的活啊
就基本上限定在了
就是那从后端啊
就向服务端发一个请求
获取数据
然后怎么在前前端用js
呃
相和类似的语言
然后把这个html 以及它背后的很多的动作给渲染出来啊
这一套框架就是彻底释释放了前端工程师他的一个生产力
使得前端工程师他可以专注于他做他自己的事情啊
同时就是把这个所谓的用户体验推到极致
所以现在大家去看
呃
各种各样的前端的就互联网应用嘛啊
基本上都是通过浏览器来完成的
包括我们现在录音
其实也是通过一个浏览器的一个网站来完成的啊
并不是我们下载了一个什么大家
呃
就是会议软件嘛
我们现在就基本上就是以一个在线的这样的一个外部的形式就可以完成
那背后其实就是
就是无数行这个前端代码啊
等你对齐而讲的像各种各样功能的这么一界界面
以及背背操作作怎么样样传到那个呃
服务器的
呃
但是这些有一个不好地方就是说
因为它这这一些框架就是太成熟了啊
就是导致这个前端工程师它整个技术的含量
就所谓的技术的挑战性就大大降低了
就相当于他把你想到的难的这个事情都处理了
就比如说一个比较难的
就比如说啊
怎么样向后端发请求
然后发完的请求怎么样就
就怎么样做一个局部的更新
对吧
就不做一个整体的更新
就我举个例子啊
就比如说我们的
呃 浏览器
它其实是
呃
你如果是按照比如说
呃 一帧一
就是一页一页来来
来转换的话
就比如说啊
就比如说我post 一个个论论吧了一个影评啊
如果说我popopost 完了之后啊
如果我
我是我是不是我如果是要刷新整个页面
相当于我把整个页面重新刷一遍
才能看到我这个评论对吧
按照照前前就前
前端程程这这做做嘛
那现在就是有了这学框架之后
它可以做的非常智论
就
就我更新了某些地方嘛
我就知道某些地方
只要更新某些地方就可以了
我整个页面其实是不要动的对吧
我不需要重新渲染整个htm 语言啊
就是他们这些框架就是把这些东西都揉在了这个里面
使得前端工程师它的技术的难度大大下降啊
也就变成了就现在前端工程师很被很多人认为可能是说没有技术含量啊
这么一个或者说没有觉得前端工程师都是有可能有外包来完成的啊
这个没有什么挑战性
其实是大大冤枉了前端程序员
其实是你可以认为这是先贤们啊
比后端工程师他们牛逼
就把一些很复杂的事情都给考虑了
都给完成了啊
所以才导致我们就是所谓的前端工程师这一块
他就专注于就学好你框架里面这一块东西
以及理解好
理解正确理解业务和用户他的行为啊
能够帮你的产品能够提升
提升到一个更高的层次啊
相反
我可以说后端程序员
对吧
咱们后端程序员
你要承认
我们很多问题都没有有一个通用或者一个优雅的简
就比如说高并发啊
就比如说多线程
会比如说java 的java 的那个语言里面会产生的那个所谓的gc
导致整个服务器啊
停止宕机啊
各种各样的问题
其实都没有一个非常非常优雅的解啊
这个呢
当然这个也是跟后端它的整个研发的这么一个环境是有关系的
那说了那么多啊
从html 这个语言啊
我们讲到浏览器
讲到那个脚本语言
讲到那个就是u 语锡啊
包括react js
呃
其实我们回过头来看对吧
最最早的
可能hmm 就是像别人可能相当于把那个网络上的一些杂志啊
东西搬过来啊
最后变成一个相当于一个
呃
互联网的一个总入口
和你做一切事情呢
就是everything in it 吧
啊
就所有的东西都在里面这么一个大杂烩的东西啊
当然
我们也是希望通过我们这次科普吧
让更多人对计算机这个它的发展啊
智慧技术啊
感兴趣啊
如果我们有很多
刚刚我们讨论说了很多点嘛
如果 呃
大家想有些东西可以具体展开的
就包括
比如说
包括有一些怎么怎么发明view 的
然后包括facebook 怎么推react js 的啊
包括比如说lamp 它这套东西
呃 当时呃
所谓的创业潮
有一些什么笑话啊
这个我们都可以讲
如果大家都感兴趣
我们后面都可以聊啊
今天呢
我们的目就到这里啊
希望大家喜欢
也希望大家踊跃留言
今天我们就讲到这里
拜拜 拜拜
呃 拜拜
