常用前端技术有哪些

最新推荐文章于 2023-08-17 10:15:25 发布

hxuans

最新推荐文章于 2023-08-17 10:15:25 发布

阅读量934

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/hxuans/article/details/129876131

版权

CSS-In-JS

CSS-In-JS在近几年得到了飞速的发展，并且React官方也主推style-component来通过CSS-In-JS的方式来实现动态的CSS。在众多CSS-In-JS库中，发展最好的就是style-component和emotion。其中，emotion大有后来者居上的气势。

二、Node.js

几乎所有岗位都要求会Node.js。但是80%的人都不知道Node.js在一线互联网企业里真正的用法，以至于大把高薪岗位空缺。目前淘宝、Facebook等重量级互联网企业已经开始使用Node.js了。

三、Serverless

Serverless的引爆几乎可以归因于前端。因为Serverless能够较完美的加持Node.js，使Serverless帮助前端开发者解决了使用Node.js过程中的诸多问题。

随着Serverless的逐步落地，BFF这层的代码会摆脱运维、机器分配等复杂的问题，同时大概率会由前端写这部分代码，服务端专注中台系统的实现。从业务上说，业务的试错成本也会大幅度降低

随着Node.js成为前端开发者必备技能之后，云计算的不断普及会让Serverless触手可及。当越来越多的开发者尝到研发成效的甜头之后，Serverless必将对前端的研发模式产生变化。

四、TypeScript

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，扩展了JavaScript的语法，且因其可选的静态类型和业界认可的类（ES5+也⽀持）、泛型、封装等，已经被许多前端工程师列为重点学习对象。

如果作为一名前端开发人员，不会TypeScript很可能在将来的某一天你就会被技术浪潮淹没。并且，一些组织和框架也对外宣称将使用TypeScript进行开发，例如上面提到的Vue3.0、以及FaceBook连自己研发的flow静态类型检测库都不打算用了改用TypeScript、还有就是早早就用TypeScript设计底层源码的React等等。

五、静态化Web开发

据统计，新闻网站、媒体网站和其它站点，因无节制地使用动态渲染引擎而导致低下性能的表现，将会损失起码40%的潜在流量。而这个数字还没算上网站缺乏搜索引擎优化兼容性而导致的自然搜索流量损失。

而静态网站在搜索引擎优化上的“轻”优势，将很有可能让静态化Web开发技术回流，成为前端开发的新趋势！

关系HTML超文本标记语言 (Hyper Text Markup Language) ，是用来描述网页的一种标记语言。

网页文件本身是一种文本文件，通过在文本文件中添加标记，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。

　　概括，HTML就是整合网页结构和内容显示的一种语言。

Hello World! I'm HTML

　　浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。

　　这段内容在浏览器上显示的结果是：Hello World! I’m HTML

标签上有一个id，这是

这个标签的唯一标识，方便别人找到它，对它进行操作。

2. CSS 层叠样式表单(Cascading StyleSheet)。是将样式信息与网页内容分离的一种标记性语言。作为网站开发者，你能够为每个HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。这样，即设计人员能够将更多的时间用在设计方面，而不是费力克服HTML的限制。说白了，CSS就是设置网页上HTML元素属性的语言。

　当把这段CSS代码应用于HTML中，它会找到id为“hello”的HTML标签，将其中的内容以蓝色显示出来;具体的插入HTML的方法这里不再赘述(说一句，只说明是什么，有什么用的问题，不关注技术细节，技术细节网上很好找)。

3. Javascript，首先说明JavaScript和Java无关，JavaScript 是属于网络的脚本语言!那么为什么名字如此相似?这是典型的市场营销方面的成功，它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。

Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。

　　网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是Javascript(当然也有其他的)，这样既可以使网页更具交互性，给用户提供更令人兴奋的体验，同时减轻了服务器负担。

JS的代码如下：

function jsHello(){

alert('Hello World！');

}

　当把以上代码应用于HTML代码，它会在你的HTML载入时，弹出一个内容为“Hello World!”的对话框。同样，它是通过嵌入或调入在标准的HTML语言中实现的，至于如何嵌入或调入不再赘述，理由上面提到了。

4. Xml可扩展标记语言 (Extensible MarkupLanguage)，是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言，即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。你可以把XML理解为一种数据库，例如rss就是xml的一种变体。

XML的起因是，用户受到SGML(后面再说)复杂性的挫伤和HTML的不充分。相对HTML来说，XML更追求严谨性，如果说你在HTML代码中标签比较混乱，如未关闭等，或许浏览器会忽略这些错误;但同样的事情发生在XML中会给你带来大麻烦。