前端语言串讲 | 青训营笔记

70 阅读2分钟

前端语言基本能力(三剑客)

(骨骼:网页结构)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 <><=>=== 比较相等(会进行隐式类型转换)!==== 比较相等(不会进行隐式类型转换)!== &&  与  一假则假 或  一真则真!  非 & 按位与按位或~ 按位取反^ 按位异或 << 左移>> 有符号右移(算术右移)>>> 无符号右移(逻辑右移)