m0_57532232的博客

原创 CSS视口标签及初始化样式

【代码】CSS视口标签及初始化样式。

原创 CSS预编译语言less

文章摘要：本文介绍了CSS中的rem单位（相对于根元素字体大小）和媒体查询（针对不同屏幕尺寸设置样式），指出CSS缺乏编程特性的弊端。重点讲解了LESS预处理语言，包括变量、嵌套规则和运算功能。最后阐述了rem适配方案，通过媒体查询或flexible.js动态调整html字体大小，使页面元素等比缩放以适应不同设备。主要技术方案有LESS+媒体查询+rem和更简单的flexible.js+rem两种实现方式。

原创 Spring Boot论文翻译防丢失 From船长&cap

当然，这也不是绝对的，有些服务会改变导致协调的服务接口，但是一个好的微服务架构的目标就是通过在服务契约（service contracts）中解耦服务的边界和进化机制来避免这些。服务边界上的代码迁移是困难的，任务接口的变更需要参与者的共同协作，向后兼容的层次需要被增加，测试也变更更加复杂。首要的因素，组件可以被独立替换和更新的，这意味着我们寻找的关键在于，我们要想象着重写一个组件而不影响它们之前的协作关系。事实上，许多的微服务小组给它进一步的预期：服务应该能够报废的，而不是要长久的发展的。

原创 移动端网页开发之flex布局——圣杯布局初现

flex意味弹性布局，父盒子设置为flex后，子元素的float clear vertical-align属性将会失效。flex-end和row-reverse的区别，前者让所有的元素只会靠右，后者是让盒子反序后再靠右。优点：布局简单，移动端应用广泛。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局。order属性： 如果想要改变三个盒子的顺序。左右两个盒子固定，中间的一个盒子为圣杯。space-between效果。align-sellf的使用。案例： 淘宝的 圣杯布局。

原创 移动端网页之流式布局（百分比布局）【移动端单独制做页面】

摘要： 移动端开发的关键技术包括理想视口适配和样式初始化。理想视口由乔布斯提出，通过<meta>标签设置width=device-width实现设备宽度自适应。移动端方案涉及背景缩放、初始化库（如Normalize.css）统一默认样式，以及CSS3盒子模型（box-sizing: border-box）。特殊样式需处理点击高亮（-webkit-tap-highlight-color）、IOS表单外观（-webkit-appearance）和禁用长按菜单（-webkit-touch-callou

原创 CSS之动画（奔跑的熊、两面反转盒子、3D导航栏、旋转木马）

摘要：本文介绍了CSS3中2D和3D转换功能的应用。2D转换包括位移(translate)、旋转(rotate)和缩放(scale)，可实现元素移动、旋转和大小变化。文章详细讲解了transform-origin设置旋转中心点的方法，并给出了盒子居中等实用案例。在3D转换方面，介绍了translate3d、rotate3d等三维变换效果，以及perspective透视和transform-style属性，提供了3D导航栏和旋转木马等视觉效果的实现代码。动画部分包含@keyframes定义和animation

原创 品优购项目（HTML\CSS）

品优购电商网站项目概述 该项目是一个完整的电商网站开发案例，包含首页、列表页、注册页等多个功能模块。项目通过HTML5、CSS3等技术实现了响应式布局和交互效果，具有以下特点： 页面结构完整：包含导航栏、商品展示区、楼层分类、底部信息等电商标准模块 交互元素丰富：实现搜索框、购物车、商品分类等常见电商功能 样式设计规范：采用模块化CSS编写，包含base.css公共样式和页面专用样式 代码优化 项目已部署在线上，可通过访问 http://zhousunyu.3vdo.club

原创 Git安装后配置Gitee发现C盘下无.ssh

Git配置与使用指南摘要：本文介绍了Git的配置与使用技巧。针对.ssh文件缺失问题，可手动创建；详细说明了公钥生成方法及Gitee配置流程。列举了7种常见开源许可证（MIT、Apache等）的特点与适用场景，并比较了Git与SVN的核心差异。最后提供了Git常用命令集合，包括初始化仓库、克隆项目、文件状态查看等基础操作，以及用户信息配置和SSH密钥生成等实用指令。全文涵盖Git从安装配置到日常使用的关键知识点，适合开发者快速上手。

原创 SEO搜索引擎优化

本文介绍了SEO搜索引擎优化的核心方法，重点讲解了TDK三大标签（Title、Description、Keywords）的作用和使用规范。Title作为网页首要标签需包含网站名和简介；Description用于概括主营业务；Keywords应控制在6-8个并用英文逗号分隔。此外，文章还详细说明了Logo优化的4个技巧：通过h1标签提升权重、链接到首页、隐藏文字显示（使用text-indent或font-size方法）以及添加title属性提示文字。这些方法能有效提升网站在搜索引擎中的自然排名。

原创 CSS之box-sizing、图片模糊、计算盒子宽度clac、（重点含小米、进度条案例）过渡

本文介绍了几个前端开发中的实用技巧。首先，通过设置box-sizing: border-box可以防止盒子因border和padding过大而被撑大。其次，使用filter: blur()可以实现图片模糊效果，并通过hover事件恢复清晰。此外，calc()函数可以灵活计算盒子宽度，支持加减乘除运算。最后，文章展示了两个过渡效果的案例：一个是进度条的实现，另一个是仿小米Logo的滑动效果，通过transition和伪元素实现平滑的视觉过渡。这些技巧有助于提升网页的交互性和视觉效果。

原创 CSS之伪元素选择器（::before）的三个常见应用场景

本文介绍了三种使用伪元素（::before 和 ::after）的常见场景。首先，通过伪元素实现字体图标效果，利用 @font-face 引入图标字体，并通过 content 属性插入图标。其次，仿照旧土豆网设计，使用伪元素实现图片半透明遮罩层，鼠标悬停时显示遮罩层。最后，伪元素选择器可用于清除浮动，替代传统的额外标签法，提升代码简洁性。这些方法展示了伪元素在网页设计中的灵活应用。

原创 CSS之网页元素的显示与隐藏（旧土豆网遮罩案例）

网页元素的显示与隐藏是网页设计中常见的功能，主要通过CSS属性实现。常用的方法包括display、visibility和overflow。display: none可以完全隐藏元素且不占据空间，而display: block则使元素显示。visibility: hidden隐藏元素

原创 CSS新增表单属性及结构伪类选择器（nth-child）

本文介绍了HTML表单属性和CSS新增的选择器。在HTML中，input表单属性用于定义用户输入字段的行为和样式。CSS新增的属性选择器允许根据元素的属性值进行样式设置，而结构伪类选择器如nth-child和nth-of-type则用于根据元素在父容器中的位置进行样式控制。特别需要注意的是，nth-child会考虑所有子元素，而nth-of-type仅针对指定类型的元素。例如，section div:nth-of-type(1)会选择section中第一个div元素并设置背景颜色为蓝色。

原创 CSS之视频与音频标签

html5支持的音频格式的文件。

原创 css页面布局技巧（margin负值、浮动元素环绕、页码）

本文介绍了三种常见的网页布局技巧。首先，通过浮动和负边距解决盒子之间的缝隙和边框叠加问题，并使用z-index控制悬停效果。其次，利用浮动实现图片和文字的环绕效果，展示了浮动布局的灵活性。最后，演示了页码布局的设计技巧，包括按钮样式、输入框和分页功能的实现。这些技巧有助于优化网页布局，提升用户体验。

原创 文字溢出省略号显示

有较大的兼容性问题，适用于Webkit为内核的浏览器软件，或者移动端的（大部分也是webkit）三、图片底侧空白缝隙的修复技巧（仅行内元素和行内块元素会存在）一、 单行文字溢出、省略号显示。二、 多行文字溢出，省略号显示。此效果建议后端人员开发。

原创 CSS之精灵图(雪碧图)Sprites、字体图标

css精灵图和字体图标的使用

原创 网页导航栏制作的专业步骤

原创 JPG&GIF&PNG&PSD图片区别

原创 CSS清除浮动

为何清除浮动？对于浮动的元素，其父类盒子的高度往往不能输入一个固定的值（因为很多网页内容有多有少），但如此就无法识别到浮动的元素，此时高度自动变成0，除去浮动的元素外的其他元素会挤压此父元素（出现本来是footer的元素被浮动元素压住的情况），故需清除浮动。

原创 css之字体、文本

font：font-style(italic normal) font-weight font-size/line-height font-family [各个属性之间使用空格隔开] 举例： italic 700 16px ‘Microsoft yahei’注意：不需要的属性可以进行省略，但是font-size和font-family属性必须要保留。举例：div{ text-decoration: under-line;举例：div{ text-align: center }

原创 一定要看！MySQL5与MySQL8的区别

默认使用InnoDB Cluster，支持自动故障转移和组复制，提升高可用性；：优化了查询执行引擎和索引算法，官方称其性能比MySQL 5快2倍，高并发场景下甚至可达5-30倍。：原生支持JSON数据类型及相关函数，简化了JSON数据的存储和查询，提升了处理效率。，支持更广泛的Unicode字符（如Emoji），而MySQL 5默认使用。，重启后生效，弥补了MySQL 5仅支持临时配置的不足。：不支持窗口函数和CTE，复杂分析需依赖子查询。）和CTE，支持更灵活的数据分析与查询优化。

原创 Java-mail实现简单邮件发送（非SpringBoot、以QQ邮箱为例）

邮件服务器是电子邮件系统的基础设施，因特网上所有的服务提供商都有自己的邮件服务器。发送邮件时，发送方通过用户代理（SMTP）将自己的邮件传送到自己邮箱对应的服务器中，同时发送方服务器发送邮件给接收方邮件服务器（SMTP）;收件人在自己方便的时候通过用户代理从自己的邮件服务器中拉取邮件（POP3[110端口]、IMAP4[143端口]）

原创 Servlet实现文件上传

Servlet实现文件上传功能

原创 servlet防止导出的资源失败

JavaWeb开发防止资源导出失败

原创 HashSet中重写HashCode与equals方法

介绍如何重写equals和hashcode代码

原创 传统网页布局的三种方式（PC）

• 浮动特性• 定位特性• 普通流或标准流（没错，是篇水文）

原创 CSS背景总结

CSS中背景的总结

原创 CSS复合选择器的总结

CSS常用的复合选择器总结

原创 验证码的前世今生

4. 利用Java中Graphics2D画笔类工具将这一随机数变成图片，这里注意的是我们不能允许浏览器对这一内容进行缓存。2. 利用StringBuffer函数做为缓冲区,利用for循环生成这个随机数，不足的部分补充成0，这样便完成了一个验证码随机数的产生。ps:很有意思的是，Java中的画笔工具与CSS中对字体的设置有异曲同工之秒，这里同样适用ITALIC将我们的验证码设置为斜体。在这里，我们要实现的功能是，做一个六位的验证码，且每隔3秒进行一次刷新。下面的图片是项目生成成功之后的效果。

原创 网站是如何进行访问的？&如何发布一个网站？

2. 检查电脑中：C:\Windows\System32\drivers\etc\hosts 域名下是否存在对输入的网址的映射（此时的电脑就相当于是一个小型的本地域名服务器）依次访问根域名服务器、下级权威域名服务器等，直到获得该信息。获取该信息后将其反馈给本地域名服务器，本地域名服务器对该信息进行记录，后将该信息反馈给电脑。第一访问该子网中的本地域名服务器，如果该域名服务器中也不存在对应这一内容的映射可以采用1.层次访问模式；1）存在对于该域名的映射：直接访问该域名对应的IP地址。2.递归式访问模式。

原创 2.2-6-1原码的乘法运算

STRP3将ACC与MQ看作一个整体，内部的所有数字进行逻辑右移最低位丢弃最后对X\Y的符号位进行异或处理，从而得到结果的正负。

原创 操作系统笔记

传统的进程是程序执行流的最小单位，只能串行的执行一系列程序。加入线程后增加了程序的并发度。引入线程后，进程只作为 除CPU之外的系统资源的分配单元（如 打印机，系统地址空间等都是分配给进程的）可以让各个进程得到及时的响应如果时间片过大， 每一个进程都可以在一个时间片内完成任务。则 时间片轮转算法会退化为先来先服务算法，并且会增大进程响应时间，所以对于时间片轮转调度算法而言，时间片不可以太大。

原创 VGN N75pro键盘操作手册

原创 小王的图书管理系统（小王是一个爱书之人，家里各类书籍已过千册）

小王是一个爱书之人，家里各类书籍已过千册。而平时又时常有朋友外借，因此需要一个个人图书管理系统。该系统应该能够将书籍的基本信息按计算机类、非计算机类分别建档，实现按书名、作者、类别、出版社等关键字的组合查询功能。在使用该系统录入新书籍时系统会自动按规则生成书号，可以修改信息，但一经创建就不允许删除。该系统还应该能够对书籍的外借情况进行记录，可对外借情况列表打印。

原创 properties集合

import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.PrintWriter;import java.util.Properties;import java.util.Set;/*properties是属性集合继承了hashtable线程安全特点：可以存储属性名和属性值属性名和属性值都是字符串类型的没有泛型（重点！！！！！）和流有关 */public class Demo0.

原创 Java——TCP网络编程多个客户端发送数据给服务器端

一、登录线程import java.io.*;import java.net.ServerSocket;import java.net.Socket;import java.util.Properties;public class LoginThread extends Thread{ @Override public void run() { ServerSocket listener = null; try { //

原创 如何对vm上刚刚安装好的centos8进行网络配置

第一步：正常开机第二步：点击右下角网络适配器—>设置按如下图所示进行操作第三步：打开命令提示符窗口（非图形化界面）输入：su - 命令此时系统会提示让你输入密码输入：正在编辑的账户的密码（注意：此处正常输入密码即可，该窗口不会显示你输入的密码，即无反应）输入完密码后点击回车，此时我们已经是最高全限模式，可以进行下一步的操作了第四步：输入命令：cd /etc/sysconfig/network-scripts此处...

原创 基于正则表达式的Java爬虫项目

需求：抓取新闻网的前一百条新闻题目以及对应的网页链接编者这里以齐鲁工业大学校园新闻网为示例，利用Java网络编程、多线程、正则表达式来实现对于新闻内容的抓取。（注：由于校园网限制，不连接齐鲁工业大学校园网可能暂时无法抓取全部内容或抓取的内容会存在缺失是正常情况）源代码示例：import java.io.BufferedReader;import java.io.InputStream;import java.io.InputStreamReader;import java.net.

原创 计算机网络——分组延时，丢失和吞吐量

分组时延的四个种类：结点处理时延、排队时延、传输时延、传播时延。结点处理时延（processing）：1.检查bit级别错误 2.检查分组头部和将分组导向何处 3.对IP进行处理排队时延（queueing）：数据在路由结点因为拥塞而需要排队（缓冲区）；分组到达链路的速率超出了链路传输的能力。分组等待排到队头后被传输。依赖于路由器的拥塞程度 是在传输队列上等待被传输的时间传输时延(transmission)：分组在传输过程中所需要的耗费的时间。 例如打出一个bit可能需要1微秒，当打出一个..