合集-前端炒米粉
摘要：本篇要研究的内容为前端的开发。我们知道存储于服务器端的统称为后端技术，而前端技术是指通过浏览器到用户端计算机的统称。因此，前端的所有知识都和“浏览器”紧密相关，在本篇文章中，我们将通过介绍浏览器的诞生原因及发展历史来详细地阐述浏览器的本质。 软件开发架构 C/S,B/S架构 随着互联网的推广和普及，
阅读全文
摘要：HTTP 协议介绍 HTTP协议（HyperText Transfer Protocol，超文本传输协议），用来规定服务端和浏览器之间的数据交互的格式，也是用于从万维网（WWW:World Wide Web）服务器传输超文本到本地浏览器的传送协议。 该协议构建于TCP/IP 协议族之上，属于应用层协
阅读全文
摘要：HTML简介 什么是HTML 站在显示文本内容的角度去看，浏览器与word的原理一样，我们可以将浏览器当成一个网页版的只读word，浏览器也必须有一套自己能识别的标记文本的规范，该规范被称为HTML, HTML全称是超文本标记语言（HyperText Markup Language）。 “超文本”指
阅读全文
摘要：表格标签 只要是展示数据，一般都可以使用表格标签 <body> <table border="1" cellpadding="5" cellspacing="5> # border：为表格添加外边框 # cellpadding： 调整字体离边框距离 # cellspacing ： 调整内边框离外边框
阅读全文
摘要：一、什么是css CSS(Cascading Style Sheets的缩写)，翻译为“层叠样式表”或者“级联样式表”，简称样式表。 主要用来给HTML网页设置 外观或者样式(HTML网页中的文字大小、颜色、字体、网页的背景颜色、背景图片等)。 通俗来说就是给HTML标签添加样式的，让它变得更加好看
阅读全文
摘要：一、什么是选择器 选择器是指通过一定的语法规则选取到对应的HTML标记，然后给这个对应的HTML标记设置样式 二、选择器的分类 CSS中提供了多种不同类型的选择器，例如基本选择器、组合选择器、伪类选择器、伪元素选择器等等。 1、基本选择器 （1）概览 在CSS中，选择器用于选取HTML文档中的元素。
阅读全文
摘要：一、长度和宽度 行内标签无法设置长宽，就算你写了，也不会生效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { background-color: red;
阅读全文
摘要：一、浮动 （1）概述 浮动是所有网站页面布局必备的 可以将块儿级标签浮动起来脱离正常的文档流。 浮动是多个块儿级标签可以在一行显示(全部飘在了空中) 浮动的元素，没有块儿级一说，本身有多大浮起来之后也就只能占多大。 只要涉及到页面的布局，一般都是用浮动提前规划好 主要属性值为：left（左浮动）、n
阅读全文
摘要：使用CSS搭建网站文章首页 blog.css /*通用样式*/ body { /* 去除自带的8px */ margin: 0; background-color: #eeeeee; } a { /* 去除a标签下的下划线 */ text-decoration: none; } ul { /* li
阅读全文
摘要：一、什么是JavaScript JavaScript是一门跨平台、面向对象的脚本语言（不需要编译，直接解释运行即可），来控制网页的行为，它能使网页可交互。 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行。 现在也可以基于 Node.js 技术进行服务器端编程 W
阅读全文
摘要：一、常用的调试语句 方法 说明 示例 归属 alert(msg); 警告，在浏览器中弹出一个警告框，内容为alert里面的内容 alert("Surprise"); 浏览器 closole.log(msg); 控制台，在控制台内输出一些内容 console.log("Surprise"); 浏览器
阅读全文
摘要：数组 一、什么是数组 数组类似于python里面的列表 [] 在编程中，数组（Array）是一种数据结构，用于存储相同类型的多个元素。这些元素按照顺序排列，并通过索引（通常是非负整数）来访问。数组可以包含各种数据类型，例如整数、浮点数、字符串，甚至其他数组。 在许多编程语言中，数组的大小是固定的，一
阅读全文
摘要：一、什么是运算符 运算符，顾名思义就是在运算中的符号，例如加法中的 ”+“ 就是一个运算符。严谨来说，运算符是一种告诉编译器执行特定的数学或逻辑操作的符号。 二、运算符的分类 JavaScript 中的运算符可以分为多种类型，包括算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符等。以下是这些
阅读全文
摘要：一、if判断 在 JavaScript 中，if 语句是一种常见的条件语句，用于根据条件执行不同的代码块。除了基本的 if 语句外，还有 if...else、if...else if...else 等变体，用于处理多个条件的情况。 1. if 语句 if 语句用于在条件为真时执行特定的代码块。 语法
阅读全文
摘要：一、什么是函数 在 JavaScript 中，函数是一种可重复使用的代码块，用于执行特定任务或计算。函数可以接受参数，执行特定的操作，并返回一个值。 二、函数的声明 函数可以通过函数声明、函数表达式或箭头函数来定义。 函数声明： function functionName(parameters) {
阅读全文
摘要：一、什么是对象 现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。 例如，一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、
阅读全文
摘要：一、JavaScript的组成 JavaScript的实现包括以下3个部分： ECMAScript(核心) 描述了JS的语法和基本对象 文档对象模型 （DOM） 处理网页内容的方法和接口 浏览器对象模型（BOM） 与浏览器交互的方法和接口 核心（Core）： 核心部分包括语言的基本语法、数据类型、控
阅读全文
摘要：原生js事件绑定 开关灯案例 <script> <div id="d1" class="c1 bg_green bg_red"></div> <button id="d2">变色</button> <script> let btnEle = document.getElementById('d2')
阅读全文
摘要：一、jQuery介绍 （1）JavaScript库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解： 就是一个J
阅读全文
摘要：一、jQuery与js代码 （1）jQuery基本语法 # 原来写法 jQuery(选择器).action() # 简写 秉持着jQuery的宗旨，jQuery简写$ jQuery() $() （2）jQuery与js代码对比 eg：将p标签内部的文本颜色改为红色 <!DOCTYPE html> <
阅读全文
