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

HTML5+CSS3+JS小实例：图片九宫格

news 2026/5/16 15:07:59

实例：图片九宫格

技术栈：HTML+CSS+JS

效果：

源码：

【HTML】

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图片九宫格</title><link rel="stylesheet" href="247.css">
</head>
<body><div class="img-container"><div class="img-item"></div><div class="img-item"></div><div class="img-item"></div><div class="img-item"></div><div class="img-item"></div>

相关文章：

HTML5+CSS3+JS小实例：图片九宫格

实例：图片九宫格 技术栈：HTML+CSS+JS 效果： 源码： 【HTML】 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1…...

编程日记 2024/7/1 23:31:37

湘潭大学软件工程数据库总结

文章目录 前言试卷结构给学弟学妹的一些参考自己的一些总结 前言 自己可能很早很早之前就准备复习了&#xff0c;但是感觉还是没有学到要点&#xff0c;主要还是没啥紧迫的压力&#xff0c;我们是三月份开学&#xff0c;那时候实验室有朋友挺认真开始学习数据库了&#xff0c;…...

编程日记 2024/7/1 23:30:36

Codeforces Testing Round 1 B. Right Triangles 题解 组合数学

Right Triangles 题目描述 You are given a n m nm nm field consisting only of periods (‘.’) and asterisks (‘*’). Your task is to count all right triangles with two sides parallel to the square sides, whose vertices are in the centers of ‘*’-cells. …...

编程日记 2024/7/1 23:29:35

怎样将word默认Microsoft Office，而不是WPS

设置——>应用——>默认应用——>选择"word"——>将doc和docx都选择Microsoft Word即可...

编程日记 2024/7/1 23:28:34

C语言之进程的学习2

Env环境变量&#xff08;操作系统的全局变量&#xff09;...

编程日记 2024/7/1 23:26:30

web使用cordova打包Andriod

一.安装Gradel 1.下载地址 Gradle Distributions 2.配置环境 3.测试是否安装成功 在cmd gradle -v 二.创建vite项目 npm init vitelatest npm install vite build 三.创建cordova项目 1.全局安装cordova npm install -g cordova 2. 创建项目 cordova create cordova-app c…...

编程日记 2024/7/1 23:25:29

内卷情况下，工程师也应该了解的项目管理

简介&#xff1a;大家好&#xff0c;我是程序员枫哥&#xff0c;&#x1f31f;一线互联网的IT民工、&#x1f4dd;资深面试官、&#x1f339;Java跳槽网创始人。拥有多年一线研发经验&#xff0c;曾就职过科大讯飞、美团网、平安等公司。在上海有自己小伙伴组建的副业团队&…...

编程日记 2024/7/1 23:24:27

【解锁未来：深入了解机器学习的核心技术与实际应用】

解锁未来&#xff1a;深入了解机器学习的核心技术与实际应用 &#x1f48e;1.引言&#x1f48e;1.1 什么是机器学习&#xff1f; &#x1f48e;2 机器学习的分类&#x1f48e;3 常用的机器学习算法&#x1f48e;3.1 线性回归&#xff08;Linear Regression&#xff09;&#x1…...

编程日记 2024/7/1 23:23:25

1-3.文本数据建模流程范例

文章最前&#xff1a; 我是Octopus&#xff0c;这个名字来源于我的中文名–章鱼&#xff1b;我热爱编程、热爱算法、热爱开源。所有源码在我的个人github &#xff1b;这博客是记录我学习的点点滴滴&#xff0c;如果您对 Python、Java、AI、算法有兴趣&#xff0c;可以关注我的…...

编程日记 2024/7/1 23:22:24

【FFmpeg】avformat_alloc_output_context2函数

【FFmpeg】avformat_alloc_output_context2函数 1.avformat_alloc_output_context21.1 初始化AVFormatContext&#xff08;avformat_alloc_context&#xff09;1.2 格式猜测&#xff08;av_guess_format&#xff09;1.2.1 遍历可用的fmt&#xff08;av_muxer_iterate&#xff0…...

编程日记 2024/7/1 23:20:21

Flask 缓存和信号

Flask-Caching Flask-Caching 是 Flask 的一个扩展&#xff0c;它为 Flask 应用提供了缓存支持。缓存是一种优化技术&#xff0c;可以存储那些费时且不经常改变的运算结果&#xff0c;从而加快应用的响应速度。 一、初始化配置 安装 Flask-Caching 扩展&#xff1a; pip3 i…...

编程日记 2024/7/1 23:19:20

基于weixin小程序农场驿站系统的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;农场资讯管理&#xff0c;用户管理&#xff0c;卖家管理&#xff0c;用户分享管理&#xff0c;分享类型管理&#xff0c;商品信息管理&#xff0c;商品类型管理 开发系统&#xff1a;Windows 架构模式…...

编程日记 2024/7/1 23:16:16

JAVA将List转成Tree树形结构数据和深度优先遍历

引言&#xff1a; 在日常开发中&#xff0c;我们经常会遇到需要将数据库中返回的数据转成树形结构的数据返回&#xff0c;或者需要对转为树结构后的数据绑定层级关系再返回&#xff0c;比如需要统计当前节点下有多少个节点等&#xff0c;因此我们需要封装一个ListToTree的工具类…...

编程日记 2024/7/1 23:14:14

设计模式——开闭、单一职责及里氏替换原则

设计原则是指导软件设计和开发的一系列原则&#xff0c;它们帮助开发者创建出易于维护、扩展和理解的代码。以下是你提到的几个关键设计原则的简要说明&#xff1a; 开闭原则&#xff08;Open/Closed Principle, OCP&#xff09;&#xff1a; 开闭原则由Bertrand Meyer提出&am…...

编程日记 2024/7/1 23:13:12

代码随想录算法训练营第59天：动态[1]

代码随想录算法训练营第59天&#xff1a;动态 两个字符串的删除操作 力扣题目链接(opens new window) 给定两个单词 word1 和 word2&#xff0c;找到使得 word1 和 word2 相同所需的最小步数&#xff0c;每步可以删除任意一个字符串中的一个字符。 示例&#xff1a; 输入: …...

编程日记 2024/7/1 23:11:09

jvm性能监控常用工具

在java的/bin目录下有许多java自带的工具。 我们常用的有 基础工具 jar:创建和管理jar文件 java&#xff1a;java运行工具&#xff0c;用于运行class文件或jar文件 javac&#xff1a;java的编译器 javadoc&#xff1a;java的API文档生成工具 性能监控和故障处理 jps jstat…...

编程日记 2024/7/1 23:10:07

ISP IC/FPGA设计-第一部分-SC130GS摄像头分析-IIC通信（1）

1.摄像头模组 SC130GS通过一个引脚&#xff08;SPI_I2C_MODE&#xff09;选择使用IIC或SPI配置接口&#xff0c;通过查看摄像头模组的原理图&#xff0c;可知是使用IIC接口&#xff1b; 通过手册可知IIC设备地址通过一个引脚控制&#xff0c;查看摄像头模组的原理图&#xff…...

编程日记 2024/7/1 23:09:06

HTTP协议头中X-Forwarded-For是能做什么?

X-Forwarded-For和相关几个头部的理解 $remote_addr 是nginx与客户端进行TCP连接过程中&#xff0c;获得的客户端真实地址. Remote Address 无法伪造&#xff0c;因为建立 TCP 连接需要三次握手&#xff0c;如果伪造了源 IP&#xff0c;无法建立 TCP 连接&#xff0c;更不会有后…...

编程日记 2024/7/1 23:07:04

Linux高并发服务器开发（八）Socket和TCP

文章目录 1 IPV4套接字结构体2 TCP客户端函数 3 TCP服务器流程函数代码粘包 4 三次握手5 四次挥手6 滑动窗口 1 IPV4套接字结构体 2 TCP客户端 特点&#xff1a;出错重传 每次发送数据对方都会回ACK&#xff0c;可靠 tcp是打电话的模型&#xff0c;建立连接 使用连接 关闭连接…...

编程日记 2024/7/1 23:06:02

力扣第220题“存在重复元素 III”

在本篇文章中&#xff0c;我们将详细解读力扣第220题“存在重复元素 III”。通过学习本篇文章&#xff0c;读者将掌握如何使用桶排序和滑动窗口来解决这一问题&#xff0c;并了解相关的复杂度分析和模拟面试问答。每种方法都将配以详细的解释&#xff0c;以便于理解。 问题描述…...

编程日记 2024/7/1 23:05:00

城通网盘直连解析终极解决方案：告别限速，实现全速下载的完整指南

城通网盘直连解析终极解决方案&#xff1a;告别限速&#xff0c;实现全速下载的完整指南 【免费下载链接】ctfileGet 获取城通网盘一次性直连地址 项目地址: https://gitcode.com/gh_mirrors/ct/ctfileGet 还在为城通网盘的龟速下载而烦恼吗&#xff1f;每次下载大文件都…...

编程新知 2026/5/16 12:31:02

AutoHotkey V2扩展库：从脚本小子到全能开发者的进化之路

AutoHotkey V2扩展库&#xff1a;从脚本小子到全能开发者的进化之路 【免费下载链接】ahk2_lib 项目地址: https://gitcode.com/gh_mirrors/ah/ahk2_lib 你是否曾因AutoHotkey的功能局限而感到束手束脚&#xff1f;&#x1f914; 当简单的热键脚本无法满足复杂的业务需…...

编程新知 2026/5/16 12:03:36

基于MCP协议连接AI与Postal邮件服务器的自动化实践

1. 项目概述&#xff1a;一个连接Postal与MCP的桥梁最近在折腾一些自动化工作流&#xff0c;发现很多内部系统的数据都通过Postal&#xff08;一个开源的邮件服务器管理平台&#xff09;来流转&#xff0c;而我又想用上新兴的模型上下文协议&#xff08;MCP&#xff09;来让AI助…...

编程新知 2026/5/16 11:28:11

Unity实战：利用TriLib插件实现运行时动态加载外部3D模型

1. TriLib插件基础入门 第一次接触TriLib插件时&#xff0c;我也被它强大的功能惊艳到了。这个插件最大的价值在于&#xff0c;它能让我们在Unity运行时动态加载各种主流3D模型格式&#xff0c;比如FBX、OBJ、GLTF等&#xff0c;而不需要提前在编辑器中导入。想象一下&#xff…...

编程新知 2026/5/16 11:19:32

使用Python快速接入Taotoken聚合大模型API的简明教程

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 使用Python快速接入Taotoken聚合大模型API的简明教程 本文面向希望快速集成大模型能力的Python开发者&#xff0c;介绍如何通过官方…...

编程新知 2026/5/16 10:34:22

气体放电管实战指南：从关键参数到电路防护的精准匹配

1. 气体放电管&#xff1a;电路防护的"安全气囊" 第一次接触气体放电管时&#xff0c;我就被它简单却巧妙的设计所吸引。这玩意儿就像汽车的安全气囊——平时默默无闻&#xff0c;关键时刻却能救你一命。气体放电管&#xff08;GDT&#xff09;本质上是个陶瓷或玻璃…...

编程新知 2026/5/16 10:30:18

RK3568开发板Android 11系统移植实战：从内核驱动到HAL适配

1. 项目概述与学习路径规划拿到一块像迅为iTOP-RK3568这样的开发板&#xff0c;想把最新的Android 11系统跑起来&#xff0c;这个想法听起来挺酷&#xff0c;但很多朋友一看到“系统移植”四个字就有点发怵&#xff0c;感觉这是大神才能玩转的领域。其实&#xff0c;只要你熟悉…...

编程新知 2026/5/16 10:17:40

从零构建智能体工作流引擎：核心架构、实现与生产级实践

1. 项目概述&#xff1a;从零构建一个智能体工作流引擎最近在GitHub上看到一个名为agentkit的项目&#xff0c;来自BCG X的官方仓库。这个标题立刻引起了我的兴趣&#xff0c;因为它直指当前AI应用开发中的一个核心痛点&#xff1a;如何高效、可靠地编排和管理多个AI智能体&…...

编程新知 2026/5/16 10:17:40

在Windows电脑上畅享酷安社区的完整指南：桌面端酷安客户端终极教程

在Windows电脑上畅享酷安社区的完整指南&#xff1a;桌面端酷安客户端终极教程 【免费下载链接】Coolapk-UWP 一个基于 UWP 平台的第三方酷安客户端 项目地址: https://gitcode.com/gh_mirrors/co/Coolapk-UWP 想要在大屏幕上舒适地浏览酷安社区吗&#xff1f;厌倦了手机…...

编程新知 2026/5/16 9:47:42

别再写for循环了！用Java8的groupingBy分组统计，5分钟搞定报表数据聚合

告别繁琐循环&#xff1a;Java8 groupingBy让数据聚合优雅如诗 当我们需要从数据库查询结果中生成各类业务报表时&#xff0c;那些重复的for循环是否已经让你感到厌倦&#xff1f;比如按地区统计销售额、按部门计算平均年龄&#xff0c;传统做法往往需要编写大量样板代码。而Ja…...

编程新知 2026/5/16 9:14:08