随笔分类 - Python全栈开发新版 / 【4.0】前端 / 【1.0】前端三剑客
发表于 2024-02-27 09:56阅读：118评论：0推荐：0
摘要：【一】开关灯示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1 { height: 400px; width: 400px; border-radius:
阅读全文 »
发表于 2024-02-27 09:55阅读：53评论：0推荐：0
摘要：【一】什么是DOM/BOM 文档对象模型（Document Object Model, 简称 DOM） 浏览器对象模型（Browser Object Model, 简称 BOM） 是 JavaScript 与网页内容及浏览器环境进行交互的两种核心概念。 【1】DOM （1）概述 文档对象模型（DOM
阅读全文 »
发表于 2024-02-27 09:55阅读：37评论：0推荐：0
摘要：【一】对象 js中的对象是无序的属性集合 我们可以把js中的对象想象成键值对，其中值可以是数据或者函数 特征-在对象中属性表示 行为-在对象中用方法表示 可以看成Python中的字典，但是在JS中的自定义对象要比Python里面的字典操作起来更方便 【二】对象创建 【1】对象字面量（Object L
阅读全文 »
发表于 2024-02-27 09:54阅读：22评论：0推荐：0
摘要：【一】函数 函数function，也叫做功能，方法 ，函数可以将一段代码封装起来，函数就具备了特定的功能 函数的作用就是封装一段代码，将来可以重复使用 在Python中定义函数需要用 def 在JavaScript中定义函数需要用 function 【二】函数声明 【1】先声明再调用 函数必须先声明
阅读全文 »
发表于 2024-02-27 09:54阅读：13评论：0推荐：0
摘要：【一】什么是数组 数组是一组有序的数据集合，数组内部可以存放多个数据，不限制数据类型，数组的长度可以动态调整 数组类似于Python当中的列表 【二】创建数组 创建数据的最简单方式是通过字面量 var arr = [] 也可以通过数组对象去创建 var arr = new Array() 存放多个数
阅读全文 »
发表于 2024-02-27 09:54阅读：13评论：0推荐：0
摘要：【一】if判断 【1】语法 // if - else if (条件){条件成立执行的代码块}else{条件不成立时执行的代码块} // if - else if - else if (条件){条件成立执行的代码块}else if(条件){条件成立执行的代码块}else{条件不成立时执行的代码块} /
阅读全文 »
发表于 2024-02-27 08:31阅读：11评论：0推荐：0
摘要：【零】操作符 操作符也称为运算符：例如5+6 表达式的组成包含操作数和操作符，表达式会得到一个结果 【一】算数运算符：+ 【0】运算符 // + : 加法 1 + 1 // 2 // - : 减法 2 - 1 // 1 // * : 乘法 3 * 3 // 9 // / : 除法 4 / 2 //
阅读全文 »
发表于 2024-02-27 08:30阅读：11评论：0推荐：0
摘要：【零】JS代码的书写位置 【0】行内写法 <div onclick="(alert('Surprise!'))">click me !</div> 【1】写在script标签内部 <script> console.log("Hello World!"); </script> 【2】JS文件 可以单独
阅读全文 »
发表于 2024-02-27 08:30阅读：22评论：0推荐：0
摘要：【一】JavaScript介绍 【1】什么是js js也是一门编程语言，他可以写后端代码 【2】什么是node.js 前端由于非常受制于后端,所以有一些人异想天开想要通过js来编写后端代码一统江湖 由此开发了一个叫nodejs的工具(支持js跑在后端服务器上) 但是并不能完美的实现 【3】JavaS
阅读全文 »
发表于 2024-02-27 08:30阅读：21评论：0推荐：0
摘要：【一】引言 在设计页面的时候先用div划分页面，再去填充数据，再去填充样式 【二】HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CnBlogs</title> <link rel="style
阅读全文 »
发表于 2024-02-27 08:30阅读：72评论：0推荐：0
摘要：【一】盒子模型 【1】什么是盒子模型 盒子模型（Box Model）是指在网页设计中，用于描述和布局元素的一种模型。 它将每个元素看作是一个具有四个边界的矩形盒子，包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin）。 【2】盒子模型的组成部分 内容
阅读全文 »
发表于 2024-02-27 08:29阅读：17评论：0推荐：0
摘要：【一】长度和宽度 /* 块级标签无法设置长度和宽度，就算写了也不会生效 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { background-colo
阅读全文 »
发表于 2024-02-27 08:29阅读：11评论：0推荐：0
摘要：【一】分组与嵌套 【1】分组 （1）语法 /*查找div或者p或者span*/ div, p, span { color: red; } （2）示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title
阅读全文 »
发表于 2024-02-27 08:29阅读：22评论：0推荐：0
摘要：【一】什么是CSS 层级样式表：就是给HTML标签添加样式的，让它变得好看 【二】注释语法 /* 这是注释 */ 【三】CSS的语法结构 选择符 { 样式属性: 样式属性值; 样式属性: 样式属性值; 样式属性: 样式属性值, 样式属性值, 样式属性值; } 一个正常的网页css样式是非常多的 就算
阅读全文 »
发表于 2024-02-27 08:29阅读：25评论：0推荐：0
摘要：【零】引入 【1】哪些可以充当客户端 自己写的python代码(TCP客户端) 别人写的浏览器 cs架构与bs架构 bs本质也是cs 【2】问题 我们自己写的TCP服务端与浏览器之间通信了 但是浏览器不识别服务端数据 【3】HTTP协议的起源 不同的服务端数据的组织策略千差万别，但是浏览器却需要做到
阅读全文 »
发表于 2024-02-27 08:28阅读：21评论：0推荐：0
摘要：【一】表格标签 准备数据 dream 521 swim chimeng 369 running mengmeng 123 music 【1】定义和用法 <table>标签定义了HTML表格 一个HTML表格由一个<table>元素和一个或多个<tr>、<th>和<td>元素组成 <tr>：定义表格行
阅读全文 »
发表于 2024-02-27 08:28阅读：25评论：0推荐：0
摘要：【一】HTML简介 【1】什么是HTML 超文本标记语言 如果想要让浏览器能够渲染出写的页面，都必须遵从HTML语法 我们浏览器看到的页面，内部其实都是HTML代码(所有的网站内部都是HTML代码) 【2】最基础的页面 <h1>hellow dream</h1> <a href="https://m
阅读全文 »
发表于 2024-02-27 08:27阅读：52评论：0推荐：0
摘要：【一】从浏览器输入一个地址到看到页面信息的过程 【1】在浏览器中输入网址（URL） 用户在浏览器的地址栏中输入目标网址（例如：https://www.example.com），并按下回车键。 【2】DNS解析 浏览器会先检查是否有缓存过该域名的IP地址，如果有缓存则直接使用，否则浏览器会向本机的DN
阅读全文 »
发表于 2024-02-27 08:27阅读：24评论：0推荐：0
摘要：【一】前端/后端 【1】什么是前端 任何与用户直接打交道的操作界面都可以称之为前端 比如电脑界面、手机界面、平板界面 【2】什么是后端 不直接与用户打交道的用于执行真正业务逻辑的代码 比如C代码，Java代码，Python代码 【二】为什么学前端 看懂前端代码，能搭建简单的页面 【三】前端学习思路
阅读全文 »
