Web前端入门篇--web认识

最新推荐文章于 2023-01-18 19:12:26 发布

「已注销」

最新推荐文章于 2023-01-18 19:12:26 发布

阅读量243

点赞数

分类专栏： web 文章标签： html css javascript

本文链接：https://blog.csdn.net/LHDIYU/article/details/106942471

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML

1、我们都听过html，那么html是么呢？

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

2、HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)，它们由尖括号包围关键词，成对出现的，
第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签

3、HTML 文档 = 网页

HTML 文档描述网页，也被称为网页，包含 HTML 标签和纯文本
Web 浏览器的作用是读取 HTML 文档，使用标签来解释页面的内容,以网页的形式显示出它们,不会显示HTML 标签

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

4、编辑器

html 标记语言非编程语言，没有编译过程，可用任何写字软件来编写，比如txt。前端建议用sublime 或者 vs code

CSS

css是层叠样式表

css是层叠样式表的意思，html的布局、样式修饰和一些简单的动画都是由css完成的。
样式定义如何显示 HTML 元素、存储在样式表中、添加到 HTML 4.0 中解决内容与表现分离问题
外部样式表可以极大提高工作效率存储在 CSS 文件中
多个样式定义可层叠为一

style样式解决了一个普遍的问题

1、HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签表达标题、段落、表格之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

2、由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中。

3、文档内容、文档表现层想要清晰独立变得越来越困难。

4、为了解决这个问题，万维网联盟（W3C）使HTML 标准化，在 HTML 4.0 之外创造出样式（Style）。

5、所有的主流浏览器均支持层叠样式表

样式表极大地提高了工作效率

样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观

多重样式将层叠为一个

样式表允许以多种方式规定样式信息。

单个的 HTML 元素中
在 HTML 页的头元素中
一个外部的 CSS 文件中。
甚至可以在同一个 HTML 文档内部引用多个外部样式表

层叠次序

数字 4 拥有最高的优先权

1 浏览器缺省设置
2 外部样式表
3 内部样式表（位于标签内部）
4 内联样式（在 HTML 元素内部）

Javascript

JavaScript 解释型高级编程语言

JavaScript 具有函数优先的轻量级，解释型或即时编译型的高级编程语言，开发 HTML 和 Web。
同时被用到了很多非浏览器环境中。

JavaScript 基于原型编程、多范式（支持面向对象编程、命令式和声明式（函数式编程））的动态脚本语言。

JavaScript的标准是ECMAScript

1、JavaScript的由来

JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。Netscape在最初将其脚本语言命名为LiveScript，后来因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。语法上有和Java有类似之处，一些名称和命名规范也借自Java，但实际上它的语法风格与Self及Scheme较为接近。

2、javaScript 标准 EcmaScript的诞生

发展初期，JavaScript的标准并未确定，有Netscape的JavaScript，微软的JScript，两者都属于ECMAScript的实现，同时也有CEnvi的ScriptEase三足鼎立。为了互用性，1997年，在ECMA（欧洲计算机制造商协会）的协调下，由Netscape、Sun、微软、Borland组成的工作组确定统一标准：ECMA-262（ECMAScript）。

JavaScript的标准是ECMAScript 。

截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。

2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。

组成

ECMAScript，描述了该语javascript组成语言的语法和基本对象。
文档对象模型（DOM），描述处理网页内容的方法和接口。 [4]
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

基本特点

解释性脚本语言（代码不进行预编译）。
主要向HTML页面添加交互行为。
可以实现web页面的人机交互
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
Javascript脚本语言同其他语言一样，是一门完备图灵语言，基本数据类型，表达式和算术运算符及程序的基本程序框架。

特性

1、脚本语言。一种解释型的脚本语言,C、C++等语言先编译后执行,JavaScript是在程序的运行过程中逐行解释
2、基于对象。不仅可以创建对象,也能使用现有的对象。
3、JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
4、跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支持。JavaScript已被大多数的浏览器所支持。
5、与其他服务端语言对比：服务器端脚本语言，例如PHP与ASP，需要服务器的支持。JavaScript主要被作为客户端脚本语言在用户的浏览器上运行。可以减少对服务器的负担，而与此同时也带来另一个问题：安全性。
服务端的脚本更安全，但JavaScript仍然以其跨平台、容易上手、对服务器服务器压力校。同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持

编程

JavaScript源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。
直译语言的弱点是安全性较差
一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}去做兼融。
Javascript被归类为直译语言，主流引擎都是每次运行时加载代码并解译。V8则是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部分多数用Javascript撰写（而SpiderMonkey是用C++），因此在不同的测试上，两者性能互有优劣。
与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。