Jul052024
十大常见CSS布局问题的解决方案
CSS布局是构建网页的关键部分之一。然而，很多开发者在布局时都会遇到一些常见的问题和难题。本博客将介绍十个常见的CSS布局问题，并为每个问题提供解决方案。
1. 垂直居中
垂直居中是一个常见的问题，特别是当我们想要将某个元素（如文本或图像）垂直居中时。为此，我们可以使用flexbox布局：
.parent {
display: flex;
align-items: center;
justify-content: center; /* 可选 */...阅读全文
抢沙发
Jul022024
Python3学习之路~14 html基础
一 HTML本质
我们把html比作一个赤裸裸的人的话，css就是给这个人穿上华丽的衣服，js就是让这个人想怎么动就怎么动。
WEB框架本质：对于所有的web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。一段socket服务端代码：
#Author:Zheng Na
import socket
def handle_request(client):
buf = client.recv(1024)
client.send(b"HTTP/1.1 200 ok \r...阅读全文
Jul022024
Python3学习之路~15 css基础
一 css概述
css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化。
存在方式有三种：元素内联（标签的style属性）、页面嵌入（写在head里面，style标签中写样式）和外部引入（写在单独文件中，提高代码重用性），比较三种方式的优缺点。
语法：style = ‘key1:value1;key2:value2;’
在标签中使用 style=’xx:xxx;’
在页面中嵌入 < style...阅读全文
Jul022024
Python3学习之路~11.1 jQuery
jQuery API速查表： http://www.php100.com/manual/jquery/
参考：https://www.w3cschool.cn/jquery/
一 jQuery 简介
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的”写的少，做的多”的JavaScript库。
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery库包含以下功能：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM ...阅读全文
Jul022024
PHP全栈开发工程师学习路线图
前端和后端各是一门技术与学科，所以真正的WEB开发学习的态度应该是钻研一门技术，这也是企业需要的，全栈的称谓在这个时代，已经逐渐被企业所唾弃（小公司除外，小公司不仅要求你会前端还要会PHP，甚至美工也交给你，他们以为你是全才）！
如果你想从事前端开发工程师，建议不要学PHP，把前端精通即可；
如果你想从事PHP网站开发，那前端是必须要学的，可以不深入学习，只要会简单的前端...阅读全文
Jun222024
How to Build Scalable and High-Performing Web Applications
In the era of digital transformation, web applications play a crucial role in providing seamless experiences to users. However, building scalable and high-performing web applications is not an easy task. It requires careful planning, architecture, and implementation. In this blog post, we will discuss some best practices to build such web applications.
1. Ch...阅读全文
Jun212024
css 设置元素的宽高比例的方式
css 设置元素的宽高比例的方式。
1.padding方式(最优解)
利用padding的特性，padding的计算方式是以父级的宽度进行计算的，如果父级没有，则向上继续寻找，找不到则已屏幕宽为准。
我们可以通过这一属性进行计算
普通版(用于图片背景图)
<div class="parent">
<div class="aspect-ratio-box">
</div>
</div>
.parent {
width: 100px;
}
.aspect-rat...阅读全文
Jun212024
纯css实现气泡浮动背景特效
纯css实现气泡浮动背景特效。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>气泡浮动背景特效 html+css</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border...阅读全文
Jun202024
用js来实现密码低中高强度显示
用js来实现密码强度显示
分别提示低,中,高强度
全部代码如下:
代码写的是真丑,将就看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<style type="text/css">
.div1{
display:inline;
float: left;
height: 20px...阅读全文
May252024
Nginx针对js，css等静态文件禁用与开启缓存的配置
在网站程序调试的时候，经常会遇到浏览器的缓存问题导致修改过的前端代码无效果。每次通过Ctrl+F5强制刷新后才能清掉缓存。这时如果禁用掉nginx缓存，可以减少一些小麻烦，让浏览器每次到服务器去请求文件，而不是在浏览器中读取缓存文件。
当程序调试好上线后，可以开启nginx缓存，节省服务器的带宽流量，减少一些请求，降低服务器的压力。
通过配置nginx的配置文件 /usr/local/nginx/con...阅读全文