前端了解到框架-网络复习

news2024/11/20 23:25:18

前端

HTML

超文本标记语言 画页面 各种各样的标签组成页面进行展示 桌面创建文本修改后缀即可

  • <!DOCTYPE html>: 声明文档类型和HTML版本。
  • <html>: 根标签，所有其他标签都包含在内。
  • <head>: 包含了文档的元数据，如字符编码、网页标题、对CSS样式表和JavaScript文件的引用等。
  • <title>: 定义文档的标题，显示在浏览器标签页上。
  • <meta>: 提供有关页面的元信息，如字符集编码、作者、视口设置等。
  • <body>: 包含了可见的网页内容，如文本、图片、链接、列表等。
  • <h1>到<h6>: 标题标签，<h1>是最高级别，用于主标题，<h6>是最低级别。
  • <p>: 段落标签，用于包裹文本内容。
  • <a>: 链接标签，用于创建指向其他页面或页面内部的链接。
  • <img>: 图像标签，用于在页面上显示图片。
  • <ul>, <ol>, <li>: 分别用于无序列表、有序列表和列表项。
  • <table>, <tr>, <td>: 分别用于创建表格、表格行和表格单元格。
  • <div>: 用于组织内容的容器，通常与CSS一起使用来布局页面。
  • <span>: 用于对文本的小块进行分组和应用样式，不会导致文本换行。
  • <form>: 用于创建表单，收集用户输入。
  • <input>: 输入字段，可以是文本框、复选框、单选按钮等。
  • <button>: 按钮标签，用户可以点击执行操作。

CSS

层叠式样式表 修饰HTML页面 但是静态

可以和html文件外联 改变展示的外观

  1. 选择器：选择器用来指定哪些HTML元素应该应用某些样式。例如，h1选择器会选中所有<h1>元素。

  2. 属性和值：样式由属性和值组成。属性指定要改变的样式类型（如color），值指定要使用的样式（如red）。

  3. 如何引入CSS：

    • 内联样式：直接在HTML元素中使用style属性定义样式。
    • 内部样式表：在HTML文档的<head>部分使用<style>标签定义样式。
    • 外部样式表：使用<link>标签引入外部的CSS文件。

  4. 基本样式属性：

    • 颜色：color属性用于文字颜色，background-color用于背景色。
    • 字体：font-family用于定义字体，font-size用于定义字体大小。
    • 边距和填充：margin用于定义元素外部的空间，padding用于定义元素内部的空间。
    • 布局：display属性用于定义元素的显示类型（如块级或内联），position用于定义元素的定位方式。

  5. 层叠和继承：

    • 层叠：当多个样式应用于同一个元素时，CSS会根据特定的规则（如优先级）来决定哪个样式最终会被应用。
    • 继承：某些CSS属性（如文字颜色）可以从父元素继承到子元素。

  6. 盒模型：每个HTML元素都可以看作一个盒子，它包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

  7. 响应式设计：使用媒体查询（@media规则）可以根据不同的屏幕尺寸应用不同的样式

JS

（JS）是一种轻量级的编程语言，主要用于网页和服务器的开发。它允许你实现复杂的功能，从而在网页上创建动态和交互式的内容。可以跟HTML文件关联 动态效果

  1. 变量：变量用于存储数据值。

  2. 数据类型：包括Number、String、Boolean、Object、Array、null、undefined、Symbol（ES6新增）和BigInt（大整数）。

  3. 控制结构：JavaScript使用条件语句和循环语句（来控制程序。

  4. 函数：用于封装可重复使用的代码块。函数可以接受参数并返回值。

  5. 事件处理：JavaScript能够响应用户操作（如点击、键盘输入等），通过添加事件监听器来处理这些事件。

  6. DOM操作：JavaScript可以通过文档对象模型（DOM）来访问和修改网页内容。DOM提供了丰富的方法和属性，用于操作HTML元素和CSS样式。

  7. 异步编程：JavaScript支持异步编程模式，Promise和async/await是处理异步操作的常用工具。

  8. JSON：JavaScript对象表示法（JSON）是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。

  9. 模块：ES6引入了模块的概念，允许JavaScript文件导入和导出函数、变量等，有助于组织和维护大型代码库。

Maven

设置好本地仓库和镜像阿里云仓库

下载配置好旗舰版的idea

特点

  1. 依赖管理：自动处理项目依赖，包括库的下载、版本管理和依赖冲突解决。
  2. 项目构建：编译源代码、打包二进制文件（如JAR、WAR）和生成项目文档。
  3. 项目信息管理：通过pom.xml文件管理项目的构建、报告和文档。
  4. 标准化构建过程：提供一套标准化的构建生命周期和插件体系，使得项目构建过程更加一致和可预测。
  5. 项目模板：通过Archetypes提供项目模板，快速开始新项目。
  6. 持续集成：易于与持续集成工具（如Jenkins）集成，自动化构建和测试过程。

操作

主代码放main的java里

源文件放resources里

测试代码放test里

<dependencies>后面引入所需要的包

先在本地仓库找，然后去国内镜像仓库找

框架

重复代码封装，增加便捷性。增加额外功能，是一个半成品。更好用，开发周期更短，但是更多的学习成本。

spring

方便解耦,简化开发；AOP切面编程；声明式事务；整合各种优秀的框架；

基础

创建maven文件

导入spring5.23

<dependencies>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>5.3.23</version>
        </dependency>
    </dependencies>

然后创建一个类

接着在resourses创建xml文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       https://www.springframework.org/schema/beans/spring-beans.xsd">

    <!-- id:bean的名称   class:类型全限定路径 -->
    <bean id="b" class="pojo.book"></bean>

</beans>

测试一下

public class test {
    public static void main(String[] args) {
        //创建类
        ApplicationContext  context = new ClassPathXmlApplicationContext("applicationcontext.xml");
        book bo = (book)context.getBean("b");
        System.out.println(bo.getName() + "---" + bo.getId());
    }
}

属性注入

也就是给对象里面的值赋值

1.property 设值注入

会自动去找变量的set定义

<bean id="b" class="pojo.book">
        <property name="id" value="1"></property>
        <property name="name" value="huangj"></property>
    </bean>

2.constructor-arg 构造注入

这个不调用空构造器，调用有参构造器

<bean id="b2" class="pojo.book">
        <constructor-arg name="id" value="2"></constructor-arg>
        <constructor-arg name="name" value="spring"></constructor-arg>
    </bean>

3.ref 如果有类套类的话（有自定义数据类型）

使用两个bean

<bean id="boy" class="pojo.boy">
        <constructor-arg name="age" value="22"></constructor-arg>
        <constructor-arg name="name" value="autumn"></constructor-arg>
    </bean>
    <bean id="girl" class="pojo.girl">
        <constructor-arg name="age" value="25"></constructor-arg>
        <constructor-arg name="name" value="spring"></constructor-arg>
        <constructor-arg name="boyfriend" ref="boy"></constructor-arg>
    </bean>

spring注解

ioC/DI相关

@Component：
  • 标记一个类为Spring管理的组件。Spring会自动检测并注册该类为bean。
  • 默认名字为首字母小写
  • 在类前面添加即可
  • 自动放到spring容器里面

    • @Autowired：

      • 自动装配bean。可以用于构造函数、字段、setter方法或其他任意方法上。

    • @Qualifier：

      • 与@Autowired一起使用，用于指定注入的具体bean。

    • @Resource：

      • JSR-250注解，类似于@Autowired，但可以通过名称或类型进行注入。

    • @Inject：

      • JSR-330注解，类似于@Autowired，但不支持required属性。

    • @Component：

      • 标记一个类为Spring管理的组件。Spring会自动检测并注册该类为bean。

    • @Service：

      • 特殊的@Component，用于标记服务层的类。

    • @Repository：

      • 特殊的@Component，用于标记数据访问层的类。

    • @Controller：

      • 特殊的@Component，用于标记Spring MVC控制器。

    • @Configuration：

      • 标记一个类为Spring配置类，类似于XML配置文件。

    • @Bean：

      • 用于方法上，定义一个bean。

例子

@Component
public class girl {
    @Value("18")
    private int age;
    @Value("张黎")
    private  String name;
    @Autowired
    private boy boyfriend;

web

区别javaweb
主要用于开发桌面应用程序、命令行工具、后台服务等。主要用于开发基于Web的应用程序，如网站、Web服务和Web应用
主要使用Java语言编写。通常包括前端（HTML、CSS、JavaScript）和后端（Java、Python、PHP等）代码。
通常生成可执行的JAR文件或WAR文件。需要Web服务器（如Tomcat、Jetty）来运行。

idea右上角要添加tomcat服务器，并且把相应的web文件添加进去（maven内部也集成了tomcat）

springboot

快速启动

  • 自动配置：Spring Boot 提供了大量的自动配置，减少了手动配置的工作量。只需添加依赖，Spring Boot 会自动配置相关的组件。
  • 内嵌服务器：Spring Boot 内置了Tomcat、Jetty和Undertow等服务器，开发者无需单独配置和管理服务器。

2. 依赖管理

  • Starter POMs：Spring Boot 提供了一系列的Starter POMs，简化了依赖管理。只需添加一个Starter依赖，就可以引入一组相关的依赖。

3. 生产

  • 管理：Spring Boot 提供了Actuator模块，可以轻松地监控和管理应用程序的健康状况和性能。
  • 配置：支持通过外部配置文件（进行配置，方便在不同环境中部署。

启动

@SpringBootApplication
public class testspringbootapplication {
    public static void main(String[] args) {
        SpringApplication.run(testspringbootapplication.class,args);
    }
}

复习基础

网络原理

让两个主机可以进行通信

通过socket api

一般家用路由器，5个网口，1wan + 4lan，lan是把设备连接到局域网的，wan是连接到上级的。交换机就是拓展路由器的端口。

广域网就是把局域网连接到一起，构成的网络更加庞大。

IP地址

设备在网络上的地址，一般为4个0-255之间的十进制数字，并且使用三个点进行分隔。

端口号

区分一个主机上的不同的应用程序。是一个两个字节的整数，不同程序关联不同的端口号。一个端口号只能被一个程序绑定，但一个程序可以绑定多个端口号。1-1023一般系统有特殊用途，是知名端口号，留给常见服务器程序使用。端口号和ip往往是‘一对’。

协议 

一种约定，约定了双方通信的方式。

协议分层

 osi七层网络模型（只出现在教科书中）  tcp/ip五层网络模型 

 5.应用层（程序员需要关注的一层）

上层协议能够调用下层协议，层层打包，加上分别的报头，到物理层就转换成0 1序列。

 

 

 

 应用层根据端口号交给程序，按照程序员自定义的应用层协议展开。

协议特性

传输层提供的协议主要是tcp和udp

连接的本质是通信双方各自保存对方的意思，tcp想要通信，需要先建立连接，保存对方消息。udp要通信，直接发送数据即可，但是调用socket api要把对方位置传过去。

网络上通信，并不是百分百传达的，tcp可以知道是不是发送成功（内置了可靠传输机制），udp不可以，但是传输效率更高。

tcp以字节为单位，udp按照数据报，有严格格式。

全双工的意思的可以双向通信

网络编程

udp

服务器端口号手动指定，客户端自动分配，服务器掌控在程序员手里，是可控的。客户端不可控，所以分给系统分配更合理。

服务器端
public class server {
    private DatagramSocket socket = null;
    public server(int port) throws SocketException{
        socket = new DatagramSocket(port);//里面有就是手动指定
    }

    public void start() throws IOException {
        System.out.println("服务器启动");
        while (true){ // 服务器要长期运行
            // 读取请求并且解析
            DatagramPacket requestp = new DatagramPacket(new byte[4096], 4096);//搞一个内存保存网卡接收的数据
            socket.receive(requestp);// 读取数据，填充对象里，如果客户端没请求，就会一直receive
            // 当前完成receive，数据是二进制的形式，要转成字符串
            String request = new String(requestp.getData(),0,requestp.getLength());// 这个区间内的字节构造成string
            // 根据请求计算响应 此处返回请求即可
            String response = process(request);
            // 写回客户端 先搞一个响应对象 要指定数据内容和要发给谁
            DatagramPacket requestq = new DatagramPacket(response.getBytes(),
                    response.getBytes().length,requestp.getSocketAddress());// 前两个参数代表数据是啥 不直接用getlength怕有中文
            socket.send(requestq);
            System.out.printf("[%s:%d] rep=%s, resp=%s\n",requestp.getAddress().toString(), requestp.getPort(), request, response);// 打印日志

        }
    }
    public String process(String request){
        return request;
    }

    public static void main(String[] args) throws IOException {// 启动服务器
        server ser = new server(9090);
        ser.start();
    }
}
客户端
public class client {
    private DatagramSocket socket = null;
    private String severip = "";
    private int serverport = 0;
    public client(String ip, int port) throws SocketException {
        socket = new DatagramSocket();//自动分配端口
        // udp自身不会有对端的消息，所以要把对端的消息记录下来
        // 主要记录了ip和端口
        severip = ip;
        serverport = port;

    }

    public void start() throws IOException {
        System.out.println("客户端启动！");
        Scanner scanner = new Scanner(System.in);
        while (true){
            System.out.println("->");
            String request = scanner.next();
            // 把请求构造成对象
            DatagramPacket requestpacket = new DatagramPacket(request.getBytes(),// 指定字节缓冲区 指定inetaddress对象，包含了ip和端口
                    request.getBytes().length, InetAddress.getByName(severip),
                    serverport);
            socket.send(requestpacket);
            // 尝试读取服务器反应
            DatagramPacket responsepacket = new DatagramPacket(new byte[4096],4096);
            socket.receive(requestpacket);// 这个是读取的反应
            // 照旧转换字符串
            String response = new String(responsepacket.getData(),
                    responsepacket.getLength());
            System.out.println(response);
        }
    }
    public static void main(String[] args) throws IOException {
        client cli = new client("127.0.0.1",9090);
        cli.start();
    }
}

但是现在的服务器，只有局域网能访问，别人访问不了，所以我们就需要云服务器了。

tcp
服务器端
import java.io.*;
import java.net.*;

public class TCPServer {
    private ServerSocket serverSocket;

    public TCPServer(int port) throws IOException {
        serverSocket = new ServerSocket(port);
    }

    public void start() {
        System.out.println("服务器启动");
        while (true) {
            try {
                // 等待客户端连接
                Socket clientSocket = serverSocket.accept();
                System.out.println("客户端连接：" + clientSocket.getInetAddress() + ":" + clientSocket.getPort());

                // 处理客户端请求
                handleClient(clientSocket);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    private void handleClient(Socket clientSocket) {
        try (
            BufferedReader in = new BufferedReader(new InputStreamReader(clientSocket.getInputStream()));
            PrintWriter out = new PrintWriter(clientSocket.getOutputStream(), true)
        ) {
            String request;
            while ((request = in.readLine()) != null) {
                System.out.println("收到请求：" + request);
                String response = process(request);
                out.println(response);
                System.out.println("发送响应：" + response);
            }
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                clientSocket.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    public String process(String request) {
        return request;
    }

    public static void main(String[] args) throws IOException {
        TCPServer server = new TCPServer(9090);
        server.start();
    }
}
客户端
import java.io.*;
import java.net.*;
import java.util.Scanner;

public class TCPClient {
    private String serverIp;
    private int serverPort;

    public TCPClient(String ip, int port) {
        serverIp = ip;
        serverPort = port;
    }

    public void start() {
        System.out.println("客户端启动！");
        try (
            Socket socket = new Socket(serverIp, serverPort);
            BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));
            PrintWriter out = new PrintWriter(socket.getOutputStream(), true);
            Scanner scanner = new Scanner(System.in)
        ) {
            while (true) {
                System.out.print("-> ");
                String request = scanner.nextLine();
                out.println(request);
                String response = in.readLine();
                System.out.println("服务器响应：" + response);
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public static void main(String[] args) {
        TCPClient client = new TCPClient("127.0.0.1", 9090);
        client.start();
    }
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1954656.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Mac系统中用brew安装MongoDB【详细教程】

Mac系统中用brew安装MongoDB【详细教程】

文章目录 概述一、安装步骤1.下载适用于 MongoDB 的官方 Homebrew 公式和数据库工具，方法是在 macOS 终端运行以下命令：2.更新 Homebrew3.安装 MongoDB二、使用步骤1.查看版本2.启动服务3.停止服务4.连接测试三、可视化工具1.MongoDB Compass2.使用概述 使用本教程在 macOS …
阅读更多...
heic怎么转换成jpg？heic转jpg，分享6款图片格式转换器免费汇总！

heic怎么转换成jpg？heic转jpg，分享6款图片格式转换器免费汇总！

众所周知&#xff0c;在与非苹果手机设备用户&#xff08;如安卓手机或Windows台式机用户&#xff09;分享照片之前&#xff0c;通常需要将iphone的heic格式转换为jpg。由于这些操作系统的旧版本不原生支持heic图片格式&#xff0c;因此需要额外的第三方工具来查看这些图像。因…
阅读更多...
1.Linux_基础

1.Linux_基础

文件结构 Linux的文件结构是一个倒的树状图&#xff0c;具体结构如下&#xff1a; bin&#xff1a;存放二进制文件 boot&#xff1a;存放系统启动文件 dev&#xff1a;存放设备文件 etc&#xff1a;存放系统管理时要用到的各种配置文件和子目录 lib&#xff1a;存放系统动…
阅读更多...
Redis：AOF持久化

Redis：AOF持久化

1. 简介 以日志的形式来记录每个写操作&#xff0c;将redis执行的每个写操作记录下来&#xff08;读操作不记录&#xff09;&#xff0c;只需追加文件但不可以改写文件&#xff0c;redis启动之初会重新构建数据&#xff0c;即redis重启后会将日志中的所有写指令重新执行一遍以达…
阅读更多...
html+css 实现单选按钮动画（input radio按钮）

html+css 实现单选按钮动画（input radio按钮）

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享htmlcss 绚丽效果&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 文…
阅读更多...
kuberneter管理GUI工具Lens

kuberneter管理GUI工具Lens

从github上可以知道&#xff0c;lens的前端是用electron做的客户端工具&#xff0c;打开安装路径你会发现kubectl.exe,没错&#xff0c;就是你经常用的kubectl命令行的客户端工具。kubectl本来就能输出json的数据类型&#xff0c;集成前端更方便了。看到这里你是不是发现&#…
阅读更多...
在线投稿小程序的设计

在线投稿小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;用户管理&#xff0c;编辑管理&#xff0c;用户文章管理&#xff0c;文章分类管理&#xff0c;文章展示管理&#xff0c;文章稿酬管理&#xff0c;通知公告管理&#xff0c;系统管理 微信端账号功能包…
阅读更多...
5、从0搭建企业门户网站——Tomcat下载、安装与使用

5、从0搭建企业门户网站——Tomcat下载、安装与使用

目录 正文 1、下载Tomcat 2、安装Tomcat 3、运行Tomcat 4、停止Tomcat 正文 企业门户网站软件开发完成后，我们需要在云服务器上运行我们的软件，安装Tomcat是很有必要的。下面以Tomcat 10为例，演示其下载、安装与使用。 1、下载Tomcat Tomcat 10下载地址 将Tomcat 10下…
阅读更多...
基于Java的模拟写字板的设计与实现

基于Java的模拟写字板的设计与实现

点击下载链接 基于Java的模拟写字板的设计与实现 摘要&#xff1a;目前&#xff0c;很多新的技术领域都涉及到了Java语言&#xff0c;Java语言是面向对象编程&#xff0c;并且涉及到网络、多线程等重要的基础知识&#xff0c;因此Java语言也是学习面向对象编程和网络编程的首…
阅读更多...
前端和Postman调用同一个接口，拿到的数据不一样

前端和Postman调用同一个接口，拿到的数据不一样

1、表现 联调一个List接口&#xff0c;Postman自测得到的ID和前端调用得到的ID&#xff0c;结果不一样。前者结果&#xff1a; 后者结果&#xff1a; 同一份代码、同一个数据库&#xff0c;出现这种错误&#xff0c;大概率是类型转换时出问题了&#xff0c;但检查代码发现&…
阅读更多...
[工具] GitHub+Gridea+GitTalk 搭建个人免费博客

[工具] GitHub+Gridea+GitTalk 搭建个人免费博客

文章目录 起因GitHub创建个人仓库存主页创建用于Gridea连接的Token Gridea配置 GitTalk大功告成 起因 想要搭建自己的博客网站&#xff0c;又不想花钱买域名&#xff0c;也不会前端技术&#xff0c;只能求助于简单(傻逼式)且免费的博客搭建方式。偶然间看到这种方式&#xff0…
阅读更多...
视频播放--vue3+西瓜播放器

视频播放--vue3+西瓜播放器

西瓜播放器官网 实现方式非常简单&#xff0c;只需三步&#xff1a;安装、DOM占位、实例化即可完成播放器的使用 安装 npm install xgplayer 引入 import Player from "xgplayer"; import "xgplayer/dist/index.min.css"; 注意&#xff1a;一定要引入…
阅读更多...
最新风车IM即时聊天源码及完整视频教程2024年7月版

最新风车IM即时聊天源码及完整视频教程2024年7月版

堡塔面板 试验性Centos/Ubuntu/Debian安装命令 独立运行环境&#xff08;py3.7&#xff09; 可能存在少量兼容性问题 不断优化中 curl -sSO http://io.bt.sy/install/install_panel.sh && bash install_panel.sh 1.宝塔环境如下: Nginx 1.20 Tomcat 8 MySQL 8.0 R…
阅读更多...
生物学家做不出 AlphaGO，但也在创造生命……

生物学家做不出 AlphaGO，但也在创造生命……

提到人造生命&#xff08;Artificial Life&#xff09;&#xff0c;你会想到什么&#xff1f; 也许是希腊、玛雅、中国神话故事里的人造生物&#xff0c;亦或者是科幻电影里可以执行命令的机器人&#xff0c;也可能是这几年以 AlphaGo 为代表的人工智能技术&#xff08;AI&…
阅读更多...
【虚拟机】 VMware截图版详细安装教程

【虚拟机】 VMware截图版详细安装教程

VMware-workstation-full-17.5.1-23298084 的安装&#xff0c;详细安装过程。 1.以管理员身份运行安装包 点击文件&#xff0c;右键打开&#xff0c;以管理员身份运行&#xff1b; 2.根据安装提示&#xff0c;重启电脑&#xff1b; &#xff08;重启与否看自己电脑情况&…
阅读更多...
【题解(c++)】「蓝桥·算法双周赛」第十五场分级赛——强者挑战赛

【题解(c++)】「蓝桥·算法双周赛」第十五场分级赛——强者挑战赛

竞赛链接 目录 老君炼丹【算法赛】大意思路 拯救美猴王【算法赛】大意思路打卡蓝桥杯周赛&#xff01; 老君炼丹【算法赛】 大意 有一个数组&#xff0c;每一次可以选择两个元素 a i , a i ≤ 0 a_i,a_i\le0 ai​,ai​≤0和一个 a j , a j ≥ 0 a_j,a_j\ge0 aj​,aj​≥0&am…
阅读更多...
前端必知必会-html布局和响应式网页设计

前端必知必会-html布局和响应式网页设计

文章目录 HTML 布局CSS 框架CSS 浮动布局CSS flex布局CSS 网格布局HTML 响应式网页设计设置viewport响应式图像使用 max-width 属性根据浏览器宽度显示不同的图像响应式文本大小媒体查询Bootstrap总结 HTML 布局 HTML5 有几个语义元素&#xff0c;它们定义网页的不同部分&#…
阅读更多...
【Python系列】Python 中的垃圾收集：深入理解与实践

【Python系列】Python 中的垃圾收集：深入理解与实践

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…
阅读更多...
vue中使用Marked实现预览md文件（base64编码图片）

vue中使用Marked实现预览md文件（base64编码图片）

vue中使用Marked实现预览md文件&#xff08;base64编码图片&#xff09; 在上一篇vue-markdown实现预览md文件时&#xff0c;后端返回的图片格式是base64格式的&#xff0c;试了很多方法都不能显示&#xff0c;因此换成了marked插件进行预览&#xff0c;同时也支持显示大纲目录…
阅读更多...
入门 PyQt6 看过来（案例）12~ 列表增删排序

入门 PyQt6 看过来（案例）12~ 列表增删排序

本文介绍如何实现列表增加删除和排序的功能&#xff0c;效果如下&#xff1a; 1 页面设计 1.1 列表 #列表数据self.list [福宝, 萌兰, 金虎,蓝天]# 创建四行一列标准数据模型self.modeQStandardItemModel(4,1)# 将数据中的列表项作为标准数据模型输出for i in range(self.mod…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023