当前位置：首页 > news >正文

【前端】简单原生实例合集html,css,js

news 来源：原创 2025/9/1 11:58:06

长期补充，建议关注收藏点赞。

a标签设置不一样的花样（图片但不用img)

a标签里面不用嵌套img，直接设置为其bg-img即可

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>a {text-decoration: none;width: 120px;height: 58px;background-color: pink;display: inline-block;text-align: center;line-height: 50px;color: #fff;}/* 每个a的背景图不同, 单独找到每个a, 设置不同的背景图片 */.one {background-image: url(./images/bg1.png);}.two {background-image: url(./images/bg2.png);}.three {background-image: url(./images/bg3.png);}.four {background-image: url(./images/bg4.png);}.one:hover {background-image: url(./images/bg5.png);}.two:hover {background-image: url(./images/bg6.png);}.three:hover {background-image: url(./images/bg7.png);}.four:hover {background-image: url(./images/bg8.png);}</style>
</head>
<body><a href="#" class="one">五彩导航</a><a href="#" class="two">五彩导航</a><a href="#" class="three">五彩导航</a><a href="#" class="four">五彩导航</a>
</body>
</html>

侧边固定box

侧边固定栏

.side-bar{position:fixed;width:27px;bottom:100px;left:10px;
}
.side-bar ul{}
.side-bar ul li{border:1px solid #f5f5f5;background-color:#fff;width:25px;height:25px;border-top:none;/*防止重复*/
}
.side-bar ul li.one{border-top:1px solid #f5f5f5;
}
.side-bar ul li a img{width:20px;height:20px;
}
.side-bar ul li a {display:block;width:20px;height:20px;
}

分栏

区分fieldset和frameset
frameset是把浏览器窗口分成几个区域，每个区域分别放置一个html文档到对应的frame中，而且这个比例可以按住边栏进行调整
col指定左右边栏的宽度

<frameset cols="25%,75%"><frame src="注册A.html" /><frame src="注册B.html" />
</frameset>

input各种类型

对于 type=“button” 的 < input> 元素，value 属性设置的是按钮上显示的文本。
-所有的单选按钮radio的 name 属性值相同，这意味着这些按钮是一个组，用户只能选择其中的一个。

<input type="button" value="alert" id="alerta" onclick="alert('我被点击啦！')">
<input type="button" value="confirm" id="confirma" onclick="confirm('确定要删除吗？')">
<input type="button" value="prompt" id="prompta" onclick="prompt('请输入用户名：')"><label for="pga"><input type="radio" name="fruit" value="pga" id="pga">苹果A</label>
<label for="jza"><input type="radio" name="fruit" value="jza" id="jza">橘子A</label>
<label for="xja"><input type="radio" name="fruit" value="xja" id="xja">香蕉A</label><p>
<!--name:value --><input type="checkbox" name="hobby" value="汽车" id="qcA">汽车A <input type="checkbox" name="hobby" value="购物" id="gwA">购物A 
</p><input type="file" name="upfilea" />

iframe

a中的target对应iframe的name,表明这个链接在哪个iframe里加载

<a href="http://www.sina.com.cn" target="myframe1">新浪</a>
<a href="http://www.hao123.com" target="myframe1">hao123</a>
<a href="http://www.taobao.com" target="myframe2">淘宝</a>
<a href="http://www.baidu.com" target="myframe2">百度</a><br>
<iframe src="注册A.html" frameborder="1" height="500" width="48%" name="myframe1" id="idframe1" class="cframe"></iframe>
<iframe src="注册B.html" frameborder="1" height="500" width="48%" name="myframe2"></iframe>

表单

总结

label 的 for 属性和 input 的 id 属性应该对应。
这样对应的作用是：当用户点击 < label> 时，浏览器会自动把焦点转到对应的 < input> 元素。
input的name是指定表单提交时，在服务器端接收这个字段的数据时会使用这个名字。
required=“”：这个属性意味着用户在提交表单之前，必须填写这个字段,如果没填写提交后会弹出提示tooltip
button中的value 属性在实际提交表单时作为按钮的值传递给服务器。
button如果同时有name和value，则提交表单时，服务器会收到 name值=value值的数据。

<form action=""><div id="zc"><fieldset><legend>注册用户</legend><p id="p1"><label for="user">账号</label><input type="text" name="user" id="user" placeholder="账号" required="" value="">			</p><p><label for="password">密码</label>		<input type="password" name="password" id="password" placeholder="密码" value=""></p><p><button type="submit" value="注册">注册</button><button type="submit" name="action" value="register">注册</button><hr></p><p><a href="注册A.html" id="ZCA" target="_blank">注册A页面</a></p><p><a href="注册B.html" id="ZCB" target="_blank">注册B页面</a></p></fieldset>		</div>
</form>

拖拽

<!--第1种-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>拖拽div</title>
<style type="text/css">div{position:absolute;width:150px;height:150px;background-color:red;}
</style>
<script type="text/javascript">
function drag(obj)
{if (typeof obj == "string") {var obj = document.getElementById(obj);obj.orig_index=obj.style.zIndex;///原始z-index}obj.onmousedown=function (e){//鼠标按下this.style.cursor="move";//设置鼠标样式this.style.zIndex=1000;//设置当前对象永远显示在最上层var d=document;if(!e) e=window.event;//按下时创建一个事件var x=e.clientX-document.body.scrollLeft-obj.offsetLeft;//x=鼠标相对于网页的x坐标-网页被卷去的宽-待移动对象的左外边距var y=a.clientY-document.body.scrollTop-obj.offsetTop;//y=鼠标相对于网页的y左边-网页被卷去的高-待移动对象的左上边距d.onmousemove=function(e){//鼠标移动if(!e) e=window.event;//移动时创建一个事件obj.style.left=e.clientX+document.body.scrollLeft-x;obj.style.top=e.clientY+document.body.scrollTop-y;}d.onmouseup=function (){//鼠标放开document.onmousemove=null;document.onmouseup = null;obj.style.cursor="normal";//设置放开的样式obj.style.zIndex=obj.orig_index;//回归原始z-index}}
}
</script>
</head>
<body>
<div id="div1" style="width:100px;height:100px;z-index:99"> </div>
<div id="div2" style="left:170px; background-color:blue; z-index:98"></div>
<script type="text/javascript">drag("div1");drag("div2");</script>
</body>
</html><!--第2种-->
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>拖拽实例</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>.box{width:100px;height:100px;background: red;position: absolute;top:0;}.left{left:0;}.right{right:0;}</style><script></script>
</head>
<body><div id="div1" class="box left">DIV1</div><div id="div2" class="box right">DIV2</div><script>//普通拖拽 -- 父类class Drag{constructor(id){this.oDiv = document.querySelector(id);this.disX = 0; this.disY = 0;this.init();}init(){this.oDiv.onmousedown = function(ev){this.disX = ev.clientX - this.oDiv.offsetLeft;this.disY = ev.clientY - this.oDiv.offsetTop;
//ev.clientX 是鼠标在页面上的水平位置
//this.oDiv.offsetLeft 是目标元素距离页面左边的距离
//通过相减就得到了鼠标点击点和元素左边缘之间的水平距离。document.onmousemove = this.fnMove.bind(this);document.onmouseup = this.fnUp.bind(this);return false;}.bind(this);}fnMove(ev){this.oDiv.style.left = ev.clientX - this.disX+'px';this.oDiv.style.top = ev.clientY - this.disY+'px';}fnUp(){document.onmousemove=null;document.onmouseup=null;}}//子类—— 限制范围class LimitDrag extends Drag{fnMove(ev){super.fnMove(ev);//限制范围if(this.oDiv.offsetLeft<=0){this.oDiv.style.left =0;}}}//调用new Drag('#div1');new LimitDrag('#div2');</script>
</body>
</html>

第二种封装更专业，但少考虑了滚动条的影响，比第一种多考虑了限制范围。

【前端】简单原生实例合集html,css,js

长期补充，建议关注收藏点赞。目录 a标签设置不一样的花样（图片但不用img)侧边固定box分栏input各种类型iframe表单拖拽 a标签设置不一样的花样（图片但不用img) a标签里面不用嵌套img，直接设置为其bg-img即可 <!DOCTYPE html…...

编程日记 2025/9/1 11:58:06

Linux下的shell指令（一）

作业 1> 在终端提示输入一个成绩，通过shell判断该成绩的等级 [90,100] : A [80, 90) : B [70, 80) : C [60, 70) : D [0, 60) : 不及格 #!/bin/bash read -p "请输入学生成绩:" score if [ "$score" -ge 90 ] && [ "$scor…...

编程日记 2025/9/1 11:57:49

XMLHttpRequest get请求使用 const xhr new XMLHttpRequest(); xhr.open("GET", "/data/test.json", true); xhr.onreadystatechange function () {if (xhr.readyState 4) {if (xhr.status 200) {alert(xhr.responseText);} else {console.log("…...

编程日记 2025/9/1 0:43:48

Serilog: 强大的 .NET 日志库

Serilog 是一个功能强大的日志记录库，专为 .NET 平台设计。它提供了丰富的 API 和可插拔的输出器及格式化器，使得开发者能够轻松定制和扩展日志记录功能。在本文中，我们将探索 Serilog 的基础知识、API 使用、配置和一些常见的示例。 1. 日志…...

编程日记 2025/8/28 19:38:19

串口通讯基础

第1章串口的发送和接收过程 1.1 串口接收过程当上位机给串口发送(0x55)数据时，MCU的RX引脚接受到（0x55）数据，数据(0x55)首先进入移位寄存器。数据全部进入移位寄存器后，一次将（0x55）全部搬运…...

编程日记 2025/8/31 0:21:01

SSL证书和HTTPS：全面解析它们的功能与重要性

每当我们在互联网上输入个人信息、进行在线交易时，背后是否有一个安全的保障？这时，SSL证书和HTTPS便扮演了至关重要的角色。本文将全面分析SSL证书和HTTPS的含义、功能、重要性以及它们在网络安全中的作用。一、SSL证书的定义与基本概念 S…...

编程日记 2025/8/28 1:48:47

全国青少年航天创新大赛各项目对比分析

全国青少年航天创新大赛各项目对比分析一、比赛场地对比项目名称场地尺寸场地特点组别差异筑梦天宫虚拟三维场景动态布局，小学组3停泊处，初高中组6停泊处；涉及传送带、机械臂、传感器等虚拟设备。初中/高中组任务复杂度更高，运…...

编程日记 2025/8/27 17:32:04

低空监视-无人机专用ADS-B应答机

产品简介 ping200XR是经过TSO适航认证的无人机专用ADS-B应答机，用于中大型无人机的低空监视。将经过认证的航空级航电设备引入无人机系统。该应答机支持航管二次雷达A，C/S模式和ADS-B OUT。重量仅52克满足无人机所面临的尺寸、重量、功耗的挑战&#xf…...

编程日记 2025/9/1 11:56:52

【linux】文件与目录命令 - sort

文章目录 1. 基本用法2. 常用参数3. 用法举例4. 注意事项 sort 命令用于对文本文件中的行进行排序，支持按字母顺序、数值大小、特定字段等方式进行排序。默认按字母顺序升序排序。 1. 基本用法语法： sort [选项] 文件 sort [选项] -o 输出文件文件功能…...

编程日记 2025/9/1 11:54:52

【工具推荐】在线提取PDF、文档、图片、论文中的公式

网址1：https://simpletex.cn/ai/latex_ocr 网址2: https://www.latexlive.com/home 推荐理由：无需下载，在线使用，直接截图 CTRLV 效果更佳。...

编程日记 2025/8/16 12:31:12

大模型在垂直行业的落地实践：从通用到定制化的技术跃迁

大模型在垂直行业的落地实践：从通用到定制化的技术跃迁一、通用大模型的局限性：从 “全能” 到 “专精” 的转型挑战通用大模型，如 GPT 系列，凭借其强大的自然语言处理能力，在文本生成、语义理解、机器翻译等基础任…...

编程日记 2025/8/29 14:10:41

FPGA开发，使用Deepseek V3还是R1（1）：应用场景

以下都是Deepseek生成的答案 FPGA开发，使用Deepseek V3还是R1（1）：应用场景 FPGA开发，使用Deepseek V3还是R1（2）：V3和R1的区别 FPGA开发，使用Deepseek V3还是R1&#x…...

编程日记 2025/8/26 9:41:04

Docker概念与架构

文章目录概念docker与虚拟机的差异docker的作用docker容器虚拟化与传统虚拟机比较 Docker 架构概念 Docker 是一个开源的应用容器引擎。诞生于 2013 年初，基于 Go 语言实现。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中&#xf…...

编程日记 2025/8/28 13:19:37

算法之数据结构

目录数据结构数据结构与算法面试题数据结构《倚天村 • 图解数据结构》 | 小傅哥 bugstack 虫洞栈 ♥数据结构基础知识体系详解♥ | Java 全栈知识体系线性数据结构 | JavaGuide 数据结构与算法面试题数据结构与算法面试题 | 小林coding...

编程日记 2025/9/1 11:56:50

Mysql学习笔记(六）Django连接MySQL

一、Django中的MySQL驱动程序 Python中常见的MySQL驱动程序： MySQL-python：就是MySQLdb，是对C语言操作MySQL的封装，支持Python2，不支持Python3mysqlclient:MySQL-python的另一个分支，支持Python3pymysql&am…...

编程日记 2025/8/28 7:49:23

手机号码归属地的实现

手机号码归属地查询一般可以通过以下几种方式实现： 1. 使用公开的号码归属地数据库可以使用国内的手机号码归属地数据库，如： 百度号码归属地开放API阿里云号码归属地API腾讯号码归属地API 你可以在本地存储一个 CSV 或 SQLite 数据库&…...

编程日记 2025/8/23 20:47:13

本地部署 DeepSeek：从 Ollama 配置到 Spring Boot 集成

前言随着人工智能技术的迅猛发展，越来越多的开发者希望在本地环境中部署和调用 AI 模型，以满足特定的业务需求。本文将详细介绍如何在本地环境中使用 Ollama 配置 DeepSeek 模型，并在 IntelliJ IDEA 中创建一个 Spring Boot 项目来调用该模型…...

编程日记 2025/8/27 4:42:04

2025年渗透测试面试题总结- 阿某云安全实习（题目+回答）

网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录阿里云安全实习一、代码审计经验与思路二、越权漏洞原理与审计要点三、SSRF漏洞解析与防御四、教…...

编程日记 2025/8/28 20:52:15

WHAT - 前端异步事件流处理场景梳理

目录一、典型场景二、解决方案与技术选型1. 基础异步控制2. 状态管理方案3. 复杂任务调度4. 任务取消机制5. 微任务队列优化三、最佳实践建议四、工具链推荐前端异步任务流处理是现代Web开发中常见的需求，尤其在复杂业务逻辑、高交互性应用中不可或缺。以下是常见…...

编程日记 2025/9/1 11:56:49

PHP 包含（Include）机制详解

PHP 包含（Include）机制详解在PHP编程中，include和require是两个非常基础的函数，用于在脚本中包含其他文件。它们在模块化编程中发挥着至关重要的作用，使得代码更易于维护和扩展。本文将详细介绍PHP的包含机制，包括其工作原理、使用方法以及最佳实践。一、PHP 包含机制…...

编程日记 2025/8/19 18:45:00

Metal学习笔记十：光照基础

光和阴影是使场景流行的重要要求。通过一些着色器艺术，您可以突出重要的对象、描述天气和一天中的时间并设置场景的气氛。即使您的场景由卡通对象组成，如果您没有正确地照亮它们，场景也会变得平淡无奇。最简单的光照方法之一是 Phong 反射模…...

编程日记 2025/8/25 3:33:55

MongoDB 高级索引

MongoDB 高级索引摘要在数据库管理中，索引是提高查询效率的关键因素。MongoDB，作为一款流行的NoSQL数据库，其索引功能尤为强大。本文将深入探讨MongoDB的高级索引特性，包括复合索引、部分索引、文本索引、地理空间索引等，旨在帮助数据库管理员和开发者更好地利用Mongo…...

编程日记 2025/9/1 11:57:48

从DNS到TCP：DNS解析流程和浏览器输入域名访问流程

1 DNS 解析流程 1.1 什么是DNS域名解析在生活中我们会经常遇到域名，比如说CSDN的域名www.csdn.net，百度的域名www.baidu.com,我们也会碰到IP，现在目前有的是IPV4，IPV6。那这两个有什么区别呢？IP地址是互联网上计算机…...

编程日记 2025/8/29 23:12:45

【JQuery—前端快速入门】JQuery 基础语法

JQuery JQuery是一个快速、简洁且功能丰富的JavaScript框架; 1. 引入依赖使用JQuery需要先引入对应的库； 在使用 JQuery CDN 时，只需要在 HTML 文档中加入如下代码 <script src"https://code.jquery.com/jquery-3.7.1.min.js"></s…...

编程日记 2025/8/28 4:59:26

即梦AI发布新数字人模型OmniHuman-1

简介随着人工智能技术的发展，特别是深度学习和自然语言处理的进步，AI在内容创作领域的应用越来越广泛。字节跳动作为一家领先的科技公司，一直在探索如何利用AI技术来提升用户体验和创造力。OmniHuman-1模型正是在这种背景下诞生的&#xff…...

编程日记 2025/9/1 11:56:50

ARM CM3核压栈流程

STM32F103 使用 ARM Cortex-M3 内核，与 STM32F013（Cortex-M0）相比，其压栈行为有所不同，主要体现在异常自动压栈和**手动压栈（函数调用）**两方面。 1. 进入异常/中断时的自动压栈当 STM32F103 …...

编程日记 2025/8/24 14:51:51

WHAT - RxJS 异步事件流处理

目录 RxJS 关键概念简单示例常用操作符1. 创建 Observables2. 转换操作符（map）3. 过滤操作符（filter）4. 合并多个流（mergeMap） 适用于 React & TypeScriptReact 组件中使用 RxJS RxJS 是一个用于处理异…...

编程日记 2025/8/31 22:57:24

vue组合式API中prop

*一、了解(事件与$emit) 一个组件需要显示声明它所接受的props，这样才知道外部传入的那些是props，那些是透传attribute。在<script setup>单文件组件中，props可以使用defineProps()宏来声明，defineProps 是一个仅 <script setup> 中可用的编译宏命令，并不需…...

编程日记 2025/8/30 16:07:31

【HarmonyOS Next】自定义Tabs

背景项目中Tabs的使用可以说是特别的频繁，但是官方提供的Tabs使用起来，存在tab选项卡切换动画滞后的问题。原始动画无法满足产品的UI需求，因此，这篇文章将实现下面页面滑动，tab选项卡实时滑动的动画效果。实现逻…...

编程日记 2025/8/31 7:09:09

算法并查集

目录前言一并查集的思路二并查集的代码分析三实操我们的代码四并查集的代码优化总结前言并查集主要是用来求解集合问题的，用来查找集合还有就是合并集合，可以把这个运用到最小生成树里面一并查集的思路 1 并查集的相关的操作…...

编程日记 2025/8/28 21:47:03

EP 架构：未来主流方向还是特定场景最优解？

DeepSeek MoE架构采用跨节点专家并行（EP）架构，在提升推理系统性能方面展现出巨大潜力。这一架构在发展进程中也面临诸多挑战，其未来究竟是会成为行业的主流方向，还是仅适用于特定场景，成为特定领域的最优解…...

编程日记 2025/8/27 13:35:05

记忆化搜索与动态规划：原理、实现与比较

记忆化搜索和动态规划是解决优化问题的两种重要方法，尤其在处理具有重叠子问题和最优子结构性质的问题时非常有效。目录 1. 记忆化搜索（Memoization） 定义： 实现步骤： 示例代码（斐波那契数列&#xff0…...

编程日记 2025/8/31 0:59:11

LLMR//https://github.com/microsoft/llmr?locale=zh-cn

https://github.com/microsoft/llmr?localezh-cn Introduction 这个 repo 包含 LLMR 中描述的代码，实现了混合现实框架的大型语言模型。此软件包是“用语言创造世界”的原型，它允许通过自然语言实时创建具有视觉、行为和交互元素的对象、工具和场景…...

编程日记 2025/8/27 14:18:21

Free Auto Clicker - 在任意位置自动重复鼠标点击

“想让鼠标自己动起来，解放双手去做更有趣的事？”Free Auto Clicker 就像你的数字小助手，能在任意位置自动重复点击鼠标。从玩游戏到刷网页，这款免费工具让你告别枯燥的重复操作，效率瞬间起飞！ 你有没有想…...

编程日记 2025/8/30 14:20:53

高考數學。。。

2024上具体来说，直线的参数方程可以写为： x1t y−t z1t 二、简答题(本大题共5小题，每小题7分，共35分。) 12.数学学习评价不仅要关注结果评价，也要关注过程评价。简要说明过程评价应关注哪几个方面。…...

编程日记 2025/8/16 10:28:17

MWC 2025｜紫光展锐联手美格智能发布5G通信模组SRM812

在2025年世界移动通信大会（MWC 2025）期间，紫光展锐携手美格智能正式推出了基于紫光展锐V620平台的第二代5G Sub6G R16模组SRM812，以超高性价比方案，全面赋能合作伙伴，加速5G规模化应用在各垂直领域的全面落…...

编程日记 2025/8/26 7:50:43

5分钟快速搭建一个 SpringBoot3 + MyBatis-Plus 工程项目

环境 idea 2023.3.5 jdk 17 mysql 8 创建SpringBoot工程创建SpringBoot工程，这里有两种方式可选，一种是使用idea提供的Spring Initializr自动创建，一种是通过Maven Archetype手动创建自动创建SpringBoot工程使用Spring Initializr创建…...

编程日记 2025/8/26 18:10:54

深度学习-大白话解释循环神经网络RNN

目录一、RNN的思想二、RNN的基本结构网络架构关键点三、RNN的前向传播四、RNN的挑战：梯度爆炸和梯度消失问题分析示例推导五、LSTM：RNN的改进核心组件网络架构 3. LSTM 的工作流程 4. 数学公式总结 5. LSTM 的优缺点优点缺点 6. LSTM 的…...

编程日记 2025/8/27 1:33:56

20.＜Spring图书管理系统①（登录+添加图书）＞

PS：关于接口定义接口定义，通常由服务器提供方来定义。 1.路径：自己定义 2.参数：根据需求考虑，我们这个接口功能完成需要哪些信息。 3.返回结果：考虑我们能为对方提供什么。站在对方角度考虑。我们使用到的…...

编程日记 2025/8/29 22:31:38

windows下使用Hyper+wsl实现ubuntu下git的平替

文章目录前言一、安装Hyper、wsl1. 安装Hyper2. 安装wsl 二、配置Hyper三、安装并使用git总结前言众所周知，Ubuntu下安装git只需执行sudo apt install git即可使用默认终端拉取代码，但是Windows上使用git既没有linux便捷，又没有MacOS优雅…...

编程日记 2025/8/31 20:09:22

Python在实际工作中的运用-提取Pdf文件内容

Pdf文件是我们日常工作中经常会遇到的一种文件格式，对于这种文件的提取 pdfplumber 库可以非常出色的完成处理工作，它是一个纯 Python 第三方库，适合 python 3.x 版本，通常用来查看pdf各类信息，能有效提取文本、表格&…...

编程日记 2025/8/30 0:09:44

Python+Vue+数据可视化的考研知识共享平台（源码+论文+讲解+安装+调试+售后）

感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，我会一一回复，希望帮助更多的人。程序介绍近些年来，科技以一种近乎狂飙突进的态势呈爆发式发展，成果之丰硕…...

编程日记 2025/9/1 6:39:15

VirtualBox虚拟机MacOS从Big Sur升级到Sequoia（失败）

VirtualBox虚拟机里安装好Big Sur版本，尝试升级到Sequoia，但是最终失败了。软件升级直接在系统偏好-软件更新里可以看到提示，提示可以升级到15版本Sequoia 点击同意，看能不能升级到Sequoia吧。升级前先用时光做了备份。升级…...

编程日记 2025/8/20 8:19:17

深度学习---卷积神经网络

一、卷积尺寸计算公式二、池化池化分为最大池化和平均池化最常用的就是最大池化，可以认为最大池化不需要引入计算，而平均池化需要引出计算（计算平均数） 每种池化还分为Pooling和AdaptiveAvgPool Pooling(2)就是每2*2个格子…...

编程日记 2025/8/30 16:07:34

深入解析网络协议：从OSI七层模型到HTTP与TCP/IP的关系

在网络的世界里，理解不同协议如何协同工作以实现高效、可靠的通信至关重要。无论是构建动态的Web应用，还是进行复杂的网络编程，对基础协议的理解都是不可或缺的。本文首先介绍OSI七层模型，这是一个为网络系统设计提供通用参考框架…...

编程日记 2025/8/27 9:37:08

链表-相关面试算法题

目录面试题 02.04. 分割链表面试题 02.05. 链表求和面试题 02.06. 回文链表面试题 02.07. 链表相交面试题 02.04. 分割链表面试题 02.04. 分割链表给你一个链表的头节点 head 和一个特定值 x ，请你对链表进行分隔，使得所有小于 x 的节点…...

编程日记 2025/8/30 14:38:19

CSS Overflow 属性详解

CSS Overflow 属性详解在网页设计和开发中，CSS Overflow 属性是一个非常重要的特性，它决定了当内容超出其容器大小时应该如何处理。本文将详细介绍 CSS Overflow 属性的相关知识，包括其语法、作用、常用属性值以及一些实际应用场景。 1. CSS Overflow 属性概述 CSS Over…...

编程日记 2025/8/27 3:32:35

一、MySQL备份恢复

一、MySQL备份恢复 1.1 MySQL日志管理数据库中数据丢失或被破坏可能原因误删除数据库数据库工作时，意外断电或程序意外终止由于病毒造成的数据库损坏或丢失文件系统损坏后，系统进行自检操作升级数据库时，命令语句不严格设备故…...

编程日记 2025/8/26 18:46:40

Python-04BeautifulSoup网络爬虫

2025-03-04-BeautifulSoup网络爬虫记录BeautifulSoup网络爬虫的核心知识点文章目录 2025-03-04-BeautifulSoup网络爬虫 [toc]1-参考网址2-学习要点3-核心知识点1. 安装2. 导入必要的库3. 发送 HTTP 请求4. 创建 BeautifulSoup 对象5. 解析 HTML 内容5.1 查找标签5.2 根据属性…...

编程日记 2025/8/30 6:58:42

记录uniapp小程序对接腾讯IM即时通讯无ui集成（2）

完成以上步骤之后开始进行登录，登陆就需要账号。这个账号我们可以在腾讯云中创建。有了账号之后开始去小程序进行登陆操作。腾讯云接口文档这里除了帐号还需要一个校验值userSig正常项目开发这个字段可以在登陆后让后端返回，现在是测试我们直接去控制…...

编程日记 2025/8/23 2:15:11

目录

a标签设置不一样的花样（图片但不用img)

侧边固定box

分栏

input各种类型

iframe

表单

拖拽

相关文章：