前端语言基础
基础三件套: HTML、CSS、JavaScript
前端语言的基本能力
HTML(Hypertext Markup Language)是超文本标记。它作为前端的基础语言,是是用于创建网页的一种标记语言。其由一系列的元素组成,每个元素都有其特定的语法和含义,元素间可以有属性,通常由一对开始标签和结束标签组成,中间包裹着要展示的内容,通过标记符号描述网页的结构和内容。
CSS(Cascading Style Sheets)层叠样式表是前端网页页面设计的语言。通过 CSS,我们可以对网页元素进行定位、排版、颜色、字体等其它效果的控制,从而让网页呈现出更加美观和易读的效果。对相应的代码做一些简单的修改,就可以改变页面的不同部分,或者同个网站的不同页面的外观和样式。
JavaScript 是一种动态编程语言,用于为网页添加交互和动态效果。JavaScript 使网页和用户之间实现一种实时性的、动态性、交互性的关系。JavaScript借鉴C语言的基本语法,借鉴java语言的数据类型和内存管理,借鉴Schenme语言将函数提升到"第一等公民"的地位,借鉴Self语言使用基于原型的继承机制。JavaScript 不仅可以修改网页的内容和样式,还可以对网页进行逻辑和计算操作。JavaScript 是客户端Web开发的脚本语言,常用来给网页添加动态的功能。
它们的关系
三大前端语言缺一不可,相辅相成。
前端语言的协作配合
CSS in HTML
Inline css(行内样式),Internetal css(嵌入式html的css),External css(先写CSS,再引入html页面)
JS in HTML
编写脚本,默认定义在全局。dom:将部分HTML转换为JS对象。Js是单线程的。
HTML/CSS in JS
JSX,CSS Module