WEB前端发展史(web前端发展现状和前景预测)

许多小伙伴们在催更让聊聊前端。

我之前说过了，现在的前端涉及到的技术超多，所以我一直在往后放它，因为我作UP的目的就是想作些短视频，不想长篇大论。但是既然小伙伴们非常感兴趣，今天咱们就好好聊聊前端，我还是以回顾我的开发经历为主，咱们梳理下WEB前端技术的发展史。

WEB==网站，网站的前端=网页HTML

前端这个词就是从那时候出现的,再早的EXE开发是不分前后端的,都是VC/DELPHI程序员一个人开发,你也可以理解成之前说的混合开发模式.

前端!=前台,咱们现在说的前台/后台都是指业务操作层面,而不是技术层面.

前端,后端是技术层面

还是回到2000年，

上次说过了后端或者说混合开发那三架马车：JSP,ASP,PHP

WEB前端的三架马车fireworks,flash,dreamweaver

其中用DW来开发HTML(DOM)/CSS/JS/jQuery

现在好用的WEB前端IDE:

JetBrains的WebStorm,微软的VS Code

=======老前端========

H5时代(WEB2.0)

HTML5/CSS3/TypeScript(它是实现ES标准比较好的前端脚本语言)

前端面试经常问:H5和HTML的区别是什么?

很多人回答多了些新标签.这回答,呵呵

H5比HTML多出来的东西是技术层面上的,而不是几个<标记>.

比如H5有了WebGL(是OpenGL的WEB版=JS+canvas开发游戏)

多线程

websocket

前端SQL

多种storerage

这个我不细查了,大家可以搜索下.

CSS开发也可以像编程那样来开发CSS了,lass,sass,stylus

定义变量,循环,判断啥的,一打包就替你生成css

TypeScript对于老前端是最难掌握的,因为它和JS基本就不是一个东西了,好吧.

反倒是Java后端学TypeScript非常快,老JS前端学起来慢.核心就是面向对象,当然语法上TS也更像JAVA

H5移动端的概念

CSS3 媒体查询=自适应窗口

所以可以根据窗口尺寸来判断你是PC还是手机(移动端)

根据手机窗口编写的H5网页就称为H5移动端.

咱们以后要讲App几大开发框架,在此要明白H5移动端并不等于App,H5移动端是App的一种前端开发方式,这个以后再讲.

前端自动化工具:gulp,grunt,webpack(现在基本都是这个了)

现在的浏览器不能直接运行TypeScript,lass,sass,stylus,所以需要有个打包的过程,打包=将新语言编写的代码编译成js,css.这两个是传统技术,现在的浏览器都能直接运行它们

UI框架:也就是界面库,比较早的有easyui(OFFICE风格)

LayUI(作PC后台)

MUI,SUI,WEUI(微信)(H5移动端页面)

前端开发框架:vue国产,谷歌的angularjs,angular(NG)这完全是两个东西,facebook的Reactjs(react的前端部分,后端叫ReactNative这个咱们到App开发框架时再提.

reactjs的渲染机理和DOM不同,但是语法也是标记语言)

现在不管是大城市还是小城市对前端的招聘量都是巨大的,薪水高高的,但是合格的新老前端特别难招,原因就是刚才说的老前端还好说些,但是新老前端都会的非常少,刚毕业的不会这么多,需要时间来积累.

来个总结:

合格的前端要掌握的技术

HTML,CSS,JS,JQ,HTML5,CSS3,TypeScript,AJAX,JSON,WebSocket,WebGL,前端存储(sql,storerage),UI框架(easyui,layui,mui,weui,aui,这个UI那个UI)三大前端框架zepto,Vue,NG,ReactJS

前端的东西相当多,我今天应该肯定没说全,欢迎大家在评论里补充.

今天就聊到这里,谢谢大家观看,下次一定,再见