前端开发,需要经常接触 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、以上关于名词、形容词、动词的说法只是为了方便理解,不具备普遍定义性。
(该文仅供学习交流。如有不同观点,欢迎留下宝贵意见~)