前端语言初步了解 | 青训营笔记

77 阅读2分钟

前端语言的基本能力:即用于开发WEB网页,负责处理用户界面与用户之间的交互。

下面是几种较为基础的前端语言:

HTML(HyperText Markup Language,超文本标记语言):是一种用于描述网页的结构和内容的标准标记语言,它由一系列标签组成,可以定义网页的标题、段落、图像、链接等元素。HTML 是构建网页的基础,提供了网页的骨架。,HTML 运行在浏览器上,经由浏览器内核来解析。

CSS(Cascading Style Sheets,层叠样式表):主要用于控制网页的样式和布局,用于描述HTML或XML文档的呈现。CSS 可以使网页更具吸引力和可读性,为用户提供良好的视觉体验。

JavaScript:JavaScript 是一种轻量型的脚本语言,主要用于为网页元素添加交互功能,处理用户界面与用户之间的交互,如表单验证、动态内容更新、动画效果等。JavaScript 还可与后端服务器进行通信,实现数据的获取和提交(使用Ajax(Asynchronous JavaScript and XML,异步的JavaScript和XML),Ajax是基于浏览器的XMLHttpRequest对象实现)。

TypeScript:TypeScript 是 JavaScript 的一个超集,相较于JavaScript扩展了静态类型和面向对象编程的支持,提供了更好的代码可读性和可维护性,通过静态类型检查减少了潜在的错误。TypeScript 最终会被编译成 纯JavaScript,并在现代开发中得到广泛应用。

JSX:JSX 是一种 JavaScript 的语法扩展,这种"<></>"标签的写法就是 JSX。JSX 编写的组件通过预处理器 babel 解析成Javascript代码,再交给 React 库渲染到指定父容器下,形成最终html页面,供浏览器解析和显示。它允许将 HTML 结构和 JavaScript 代码混合在一起,提供了声明式的组件化开发方式。

上述的前端语言通常一起使用,协同工作用于创建功能强大、交互性强的网页应用程序。HTML 用于定义网页结构,CSS 用于控制网页样式,JavaScript(或其他类似的语言)负责处理网页的交互逻辑。在实际开发中,还可以使用许多其他前端语言和框架(vue、react、angular)来增强开发效率和用户体验。