纯html+js+css个人博客
首页
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>主页</title><!-- 引入layui css文件 --><link rel="stylesheet" href="layui-v2.2.3/layui/css/layui.css"><!-- 自定义 css --><link rel="stylesheet" href="css/index.css"></head><body><!-- Header --><div class="header"><!-- 个性化标题 --><div class="mytitle"><label>赌书消得泼茶香</label></div><!-- 导航栏 --><div class="mymenu-content"><ul class="mymenu"><li><a href="">文章</a></li><li><a href="message.html">留言</a></li><li><a href="photos.html">相册</a></li><li><a href="about.html">简介</a></li><li><a href="aihao.html">爱好</a></li><li><a href="movies.html">电影</a></li><li><a href="books.html">书籍</a></li></ul></div><!-- 隐藏功能 --><div class="other-functions"><label>隐藏功能</label></div><!-- 搜索框 --><div class="query"><input class="keyword" placeholder="搜索内容"/><i class="layui-icon" style="margin-right: 20px; font-size: 18px;"></i></div></div><!-- 个性签名 --><div class="my-sign"><!-- 包含标志和签名 --><div class="my-signImg"><img id="my-signImg" src="img/my-sign.gif"><div class="my-signWord"><span class="my-signTitle" id="my-signTitle">匆匆时光</span><span class="my-signBody" id="my-signBody">I' am waiting for you here.</span></div></div></div><!-- Content --><div class="main-content"><!-- 个人以及所有文章、留言、照片汇总 包含大分类以及小标签 左面版 --><div class="my-totalContent"><!-- 1.个人以及汇总部分 --><div class="blog-inTotal"><!-- 头像 --><img src="img/IMG_1568.PNG"><!-- 说明 --><span>——好好学习，天天向上吧</span><!-- 各方面汇总(各项目以及数量) --><fieldset class="layui-elem-field"><legend>文章标签</legend><!-- 用于存放tags --><div class="layui-field-box" id="tagContent"><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px;font-weight: 400;">论语</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">道德经</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">余华作品</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">沈从文</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">冰心选集</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">小说散文</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">随笔</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">外国文学</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">人生感悟</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">遇见你</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">日记</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">绘画</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">诗经</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">诗词研究</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">历代书法</span></div></fieldset></div></div><!-- 主体显示部分 右面板 --><div class="content-body"><!-- 单个文章面板 --><div class="blog-item"><!-- 标题 --><p class="blog-title"><a href="simpleBlog.html">一个小和尚</a></p><!-- 作者以及时间 --><p class="blog-author">—— 邱建红 2017-12-14 12:36</p><img class="blog-img" src="img/pic01.jpg"/><!-- 概要 --><p class="blog-des">岁月荏苒，如梦似幻，人生只在呼吸之间而已。</p><p class="blog-tags">标签: 日记 / 人生感悟</p></div><!-- 单个文章面板 --><div class="blog-item"><!-- 标题 --><p class="blog-title"><a href="simpleBlog1.html">桃之夭夭，灼灼其华</a></p><!-- 作者以及时间 --><p class="blog-author">—— 邱建红 2017-12-18 12:03</p><img class="blog-img" src="img/pic03.jpg"/><!-- 概要 --><p class="blog-des">犹如一支山寺桃花般惊艳的你就这样在我世界里静静地除绽着。</p><p class="blog-tags">标签: 日记 / 遇见你</p></div></div><hr class="my-line"></div><script src="layui-v2.2.3/layui/layui.js"></script><!-- 引入jquery js --><script src="js/jquery-3.2.1.min.js"></script><!-- 自定义 js --><script src="js/index.js"></script><script>$(function () {//initcomponent.init();});</script></body>
</html>
登录
var component = {/*** 初始化*/init : function () {//layuicomponent.layui();//Header 以及 Total部分事件component.mySign();},/*** layui*/layui : function () {//加载layui模块layui.use(['layer', 'form', 'element'], function () {var layer = layui.layer, form = layui.form, element = layui.element//layer.msg('Hello World');});},/*** 签名类效果*/mySign : function () {//Img(monkey)var signImgTouch = function () {$(this).animate({borderRadius : 0}, 1000);};var signImgLeave = function () {$(this).animate({borderRadius : 93}, 1000);};$("#my-signImg").mouseenter(signImgTouch).mouseleave(signImgLeave);//Titlevar signTitleTouch = function () {$(this).animate({marginLeft : 50}, 800);};var signTitleLeave = function () {$(this).animate({marginLeft : 0}, 800);};$("#my-signTitle").mouseenter(signTitleTouch).mouseleave(signTitleLeave);}};私聊获取源码！！！！
运行部分图片
相关文章：
纯html+js+css个人博客
首页 <!DOCTYPE html> <html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8"><title>主页</title><!-- 引入layui css文件 --><link rel"stylesheet" href"layui-…...
二百二十一、HiveSQL报错：return code 2 from org.apache.hadoop.hive.ql.exec.mr.MapRedTask
一、目的 在运行HiveSQL时，执行报错 tatement: FAILED: Execution Error, return code 2 from org.apache.hadoop.hive.ql.exec.mr.MapRedTask 二、在yarn上查看任务报错 The required MAP capability is more than the supported max container capability in t…...
JavaEE学习笔记 2024-1-25 --VUE的入门使用
上一篇 个人整理非商业用途，欢迎探讨与指正！！ 文章目录 14.VUE基础14.1VUE的入门使用14.2条件判断14.3循环渲染14.4v-bind绑定标签属性14.5v-model表单标签的双向绑定14.6事件处理14.7axios 14.VUE基础 前端框架 UI框架:页面渲染Bootstrap,L…...
php-fpm详细讲解
PHP-FPM（FastCGI Process Manager）是PHP的一种运行模式，用于处理动态HTTP请求。 它与传统的模块式PHP（如Apache模块）相比，将PHP解析和执行过程单独封装为一个独立的进程池，通过FastCGI协议与We…...
小白水平理解面试经典题目LeetCode 455 Assign Cookies【Java实现】
455 分配cookies 小白渣翻译： 假设你是一位很棒的父母，想给你的孩子一些饼干。但是，你最多应该给每个孩子一块饼干。 每个孩子 i 都有一个贪婪因子 g[i] ，这是孩子满意的 cookie 的最小大小；每个 cookie j 都有一个…...
)
uniapp 问题汇总-问题数(2)
ios scroll-view无法滚动 使用uview折叠面板嵌套scroll-view 嵌套之后安卓可以滚动，ios无法滚动 <u-collapse accordion opencollapseOpen changecollapseChange ref"uCollapse" :valueuCollapseValue><u-collapse-item :nameindex :title&quo…...
[AG32VF407]国产MCU+FPGA Verilog编写控制2路gpio输出不同频率方波实验
视频讲解 [AG32VF407]国产MCUFPGA Verilog编写控制2路gpio输出不同频率方波实验 实验过程 根据原理图，选择两个pin脚作为输出 修改VE文件，clk选择PIN_OSC，使用内部晶振8Mhz，gpio使用PIN_51和52，pinout是数组 添加pll…...
python coding with ChatGPT 打卡第15天| 二叉树：翻转二叉树、对称二叉树
相关推荐 python coding with ChatGPT 打卡第12天| 二叉树：理论基础 python coding with ChatGPT 打卡第13天| 二叉树的深度优先遍历 python coding with ChatGPT 打卡第14天| 二叉树的广度优先遍历 文章目录 翻转二叉树Key Points相关题目视频讲解重点分析递归遍历…...
Python（19）Excel表格操作Ⅰ
目录 导包 读取EXCEL文件 1、获取worksheet名称 2、设定当前工作表 3、输出目标单元格数据 4、工作表.rows（行） 5、工作表.columns（列） 小结 导包 要想使用 python 操作 Excel 文件，应当导入 openpyxl 包。在…...
HiveSQL题——聚合函数(sum/count/max/min/avg)
目录 一、窗口函数的知识点 1.1 窗户函数的定义 1.2 窗户函数的语法 1.3 窗口函数分类 聚合函数 排序函数 前后函数 头尾函数 1.4 聚合函数 二、实际案例 2.1 每个用户累积访问次数 0 问题描述 1 数据准备 2 数据分析 3 小结 2.2 各直播间最大的同时在线人数 …...
计算机是什么做的
背景 虽然我是科班出身的，但是上大学时候，对这些内容并不感兴趣，只是简单的进行做题，考试而已。并没有思考，为啥学计算机组成原理，模电数电，微机原理，单片机，操作系统啥…...
C++多线程1(复习向笔记)
创建线程以及相关函数 当用thread类创建线程对象绑定函数后，该线程在主线程执行时就已经自动开始执行了,join起到阻塞主线程的作用 #include <iostream> #include <thread> #include <string> using namespace std; //测试函数 void printStrin…...
代理IP在游戏中的作用有哪些？
游戏代理IP的作用是什么？IP代理软件相当于连接客户端和虚拟服务器的软件“中转站”，在我们向远程服务器提出需求后，代理服务器首先获得用户的请求，然后将服务请求转移到远程服务器，然后将远程服务器反馈的结果转移到客…...
SVN Previous operation has not finished； run ‘cleanup‘ if it was interrupted
SVN cleanup出现下面的提示： svn: E155017: Can’t install ‘*’ from pristine store, because no checksum is recorded for this file svn报错：“Previous operation has not finished; run ‘cleanup’ if it was interrupted“ 解决办法 当遇到…...
MATLAB知识点：MATLAB的文件管理
讲解视频：可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。 MATLAB教程新手入门篇（数学建模清风主讲，适合零基础同学观看）_哔哩哔哩_bilibili 节选自第2章 上一章我们说过，MATLAB是一款非常强…...
【深度学习】MNN ImageProcess处理图像顺序，逻辑，均值，方差
文章目录 介绍Opencv numpy等效的MNN处理 介绍 MNN ImageProcess处理图像是先reisze还是后resize，均值方差怎么处理，是什么通道顺序？这篇文章告诉你答案。 Opencv numpy 这段代码是一个图像预处理函数，用于对输入的图像进行一系…...
代码随想录算法训练营29期Day35|LeetCode 860,406,452
文档讲解：柠檬水找零 根据身高重建队列 用最小数量的箭引爆气球 860.柠檬水找零 题目链接：https://leetcode.cn/problems/lemonade-change/description/ 思路： 很简单，模拟即可。统计五美元、十美元和十五美元的个数。给五美元…...
20240130金融读报1分钟小得01
1、开放银行本质上是以用户需求为核心，以场景服务为切入点的共享平台金融模式，一定程度上加快了商业银行“隐形”和金融服务的无缝和泛在 2、利用自身优势进行差异化竞争，比如农信的客户面对面交流、全方位覆盖、政银紧密合作。针对劣势进行互…...
刷力扣题过程中发现的不熟的函数
C中不熟的函数 1.memset() 头文件：<string.h> void *memset(void *s,int c,unsigned long n); 为指针变量s所指的前n个字节的内存单元填充给定的int型数值c 如： int a[10]; memset(a,0,sizeof(a)); //将数组a中的数全部赋值为02.sort() &#…...
native2ascii命令详解
native2ascii命令详解 大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入研究一个在Java开发中常用的命令——native2ascii，解析…...
XML Group端口详解
在XML数据映射过程中，经常需要对数据进行分组聚合操作。例如，当处理包含多个物料明细的XML文件时，可能需要将相同物料号的明细归为一组，或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码，增加了开…...
Java 8 Stream API 入门到实践详解
一、告别 for 循环！ 传统痛点： Java 8 之前，集合操作离不开冗长的 for 循环和匿名类。例如，过滤列表中的偶数： List<Integer> list Arrays.asList(1, 2, 3, 4, 5); List<Integer> evens new ArrayList…...
Opencv中的addweighted函数
一.addweighted函数作用 addweighted（）是OpenCV库中用于图像处理的函数，主要功能是将两个输入图像（尺寸和类型相同）按照指定的权重进行加权叠加（图像融合），并添加一个标量值&#x…...
Python实现prophet 理论及参数优化
文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候，写过一篇简单实现，后期随着对该模型的深入研究，本次记录涉及到prophet 的公式以及参数调优，从公式可以更直观…...
Psychopy音频的使用
Psychopy音频的使用 本文主要解决以下问题： 指定音频引擎与设备；播放音频文件 本文所使用的环境： Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...
使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台
🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...
HashMap中的put方法执行流程（流程图）
1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...
算法：模拟
1.替换所有的问号 1576. 替换所有的问号 - 力扣（LeetCode） 遍历字符串：通过外层循环逐一检查每个字符。遇到 ? 时处理： 内层循环遍历小写字母（a 到 z）。对每个字母检查是否满足： 与…...
Go 语言并发编程基础：无缓冲与有缓冲通道
在上一章节中，我们了解了 Channel 的基本用法。本章将重点分析 Go 中通道的两种类型 —— 无缓冲通道与有缓冲通道，它们在并发编程中各具特点和应用场景。 一、通道的基本分类 类型定义形式特点无缓冲通道make(chan T)发送和接收都必须准备好࿰…...
Caliper 配置文件解析：fisco-bcos.json
config.yaml 文件 config.yaml 是 Caliper 的主配置文件，通常包含以下内容： test:name: fisco-bcos-test # 测试名称description: Performance test of FISCO-BCOS # 测试描述workers:type: local # 工作进程类型number: 5 # 工作进程数量monitor:type: - docker- pro…...