前端语言基本能力(三剑客)
(骨骼:网页结构)HTML: 网页的基本标记语言,构建框架能力(控制内容布局、为外部设计师提供层次结构)。它不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面 。所谓的“超文本”就是页面所呈现的可以是超脱文本的图片、颜色、音频甚至是程序和动画制作。设计单纯的页面框架,除了少数标签,基本标签都有首尾标签结合。html就是设计基本的页面框架,利用标签来填充内容,只能设计静态页面。可以设计背景、样式、图片等等,但是页面的渲染一般都交给css。
(肌肉:网页样式)JS(JavaScript): 网页交互,运行在客户端由一些事件来改变网页的代码和显示效果,网页特效都是通过javascript脚本来编写。可提供客户端的交互功能和一些动画效果,具有函数优先的轻量级,解释型或即时编译型的编程语言。 这个语言非常强大,解决了静态页面的弊端,可以实现动态页面的实现,和简单的数据改变,
(皮肉:网页行为)CSS: 控制html代码显示,html语言只是网页的标记,更好的在网页上展示想要的效果由css样式来控制,承接样式(给网站添加样式、设置不同屏幕、尺寸),是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户。有三种引入方式,内联、内部、外部。css就是用来修饰html、渲染页面的,使页面更加美观、漂亮,呈现给观看者更好的视觉体验。但是,即使这样,现在也算是一种漂亮的静态页面。
JS六个基本类型****
String:字符串类型
Number:数字,不区分整数和小数
Boolean:true 真,false 假
Null:表示空值
Undefined:表示未定义的值
Symbol
拓展:Object(Array、Function)
JS是单线程的
HTML只是一门标记语言,基本语法有五个部分:标签(元素)、文本、注释、DTD(编译文档)、处理信息
个人拓展:
\n 换行符
\ 反斜杠
' 单引号
" 双引号
\t 制表符
运算符
| 赋值运算符**** | 自增自减运算符 | 比较运算符 | 逻辑运算符 | 位运算符 | 移位运算符 | |||
|---|---|---|---|---|---|---|---|---|
| =+=-=*=/=%= | ++ 自增1-- 自减1 | <><=>=== 比较相等(会进行隐式类型转换)!==== 比较相等(不会进行隐式类型转换)!== | && 与 一假则假 | 或 一真则真! 非 | & 按位与 | 按位或~ 按位取反^ 按位异或 | << 左移>> 有符号右移(算术右移)>>> 无符号右移(逻辑右移) |