Web前端入门篇--web认识

关注

原创最新推荐文章于 2026-02-15 10:43:05 发布 332 阅读 AI 写同款· GEO 优化 ›

基于FPGA的工业相机项目大赏1——cmos线阵相机 ●CMOS CL0402 作为图像传感芯片，曝光后产生一定格式的图像数据；●FPGA ZYNQ7020 作为主控芯片负责cmos驱动控制、图像像素的采集、cmos寄存器的配置、cameralink协议的实现、上位机串口通信的实现；●Cameralink端子实现图像数据的高速串行发送，将数据传送至采集卡PC端。系统工作流程如下: FPGA 上电加载配置程序，计算机通过异步串口向 FPGA 发送控制信息，FPGA对接收的控制信息进行分析判断。阅读详情

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语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。