【前端体系课】-- CSS入门
Cascading Style Sheet，简称： CSS 表示层叠样式表又称为串联样式列表、级联样式表、串接样式表、阶层式样式表 是为网页添加样式的代码。 CSS 是一种语言吗？ MDN 解释： CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言； 维基百科解释：是一种计算机语言，但是不算是一种编程语言； CSS 历史早期的网页都是通过HTML来编写的，但是我们希望HTML页面可以更加丰富 这个时候就增加了很多具备特殊样式的元素：比如 i、 strong、 del 等等； 后来也有不同的浏览器实现各自的样式语言，但是没有统一的规划； 1994 年，哈肯·维姆·莱和伯特·波斯合作设计 CSS，在 1996 年的时候发布了 CSS1； 1997 年初， W3C 组织才专门成立了 CSS 的工作组， 1998 年 5 月发布了 CSS2； 2006~2009 非常流行 “DIV+CSS”布局的方式来替代所有的 html 标签； 从 CSS3 开始，所有的 CSS 分成了不同的模块（modules），每一个“modules” 都有于 CSS2 中额外增加的功能， ...
【前端体系课】-- HTML补充
字符实体 我们编写的 HTML 代码如何被浏览器解析? 如果你使用小于号（<），浏览器会将其后的文本解析为一个 tag 但是某些情况下，我们确实需要编写一个小于号（<） HTML 实体是一段以连字号（&）开头、以分号（;）结尾的文本（字符串） 实体常常用于显示保留字符（这些字符会被解析为 HTML 代码）和不可见的字符（如“不换行空格”） 也可以用实体来代替其他难以用标准键盘键入的字符 URL 和 URIURL 代表着是统一资源定位符（Uniform Resource Locator）通俗点说： URL 无非就是一个给定的独特资源在 Web 上的地址。 理论上说，每个有效的 URL 都指向一个唯一的资源； 这个资源可以是一个 HTML 页面，一个 CSS 文档，一幅图像，等等； 格式 和URI的区别 URI = Uniform Resource Identifier 统一资源标志符，用于标识 Web 技术使用的逻辑或物理资源 URL = Uniform Resource Locator 统一资源定位符， 俗称网络地址，相当 ...
【前端体系课】-- HTML常见元素
<! DOCTYPE>HTML 最上方的一段文本我们称之为文档类型声明，用于声明文档类型 <! DOCTYPE html> HTML 文档声明，告诉浏览器当前页面是 HTML5 页面； 让浏览器用 HTML5 的标准去解析识别内容； 必须放在 HTML 文档的最前面，不能省略，省略了会出现兼容性问题； html表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素 W3C 标准建议为 html 元素增加一个 lang 属性，作用是: 帮助语音合成工具确定要使用的发音; 帮助翻译工具确定要使用的翻译规则; 常用的规则： lang=“en” 表示这个 HTML 文档的语言是英文； lang=“zh-CN” 表示这个 HTML 文档的语言是中文； head规定文档相关的配置信息（也称之为元数据），包括文档的标题， 引用的文档样式和脚本等 title设置网页的标题 meta 可以用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码 一般都使用utf-8编码，涵盖了世界上几乎所 ...
【前端体系课】-- HTML结构
超文本标记语言，HyperText Markup Language，简称：HTML 是一种用于创建网页的标准标记语言 HTML 元素是构建网站的基石 标记语言由无数个标记（标签、tag ) 组成； 是对某些内容进行特殊的标记，以供其他解释器识别处理； 比如使用<h2></h2>标记的文本会被识别为“标题”进行加粗、文字放大显示； 由标签和内容组成的称为元素（element） 超文本不仅仅可以插入普通的文本（Text），还可以插入图片、音频、视频等内容还可以表示超链接（HyperLink），从一个网页跳转到另一个网页 元素HTML本质上是由一系列的元素（Element）构成的 一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含 元素组成 开始标签（Opening tag）：包含元素的名称，被左、右尖括号所包围。表示元素从这里开始或者开始起作用 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾在此结束。 内容（Content）：元素的内容，也是网页显示的内容 元素属性元素 ...
【前端体系课】-- 前言
软件和软件开发 软件一系列按照特定顺序组织的计算机数据和指令 软件开发告诉计算机一系列的指令，这些指令也称之为 程序 完善的软件系统： 软件开发分类按照职能不同可分成两类： 后端 （Back-end）开发 前端（Front-end）开发 前端开发的内容 web 开发、小程序开发 移动端 、桌面端（electron）、服务器开发（Node. js） 网页和网站 网页Web Page，就是打开浏览器看到的页面，内容丰富，包括文字、链接、图片、音乐、视频等 网站由多个网页组成 网页的显示过程 用户在浏览器输入一个网站； 浏览器会找到对应的服务器地址，请求静态资源（可以存放在世界上任何一个地方）； 服务器返回静态资源给浏览器； 浏览器对静态资源进行解析和展示； 静态资源包含：HTML、CSS、JS 等，由前端工程师开发后打包放到服务器上 网页的组成 阶段一：HTML 元素 阶段二：HTML 元素 + CSS 样式 阶段三：HTML元素 + CSS样式 + JavaScript语言 HTML 表示网页的内容 CSS 表示网页的视觉体验 JS 表示网页的交互处理 ...
【算法第一课】-- 常见排序算法1
排序算法是计算机科学中非常重要的一类算法。通过排序算法，我们可以对数据进行排序，从而更容易地检索、分析和处理数据。本文将介绍以下几种常见的排序算法： 冒泡排序 选择排序 插入排序 注意：如无特殊说明，默认都是按照正序排序，即从左到右从小到大的顺序 冒泡排序冒泡排序是一种简单的排序算法，它重复地遍历待排序的数列，一次比较两个相邻的元素，如果它们的顺序错误就把它们交换过来。遍历数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。 排序过程很像水中的气泡，较大的气泡会优先上升，因此得名 算法步骤 比较相邻的两个元素。如果第一个比第二个大，就交换它们两个； 每一对相邻元素做同样的操作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数； 针对所有的元素重复以上的步骤，除了最后一个； 重复步骤 1-3，直到排序完成。 代码实现/** * 冒泡算法： * 一共 n-1 轮比较，每轮通过比较相邻两个数据确定一个最大值； * 两层 for 循环，外层是轮数，内层是比较相邻数据 * 【swap 中只能记录需要交换的下标，不能记录交换的数据】 */pub ...
【算法第一课】-- 前言
欢迎来到【算法第一课】！在该系列文章中，将向你介绍算法的基本概念，以及为什么学习算法对于编程和问题解决至关重要。无论你是一位初学者，还是有一定编程经验的开发者，了解算法都将帮助你提高编程技能和解决实际问题的能力。 什么是算法？算法是解决特定问题的一组明确、有序的步骤。在计算机科学中，算法被用来解决需要通过计算完成的任务，如数据排序、查找、加密等等。一个好的算法应该具备以下几个特点： 有效性：算法能够解决问题，并且产生正确的结果。 确定性：算法在相同的输入下，总是产生相同的输出结果。 可终止：算法总是在有限的时间内终止。 可执行性：算法的每个步骤都应该是可执行的。 为什么学习算法？众所周知：程序 = 数据结构 + 算法 ，算法被称为程序的灵魂，这是因为它们决定了程序如何解决问题、如何处理和操作数据。在编写程序时，恰当地选择和设计算法非常关键，因为它们直接影响程序的性能和可用性。 学习算法有以下几个好处： 提高编程技能：掌握常见的算法和数据结构，可以帮助你更高效地解决编程问题。 提高问题解决能力：了解算法原理，有助于培养分析问题、设计解决方案的能力。 面试准备：许多技术面试 ...