Web前端开发的核心技术有哪些

一、Web前端开发的核心技术有哪些

HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新，有些人认为前端开发要掌握的技能简单，不就是制作网页嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+Java，Java作为最难的语言之一，许多编程高手也不敢妄自菲薄自封精通。由于Java与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好，如果您想往项目经理发展，能懂一两门**语言，绝对是锦上添花!

互联网目前主流浏览器有IE6789，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯 TT，360，the World等等;从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏浏览器，你翻翻他的硬盘，相信几十款肯定是有的(或查看前端社区中的浏览器大全)。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的浏览器要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端开发的热爱和激情。

目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的UCWEB，safari，IE，3G门户的，以及 symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是完全不同的。

由于不同的浏览器对CSS的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSS hack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。

目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。

目前比较流行的是Dreamweaver，其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用DW等工具产生的冗余代码。

二、web前端的三个核心技术是什么 分别有什么作用

这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本table是用来和数据打交道.

这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html或者 css+div来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢？因为我上面说了div就是html主要用于布局的东西,所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.

可能前两个大家觉得还过得去,看到js就蛋疼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都不是问题了.

三、2020年前端最火的技术是什么

我认为的2020年前端开发者最应该掌握的一些比较火爆的技术与知识点。

9月份 Vue3.0发布，声称对 TypeScript有着更好的开发体验，通过从不同框架级别 TS支持上，我们可以看出社区的整个风向从2019年的大家都去学习应用 TS，变成了大家如何把 TS用的更好这个方向上来了。

所以我认为今年 TypeScript的火热程度还是应该排名很靠前的，我今年也使用 TypeScript重构了 Daruk的服务框架推出了2.0版本，让 TS开发者拥有更好的 TS开发体验。

接下来就是两大重磅框架的更新历程对比，Vue3前面说了一句。而 React也在十月也发布了 React 17的 release版本。这两大主流框架的频繁更新，也说明了社区和作者都在一同演化。

在 Vue 3中除了更好的支持 TS外，还更新了Composition API。而 React 17主要是集中精力在升级体验上，虽然没有新的 Feature但是提升了和解决了很多之前版本潜在的问题。

要说哪个最火还是要看个人实际的使用场景和喜好，但是2020年来看还没有别的框架可以与之一战。

今年基于Chromium的微软edge浏览器也已经推出。google在 web端的发展产生了对开发者深刻的影响。Chrome 80+也已经发布多个版本，提供了一系列的新特性，比如Core Web Vitals标准，Desktop PWA等都值得我们去关注。

我们说完了浏览器相关的那点技术之后，再聊聊大前端相关的一些技术实践，比如 Flutter。

很多前端在今年已经从 web开发转型为 Flutter开发，学习和使用 Dart技术来构建 UI，这是很多大厂的前端工程师正在经历的事情（包括我的部门也在尝试这个事情），这个趋势应该在未来几年还会持续。

客户端 electron在今年也有着长足的进展，一年内多次更新版本一路到了10.1.5。随着疫情影响，国内在线教育的又一波兴起。很多桌面软件，网课软件都在采用这个技术来进行开发，市场上的岗位也开始变多，electron技术可以说在今年也有火的趋势。

然后我们再看看BFF层，nestjs依然坚挺，越来越多的人开始跳过学习 express和 koa开始学习更丰富的 web框架了，比如 egg或者我的 daruk，开发者已经在慢慢形成共识，在 web framework的路上开始越走越远，裸写 nodejs web服务的时代已经开始慢慢褪去。

不得不提的还有 serverless在前端的普及，在2020年到达了一个新的高潮。阿里云，腾讯云，头条云等等国内的互联网厂商也都开始大玩 serverless概念。从对内服务开始转向对外服务，普及的势头很猛，也有落地的趋势和场景。今年的 D2同样也有 serverless的专场，可见受重视程度非比寻常。

再离我们近一些的推动生产力的技术，比如据我所知在用 CI/CD和 pipeline管理上线流程的公司越来越多，这种去年还可以出去吹一吹的东西，今年也逐步变成了业界标配基础能力，如果不会的同学可要抓紧学习了。

2019年前大家都疯狂吐槽面试刷 medium题目没用，而2020年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变，大家在接触新技术的同时，也慢慢发现，前端整个职业环境的变化，越来越多的公司对人的整体综合素质要求变高了。