HTML、CSS、JS在前端开发中都扮演怎样的角色

时间:2023-12-21 09:40:14

  前端开发,需要经常接触 HTML、DOM、CSS、JS等,那么HTML、CSS、JS在前端开发中究竟扮演怎样的角色呢?以下是个人的一些观点...

  HTML:超文本标记语言 (Hyper Text Markup Language),不是一种编程语言,而是一种标记语言

      定义了文档的内容,决定了要显示网页中的各个组成部分。(HTML文档中的每个成分都是一个节点——dom节点)

      相当于“名词”

  CSS:层叠样式表 (Cascading Style Sheets),定义了如何显示HTML元素。(宽度、高度、颜色、位置、边框、阴影等)

      相当于“形容词”。(用来修饰dom节点)

  JS:客户端的一种脚本语言,是一种轻量级的编程语言,具有简单的面向对象的特征。

     操作的是dom实现的“动态效果”,即实现页面动画效果。常用来给HTML网页添加动态功能,比如响应用户的各种操作。

     js是在html和css完成后添加的效果,例如轮播图、点击弹框、鼠标移动或悬浮不同位置呈现不同的效果等,还支持异步请求,即在不刷新页面的情况下从后台(服务端)请求数据。

     相当于“动词”


  结构----HTML(标签、节点)

  样式----CSS(颜色,位置)

  逻辑----JavaScript(控制)


  注意:1、css3出来后,可通过伪元素实现部分动画。

   2、以上关于名词、形容词、动词的说法只是为了方便理解,不具备普遍定义性。

  (该文仅供学习交流。如有不同观点,欢迎留下宝贵意见~)