81【看懂网站代码结构】

最新推荐文章于 2025-12-13 20:17:14 发布
原创 最新推荐文章于 2025-12-13 20:17:14 发布 · 置顶 · 121 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习

我们随便找到打开一个网页，鼠标右键查看源码，我们首先是看body部分，这是组件
组件的写法如：
<b>内容</b>        文字加粗
<h1>内容</h1>    使用h1号字体显示文字
我们现在来升华一下，组件是可以携带属性的
<h1 class="c1">内容</h1>，这种写法便是附加参数大概来讲，就是可以对该组件进行一定的属性规定


重点：并不是所有组件（标签）都有结束符号，我们现在来创建一个文本输入框

01
02
03
04
05
06
07
08
09
10
11
12
13
<!DOCTYPE html>
<html>
<head>
        <title>第2个程序</title>
 
 
</head>
<body>
 
        <input type="" name="" placeholder="请输入账号">
 
</body>
</html>




<input>就是创建文本输入框的代码，placeholder="请输入账号"是属性规定，文本框里会有提示文本，运行结果如下：





<title>第2个程序</title>这个是设置标题的代码，在head里面

十分钟弄懂什么是跳表，不懂可以来打我
日积月累，天道酬勤
03-28 2万+
今天我们来学习一种可以快速查找、插入、删除的数据结构，据说可以代替红黑树。这些都不重要，重要的是原理简单，实现起来也简单！
图神经网络代码_一文读懂图神经网络
weixin_39845461的博客
12-04 3269
作者：哈工大SCIR博士生 郑博一、图神经网络介绍什么是图神经网络图神经网络(Graph Neural Networks, GNNs)是基于图结构的深度学习方法，近期被广泛应用到各类图像、自然语言处理等任务上。图神经网络作为神经网络扩展，可以处理以图结构表示的数据格式。在图中，每个节点都由本身的特性以及其相邻的节点和关系所定义，网络通过递归地聚合和转换相邻节点的表示向量来计算节点的表示向...
一步步看懂g2o代码
huangkangying的专栏
02-21 2989
https://mp.weixin.qq.com/s?__biz=MzIxOTczOTM4NA==&amp;mid=2247486858&amp;idx=1&amp;sn=ce458d5eb6b1ad11b065d71899e31a04&amp;chksm=97d7e81da0a0610b1e3e12415b6de1501329920c3074ab5b48e759edbb33d264a73f1a9...
【文心智能体】梗图七夕版，一分钟让你看懂如何优化prompt，以及解析低代码工作流编排实现过程和零代码结合插件实现过程，依然是干货满满，进来康康吧
小5聊的博客
08-05 5364
最近Glif**梗图**非常火，同时文心智能体平台超级创造营开启新一期活动， 加上**七夕节**快到了，属于我们国内的情人节，博主选择了高级赛道的梗图七夕版方向。 在Glif梗图基础上，博主通过低代码的**可视化工作流编排**方式去实现。 同时也尝试通过零代码结合插件的方式实现梗图七夕版。
彻底搞懂NeRF论文公式代码
fisherisfish的博客
07-25 4104
先将输入展平为向量，随后进行位置信息编码。然后调用batchify_rays函数，核心目的是为了实现批量渲染，batchify_rays比较简单，rays_flat.shape[0]是1024，这里实际上只会进行一次循环，因为chunk是步长，一次就大于shape了，实际上chunk就是一次能进行渲染的光线最大值，这里设置成1024*32，所以rays_flat[i:i+chunk]其实就是输入的rays本身，只有rays更大的时候，chunk才会发挥作用，我们再来看这里引用的render_rays函数，
通过51单片机汇编程序看懂内存结构与函数调用
unforgetablebaby的博客
04-11 4274
[@TOC] 51单片机储存器结构 80C51单片机的内部存储器分为内部程序存储器和内部数据存储器，这种程序与数据分开存放的存储器结构称为“哈佛”结构。（所谓哈弗就是数据与程序分开存储，这也是51单片机的缺点：速度不快；对应的是冯诺依曼结构，是数据与程序存储一块。) 程序存储器 单片机复位后，程序计数器（PC）的内容为0000H，从0000H单元开始执行程序。STC89C52系列HD版本单片机除可以访问片上Flash存储器外，还可以访问64KB的外部程序存储器。因此，对于STC89C52系列HD版本单片机而
项目实战典型案例14——代码结构混乱 逻辑边界不清晰 页面美观设计不足
理想主义的花最终会盛开在浪漫主义的土壤里，我的热情永远不会熄灭在现实的平凡之中，我们终将上岸，阳光万里。
03-04 1293
本篇博客是对对项目开发中出现的代码结构混乱、逻辑编写不清晰、页面美观不足进行的总结并进行的改进。目的是将经历转变为自己的经验。通过博客的方式分享给大家，大家一起共同进步和提高。1.对于问题三的解决方案，应该还有更好的处理方式，如将< img>标签放入到< span>标签中应该也可以解决这个问题，但是博主没有进行验证。2. 对例如div 以及 v-if这类基础知识点需要进行掌握，还有可能写出符合逻辑以及封装性强的代码。3. 对于代码的整洁度，结构性，一直都是诟病的问题。
简单了解前端代码
weixin_58954236的博客
08-23 2194
DOCTYPE html > < html leng = " en " > < head > < meta charset = " UTF-8 " > < title > 标题 < body > < from method = " post/get " action = " 传向的后端代码 " > < p > < input name = " 命名 " type = " 类型 " value = " 说明 " >
一篇文章带你搞懂 DEX 文件的结构
墨鱼菜鸡
07-11 3710
From：https://blog.youkuaiyun.com/sinat_18268881/article/details/55832757 Dex文件格式详解：https://www.jianshu.com/p/f7f0a712ddfe dex文件解析(第三篇)：https://blog.youkuaiyun.com/tabactivity/article/detai...
如何阅读项目代码
chumingqian的博客
05-06 5039
阅读源代码的能力算是程序员的一种底层基础能力之一，这个能力之所以重要，原因在于： 不可避免的需要阅读或者接手他人的项目。比如调研一个开源项目，比如接手一个其他人的项目。 阅读优秀的项目源码是学习他人优秀经验的重要途径之一，这一点我自己深有体会。 读代码与写代码是两个不太一样的技能，原因在于“写代码是在表达自己,读代码是在理解别人”。因为面对的项目多，项目的作者有各自的风格，理解起来需要花费不少的精力。 1.先跑起来 开始阅读一份项目源码的第一步，是先让这个项目能够通过你自己编译通过并且顺利跑起来。这一点尤其
81蓝色留学出国企业交互动态全套网站源代码.rar
04-25
《81蓝色留学出国企业交互动态全套网站源代码》 在互联网技术高速发展的今天，一个优秀的网站对于任何企业来说都是至关重要的，尤其对于留学出国服务行业，一个吸引眼球、功能完善的网站更是不可或缺。"81蓝色留学...
C#基础拾遗系列之一：先看懂IL代码
BurningMyself
05-09 295
随笔 - 14 文章 - 8 评论 - 152 C#基础拾遗系列之一：先看懂IL代码 一、前言 首先，想说说为什么要写这样系列的文章，有时候在和同事朋友聊天的时候，经常会听到这样的话题： （1）在这家公司没什么长进，代码太烂，学不到东西。（你有没有想想框架为什么这样写，代码还可以怎么去优化，比如公司使用Dapper，源...
在我的代码基础上改简单一点的，看不懂
04-26
同时，用户希望简化代码结构，使其更易理解。我需要结合之前提供的引用和之前的回答来解决这个问题。 首先，回顾用户之前的代码，主要问题在于按键扫描和状态切换部分。原来的代码可能没有状态变量，导致每次按键...
运放学习笔记
最新发布
Z97371539的博客
12-13 445
单电源运放是指仅使用单一电源电压（例如，+5V）和地（0V）作为电源供给的运放。也就是说，它只需要一个正电压和地作为参考电压，而不需要负电压。
学习离线处理 [CSP-J 2022 山东] 部署
SHOJYS的博客
12-09 758
所谓离线, 就是等你操作完了后再问你问题, 每一次操作时间复杂度可能很大, 我们可以把操作堆起来最后一遍完成.我们记录完之后, 就是要统计答案了. 我们不妨先思考操作二该怎么统计., 而对于其子节点和祖先而言, 兵力都要增加。我们不妨记录两个内容, 一个是操作一在节点。最后展示总代码, 当然肯定与上述有部分出入.. 但问题来了, 它的子树都要增加。要求增加的兵, 不妨将其设为。要求增加的兵, 不妨将其设为。我们再思考操作一该怎么统计.而言, 其增加的兵力就是。而言, 其兵力增加就是。我们首先记录所有操作,
学习笔记095——Ubuntu 安装 lrzsz 服务？
code__bee的博客
12-10 389
lrzsz是一款基于协议的文件传输工具集，专门用于在终端环境下实现本地与远程服务器之间的文件上传和下载，是 Linux/Unix 运维和开发场景中常用的轻量级工具。
Kamailio的学习
2301_79965178的博客
12-12 588
摘要：本文详细介绍了Kamailio SIP服务器的架构与配置。Kamailio是一款支持高并发、多协议的高性能SIP服务器，采用模块化设计，包含150多个功能模块。文章从配置文件结构（全局参数、模块设置、路由区块）入手，深入解析其多进程模型、Epoll多路复用机制、共享内存和锁定系统等底层实现。重点阐述了Kamailio处理SIP消息的完整流程，包括请求/响应处理、进程间通信等核心机制，并展示了通过kamcmd命令查看进程状态的实践示例。
（HaloOS 基于TC397学习笔记）二、配置工具VCOS Studio使用探索
April的博客
12-11 801
本文介绍了如何使用HaloOS的VCOS Studio工具配置和编译TC397开发板的rt_demo工程。
Exhibit 英文单词学习
qq_36812406的博客
12-10 1030
exhibit（动词）：展示、表现、显示→ 可指“物理展示”→ 也可指“抽象性质的表现”（SLAM 中常用）exhibit（名词）：展品、展示物关键特征常用于描述系统或算法的“表现/性质/特征”在技术写作中非常常见比 show/display 更正式、更科学。
还是没有看懂解析
12-01
<think> 我们之前讨论过DS1302的驱动代码问题，现在用户要求详细解释初始化、写入字节、读取字节三个函数的工作原理。结合用户提供的代码和之前的分析，我将详细解释每个函数的工作原理，并指出之前发现的问题及修正方法。 ### 1. DS1302_Init 初始化函数 ```c void DS1302_Init(void) { DS1302_CE = 0; // CE引脚置低，禁用芯片 DS1302_SCLK = 0; // 时钟线置低 } ``` **工作原理**： - 该函数在系统启动时调用，用于初始化DS1302的通信引脚状态。 - 将CE（也称为RST）引脚置0，确保芯片处于非活动状态。 - 将SCLK（时钟线）置0，为后续通信提供初始状态。 **问题与改进**： - 此初始化仅设置引脚状态，并未配置DS1302内部寄存器。实际使用中，通常需要关闭写保护并设置初始时间。 - 改进建议：在初始化后关闭写保护寄存器（地址0x8E），以允许写入时间数据： ```c void DS1302_Init(void) { DS1302_CE = 0; DS1302_SCLK = 0; // 关闭写保护 DS1302_WriteByte(0x8E, 0x00); // 0x8E是写保护寄存器地址，0x00表示关闭写保护 } ``` ### 2. DS1302_WriteByte 写入字节函数 ```c void DS1302_WriteByte(unsigned char Command, unsigned char Data) { unsigned char i; DS1302_CE = 1; // 使能芯片（CE置高） // 写入8位命令（地址/控制字） for (i = 0; i < 8; i++) { DS1302_IO = Command & (0x01 << i); // 依次取出Command的每一位（从最低位开始） DS1302_SCLK = 1; // 上升沿写入数据 DS1302_SCLK = 0; // 时钟拉低，准备下一次写入 } // 写入8位数据 for (i = 0; i < 8; i++) { DS1302_IO = Data & (0x01 << i); // 依次取出Data的每一位 DS1302_SCLK = 1; DS1302_SCLK = 0; } DS1302_CE = 0; // 禁用芯片 } ``` **工作原理**： 1. 拉高CE引脚，启动数据传输。 2. **命令写入阶段**：循环8次，每次将Command的当前位（从LSB开始）输出到IO线，然后产生一个时钟上升沿（SCLK从0到1），DS1302在上升沿采样数据。 3. **数据写入阶段**：同样循环8次，将Data的每一位依次写入。 4. 完成后拉低CE，结束传输。 **时序关键点**： - 写操作时，数据在SCLK上升沿被DS1302锁存。 - 命令字节的格式：最高位（MSB）固定为1，第6位为1表示时钟/日历数据，最低位（LSB）为0表示写操作。例如，写入秒寄存器的命令为0x80（10000000）[^1]。 **问题与改进**： - 原代码未考虑IO方向设置（需配置为输出模式），但在51单片机中IO默认为准双向口，通常可工作。 - 缺少延时：高速单片机需在SCLK跳变后增加短暂延时（如`delay_us(2)`）确保信号稳定。 ### 3. DS1302_ReadByte 读取字节函数 ```c unsigned char DS1302_ReadByte(unsigned char Command) { unsigned char i, Data = 0x00; Command |= 0x01; // 将命令的LSB置1（表示读操作） DS1302_CE = 1; // 使能芯片 // 写入8位命令（读操作） for (i = 0; i < 8; i++) { DS1302_IO = Command & (0x01 << i); // 输出命令的每一位 DS1302_SCLK = 0; // 先拉低时钟 DS1302_SCLK = 1; // 再拉高，产生上升沿（写入命令） } // 读取8位数据 for (i = 0; i < 8; i++) { DS1302_SCLK = 1; // 先拉高 DS1302_SCLK = 0; // 再拉低，产生下降沿（DS1302在下降沿后输出下一位数据） if (DS1302_IO) { Data |= (0x01 << i); // 读取当前位（从LSB开始） } } DS1302_CE = 0; // 禁用芯片 DS1302_IO = 0; // 释放IO线 return Data; } ``` **工作原理**： 1. 拉高CE引脚启动传输。 2. **命令写入阶段**：将读命令（Command | 0x01）写入DS1302（与写函数相同）。 3. **数据读取阶段**： - 循环8次，每次先拉高SCLK（此时DS1302准备数据），再拉低SCLK（下降沿后DS1302将下一位数据输出到IO）。 - 在SCLK为低电平时读取IO状态，并保存到Data变量。 4. 拉低CE结束传输。 **时序关键点**： - 读操作时，DS1302在SCLK下降沿后更新IO线上的数据。因此，应在SCLK拉低后读取IO[^2]。 - 命令字节的LSB必须为1（读操作），例如读秒寄存器的命令为0x81（10000001）。 **原代码问题与修正**： - 原用户代码存在严重时序错误： ```c // 原错误代码片段： for(i=0;i<8;i++) { DS1302_SCLK=1; DS1302_SCLK=0; if(DS1302_IO){Data|=(0x01<<i);} // 在下降沿后读取，但顺序错误 } ``` 问题：在SCLK从1到0（下降沿）后立即读取是正确的，但循环中先产生下降沿再读取，逻辑正确但实现有误。实际原代码中，在下降沿后读取，但循环结构可能导致时序不匹配。 - **脉冲数量错误**：DS1302读操作共需15个SCLK脉冲（8命令+7数据？）。实际上，标准DS1302读操作需8个命令脉冲+8个数据脉冲，共16个脉冲[^4]。但原代码问题在于读取循环内的SCLK操作顺序。 - **修正重点**：确保在SCLK下降沿之后读取数据，且读取循环内先产生下降沿再采样。原代码结构正确，但需确认IO方向（读取前应设置为输入模式）。 ### 总结：完整工作流程 1. **初始化**：关闭写保护，设置初始时间（可选）。 2. **写入时间**：使用`DS1302_WriteByte`写入各时间寄存器（注意BCD码转换）。 3. **读取时间**：使用`DS1302_ReadByte`读取寄存器，并将返回的BCD码转换为十进制显示。 ### 示例：设置和读取秒寄存器 ```c // 设置秒数为30（BCD码0x30） DS1302_WriteByte(0x80, 0x30); // 0x80为秒寄存器写命令 // 读取秒数 unsigned char second = DS1302_ReadByte(0x81); // 0x81为秒寄存器读命令 second = (second >> 4) * 10 + (second & 0x0F); // BCD转十进制 ``` ### 注意事项 1. **BCD码转换**：DS1302使用BCD码存储时间，读取后需转换。 2. **写保护**：每次写入前确保写保护关闭（寄存器0x8E=0x00）。 3. **时钟停止位**：秒寄存器（地址0x80）的最高位为时钟停止位（1停止，0启动），初始化时需清零。 --- §§相关问题§§ 1. DS1302的时钟停止位如何影响计时功能？ 2. 如何验证DS1302的读写时序是否正确？ 3. 除了时间寄存器，DS1302的RAM如何读写？ 4. DS1302的涓流充电功能如何配置？ </think>### DS1302驱动代码详细解析 #### 1. `DS1302_Init` 初始化函数 ```c void DS1302_Init(void) { DS1302_CE = 0; // 禁用芯片（CE/RST置低） DS1302_SCLK = 0; // 时钟线置低 } ``` **工作原理**： 1. **CE/RST引脚控制**： - 当CE=0时，DS1302进入待机状态，停止所有数据传输 - 确保初始化时芯片处于非活动状态 2. **SCLK初始化**： - 时钟线保持低电平，为后续通信提供稳定起点 - 符合DS1302时序要求：SCLK在空闲状态必须为低电平[^1] **关键点**： - 此函数仅完成引脚初始化，实际使用中需补充写保护关闭操作： ```c // 应在初始化后添加 DS1302_WriteByte(0x8E, 0x00); // 关闭写保护(地址0x8E) ``` --- #### 2. `DS1302_WriteByte` 写入函数 ```c void DS1302_WriteByte(unsigned char Command, unsigned char Data) { unsigned char i; DS1302_CE = 1; // 激活芯片(CE置高) // 写入命令字节(8位) for(i=0; i<8; i++) { DS1302_IO = Command & (0x01 << i); // 取出第i位 DS1302_SCLK = 1; // 上升沿锁存数据 DS1302_SCLK = 0; // 准备下一位 } // 写入数据字节(8位) for(i=0; i<8; i++) { DS1302_IO = Data & (0x01 << i); DS1302_SCLK = 1; DS1302_SCLK = 0; } DS1302_CE = 0; // 结束传输 } ``` **时序解析**： 1. **启动传输**： - 置CE=1激活芯片（最小脉宽需$t_{CC}=4\mu s$） 2. **命令写入阶段**： - 循环8次，每次传输1位（LSB优先） - SCLK上升沿时DS1302采样IO数据 - 命令格式：$D7$（1=突发模式），$D6-D1$（地址），$D0$（0=写操作） 3. **数据写入阶段**： - 相同方式写入8位数据 - 数据格式为BCD码（如$0x59$表示59秒） 4. **结束传输**： - 置CE=0终止通信（最小脉宽$t_{CWH}=4\mu s$） **时序图示例**： ``` CE: ______|‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾|______ SCLK: __|‾|_|‾|_|‾|_|‾|_|‾|_|‾|_|‾|__ IO: __D0_D1_D2_D3_D4_D5_D6_D7__ (命令) __D0_D1_D2_D3_D4_D5_D6_D7__ (数据) ``` *注：D0为最低位，首先传输* --- #### 3. `DS1302_ReadByte` 读取函数（含修正） ```c unsigned char DS1302_ReadByte(unsigned char Command) { unsigned char i, Data = 0x00; Command |= 0x01; // 设置读操作位(D0=1) DS1302_CE = 1; // 激活芯片 // 写入读命令(8位) for(i=0; i<8; i++) { DS1302_IO = Command & (0x01 << i); DS1302_SCLK = 0; // 先拉低 DS1302_SCLK = 1; // 上升沿写入 } // 正确读取时序（修正后） for(i=0; i<8; i++) { DS1302_SCLK = 1; // 1. 上升沿（DS1302准备下一位） DS1302_SCLK = 0; // 2. 下降沿（DS1302输出数据） if(DS1302_IO) { Data |= (0x01 << i); // 3. 读取当前位 } } DS1302_CE = 0; // 禁用芯片 DS1302_IO = 0; // 释放IO线 return Data; } ``` **关键修正点**： 1. **读取时序修正**： - 原错误：在SCLK下降沿前读取数据 - 修正后：**下降沿后**读取（DS1302在下降沿更新IO输出） 2. **脉冲数量控制**： - 总脉冲数 = 8（命令）+ 8（数据） = 16个脉冲 - 符合DS1302要求：每个字节传输需要8个时钟脉冲[^4] 3. **命令字处理**： - `Command |= 0x01`：确保D0=1（读操作） - 例如读秒寄存器：0x80 → 0x81 **数据读取原理**： 1. DS1302在SCLK下降沿后更新IO引脚状态 2. 单片机在SCLK低电平期间采样IO状态 3. 数据位顺序：LSB（D0）先传输，MSB（D7）最后 --- ### 典型问题解决方案 1. **显示255问题**： - 原因：未关闭写保护/读取时序错误 - 解决： ```c // 初始化时关闭写保护 DS1302_WriteByte(0x8E, 0x00); // 使用修正的读取函数 second = DS1302_ReadByte(0x81); ``` 2. **BCD码转换**： ```c // BCD转十进制函数 uchar bcd_to_dec(uchar bcd) { return (bcd >> 4) * 10 + (bcd & 0x0F); } // 使用示例 uchar sec = bcd_to_dec(DS1302_ReadByte(0x81)); ``` 3. **时间设置**： ```c // 设置12时30分45秒（BCD格式） DS1302_WriteByte(0x8E, 0x00); // 关写保护 DS1302_WriteByte(0x84, 0x12); // 小时 DS1302_WriteByte(0x82, 0x30); // 分钟 DS1302_WriteByte(0x80, 0x45); // 秒（D7=0启动时钟） ``` --- ### 工作流程总结 ```mermaid graph TD A[初始化] --> B[关闭写保护] B --> C[设置时间] C --> D[循环读取] D --> E[BCD转十进制] E --> F[LCD显示] ``` 1. **初始化序列**：CE=0, SCLK=0 2. **写操作序列**：CE↑ → 写命令 → 写数据 → CE↓ 3. **读操作序列**：CE↑ → 写命令 → 读数据 → CE↓ 4. **数据格式**：所有时间数据均使用BCD编码 > 完整代码实现参考DS1302数据手册时序图[^4]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学编程的闹钟

自愿打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值