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

JavaScript 基础知识

一、初识 JavaScript


1、JS 初体验

JS 有3种书写位置,分别为行内、内部和外部。

示例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 2.内嵌式的js --><script>// alert('Mary');</script><!-- 3.外部js script 双标签 --><script src="./my.js"></script>
</head>
<body><!-- 1.行内式的js 直接写在元素的内部 --><!-- <input type="button" value="Mike" οnclick="alert('Jane')"> -->
</body>
</html>
行内式 JS

<input type="button" value="click me" onclick="alert('Hello World')" />

  • HTML中推荐使用双引号JS 中推荐使用单引号
内嵌 JS
<script>alert('Hello World');
</script>
外部 JS 文件

<script src="my.js"></script>

  • 引用外部 JS 文件的 script 标签中间不可以写代码

2、JavaScript 注释

示例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1.单行注释 ctrl + //* 2.多行注释 默认快捷键 shift + alt + a*/</script>
</head>
<body></body>
</html>

3、JavaScript 输入输出语句

常用语句:

方法说明归属
alert(msg)浏览器弹出警示框浏览器
console.log(msg)浏览器控制台打印输出信息浏览器
prompt(info)浏览器弹出输入框,用户可以输入浏览器

示例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 这是一个输入框prompt('input your age,pls');// 弹出警示框 输出的展示给用户alert('the result is:')// 控制台输出 给程序员测试用的console.log('i am computer.')</script>
</head>
<body></body>
</html>

效果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、变量

1、变量的使用

声明变量
// 声明变量
var age; // 声明一个名称为 age 的变量
  • var(variable 变量的意思)

1、简介

变量的数据类型

JavaScript 是一种弱类型/动态语言

2、简单数据类型

简单数据类型(基本数据类型)
简单数据类型说明默认值
Number数字型,包含 整型值和浮点型值,如 21、0.210
Boolean布尔值类型,如 true、false,等价于 1 和 0false
String字符型类型,如 ”张三”“”
Undefinedvar a; 声明了变量 a 但是没有赋值,此时 a = undefinedundefined
Nullvar a = null; 声明了变量 a 为空值null
数字型 Number
1、数字型进制
// 1.八进制数字序列范围:0~7
var num1 = 07; // 对应十进制的7
var num2 = 010; // 对应十进制的8
// 2.十六进制数字序列范围:0~9以及A~F
var num = 0xA 

在JS中八进制前面加0,十六进制前面加 0x

2、数字型范围

JavaScript中数值的最大值和最小值

alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324
3、数字型三个特殊值
alert(Infinity);
alert(-Infinity);
alert(NaN);
  • Infinity,代表无穷大,大于任何数值
  • -Infinity,代表无穷小,小于任何数值
  • NaN,Not a number,代表一个非数值
4、isNaN()

用来判断一个变量是否为非数字的类型,返回 true 或者 false

字符串型 Srting
1、字符串长度

通过字符串 length 属性可以获取整个字符串的长度

var strMsg = "xxxx";
alert(strMsg.length);
2、字符串拼接
  • 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
Undefined 和 Null

一个声明后没有被赋值的变量会有一个默认值 undefined

var variable;
console.log('你好' + variable): // 你好undefined
console.log(11 + variable); // NaN

一个声明变量给 null 值,里面存的值为空

var vari = null;
console.log('你好' + vari); // 你好null
console.log(11 + vari); // 11

3、获取变量数据类型

获取检测变量的数据类型

typeof 可用来获取检测变量的数据类型

4、数据类型转换

转换为字符串
方式说明案例
toString()转成字符串var num = 1; alert(num.toString());
String() 强制转换装成字符串var num = 1; alert(String(num));
加号拼接字符串和字符串拼接的结果都是字符串var num = 1; alert(num + “abc”);
转换为数字型
方式说明案例
parseInt(string) 函数将string类型转换成整数数值型parseInt(‘78’)
parseFloat(string) 函数将string转换成浮点数数值型parseFloat(‘78.21’)
Number() 强制转换函数将string类型转换成数值型Number(’12‘)
js 隐式转换( - * / )利用算术运算隐式转换为数值型’12‘ - 0
转换为布尔型
方式说明案例
Boolean() 函数其他类型转换为布尔值Boolean(‘true’);
  • 代表空、否定的值会被转换为 false

三、运算符

逻辑运算符

短路运算(逻辑中断)

原理:当有多个表达式(值)时,左边的表达式可以确定结果时,就不再继续运算右边的表达式的值。

  1. 逻辑与
    • 语法:表达式1 && 表达式2
    • 如果第一个表达式的值为真,则返回表达式2
    • 如果第一个表达式的值为假,则返回表达式1
  2. 逻辑或
    • 语法:表达式1 || 表达式2
    • 如果第一个表达式的值为真,则返回表达式1
    • 如果第一个表达式的值为假,则返回表达式2

四、作用域

作用域链

  • 写在函数内部的局部作用域链
  • 如果函数中还有函数,那么在这个作用域中又可以产生一个作用域
  • 根据在内部函数可以访问外部变量的这种机制,用链式查找界定哪些数据能被内部函数访问,就称作做作用域链

五、预解析

  1. js引擎运行js分为两步:预解析 代码执行
    • 预解析:引擎会把js里面所有的 var 和 function 提升到当前作用域的最前面
    • 代码执行:按照代码书写的顺序从上往下执行
  2. 预解析分为 变量预解析(变量提升)和 函数预解析(函数提升)
    • 变量提升:把所有的变量声明提升到当前的作用域最前面,不提升赋值操作
    • 函数提升:把所有的函数声明提升到当前作用域的最前面,不调用函数

六、对象

1、创建对象的三种方式

  • 利用字面量创建对象
  • 利用 new Object 创建对象
  • 利用构造函数创建对象
利用字面量创建对象

对象字面量:就是 {} 里面包含了表达式这个具体事物(对象)的属性和方法。

() 里面采用键值对的形式表示

var star = {name: 'Bob',age: 18,sex: 'male',greet: function() {alert('Hello');}
}
利用 new Object 创建对象
var obj = new Object();
obj.name = 'Bob';
obj.age = 18;
obj.sex = 'male';
obj.greet = function() {console.log('Hello');
}
利用构造函数创建对象
function Star(name, age, sex) {this.name = name;this.age = age;this.sex = sex;this。words = function(say) {console.log(say);}
}
var someOne = new Star('Bob', 18, 'male');
someOne.word('Hello');
// 构造函数名字首字母要大写
// 构造函数不需要 return 就可以返回结果
// 构造函数必须使用 new
构造函数和对象
  • 构造函数,如 Star() ,抽象了对象的公共部分,封装到了函数里面,他泛指某一大类(class)
  • 创建对象,如 new Star(),特指某一个,通过 new 关键字创建对象的过程我们也叫对象实例化

2、new关键字

new 执行的四件事:

  1. 在内存中创建一个新的空对象。
  2. 让 this 指向这个新的对象。
  3. 执行构造函数里面的代码,给这个新对象添加属性和方法。
  4. 返回这个新对象(所以构造函数里面不需要return)。

4、遍历对象属性

for…in 语句用于对数组或者对象的属性进行循环操作。

var obj = {name: 'Bob';age: 18;sex: 'male';
}
for (var key in obj) {console.log(key); // key 变量输出得到的是属性名console.log(obj[key]); // obj[key] 得到的是属性值
}

七、内置对象

  • 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)

1、Math 对象

Math 概述
Math.PI // 圆周率
Math.floor() // 向下取整
Math.ceil() // 向上取整
Math.round() // 四舍五入 就近取整 例:-3.5 → -3
Math.abs() // 绝对值
Math.max() / Math.min() // 求最大和最小值
随机数方法 random()
  1. random() 返回一个随机的书(0 ≤ x < 1)
  2. 得到两个数之间的随机整数并且包含这2个整数
    Math.floor(Math.random() * (max - min + 1)) + min;

2、日期对象

Date() 方法的使用
  1. 获取当前时间必须实例化

    var now = new Date();
    console.log(now);
    
  2. Date() 构造函数的参数
    可以写成new Date(‘2024-3-10’) 或者 new Date(‘2024/3/10’)

日期格式化
方法名说明代码
getFullYear()获取当年oObj.getFullYear()
getMonth()获取当月(0-11)oObj.getMunth()
getDate()获取当天日期oObj.getDate()
getDay()获取星期几(周日0到周六6)oObj.getDay()
getHours()获取当前小时oObj.getHours()
getMinutes()获取当前分钟oObj.getMinutes()
getSeconds()获取当前秒钟oObj.getSeconds()
获取日期的总的毫秒数(时间戳)

形式

  1. 通过 valueOf() / getTime()

    var date = new Date();
    console.log(date.valueOf());
    console.log(date.getTime());
    
  2. 简单的写法(最常用的写法)

    var date1 = +new Date();
    console.log(date1);
    
  3. H5 新增的 获得总的毫秒数

    console.log(Date.now());
    
案例 —— 倒计时
function conutDown(time) {var nowTime = +new Date();var inputTime = +new Date(time);var times = (inputTime - nowTime) / 1000; // times 是剩余时间的秒数var d = parseInt(times / 60 / 60 / 24);var h = parseInt(times / 60 / 60 % 24);var m = parseInt(times / 60 % 60);var s = parseInt(times % 60);return d + '天' + h + '时' + m + '分' + s + '秒'}
console.log(countDown('2025-01-01 23:00:00'));

3、数组对象

数组对象的创建
  1. 利用数组字面量
  2. 利用 new Array()
检测是否为数组
  1. instanceof 运算符 用来检测是否为数组

    var arr[];
    console.log(arr instanceof Array);
    
  2. Array.isArray(参数); H5新增的方法 ie9以上版本支持

    console.log(Array.isArray(arr));
    
添加删除数组元素的方法
  1. push() 在数组末尾添加一个或者多个数组元素

    var arr = [1, 2, 3];
    arr.push(4, 'Hello');
    console.log(arr);
    
  2. unshift() 在数组开头添加一个或者多个数组元素

    arr.unshift('A', 'B');
    console.log(arr);
    
  3. pop() 删除数组的最后一个元素

    console.log(arr.pop());
    console.log(arr);
    
  4. shift() 删除数组的第一个元素

    console.log(arr.shift());
    console.log(arr);
    
数组排序
方法名说明是否修改原数组
reverse()颠倒数组中元素的顺序该方法会改变原来数组 返回新数组
sort()对数组的元素进行排序该方法会改变原来数组 返回新数组
  1. 翻转数组

    var arr = [1, 25, 5];
    arr.reverse();
    console.log(arr);
    
  2. 数组排序(冒泡排序)

    var arr = [13, 4, 77, 1, 7];
    arr.sort(function(a,b) {return a - b; // 升序// return b - a; // 降序
    });
    console.log(arr);
    
数组索引方法
方法名说明返回值
indexOf()数组中查找给定元素的第一个索引如果存在返回索引号 如果不存在,则返回-1
lastIndexOf()在数组中的最后一个的索引如果存在返回索引号 如果不存在,则返回-1
数组转换为字符串
方法名说明返回值
toString()把数组转换成字符串,逗号分隔每一项返回一个字符串
join(‘分隔符’)方法用于把数组中的所有元素转换为一个字符串返回一个字符串

4、字符串对象

基本包装类型
  1. 把简单数据类型包装为复杂数据类型

    var temp = new String('Bob');
    
  2. 把临时变量的值给 str

    str = temp;
    
  3. 销毁这个临时变量

    temp = null;
    
字符串的不可变

字符串的值不可变,改变的实际上时地址变化,在内存中开辟了一个新的内存空间。

根据位置返回字符
方法名说明使用
charAt(index)返回指定位置的字符(index 字符串的索引号)str.charAt(0)
charCodeAt(index)获取指定位置处字符的ASCII码(index索引号)str.charCodeAt(0)
str[index]获取指定位置处字符HTML5, IE8+支持 和charAt()等效
字符串操作方法
方法名说明
concat(str1,str2,str3…)concat() 方法用于连接两个或多个字符串,等效于+,+更常用
substr(start, length)从start位置开始(索引号),length 取的个数
slice(start, end)从start位置开始,截取到end位置,end取不到
substring(start, end)从start位置开始,截取到end位置,end取不到 基本和slice相同,但是不接受负值

八、简单类型与复杂类型

1、简单类型与复杂类型

简单类型又叫做基本数据类型或者值类型 ,复杂类型又叫做引用类型

  • 值类型:简单数据类型/基本数据类型,在存储变量中存储的是值本身。
    string , number , boolean , undefined , null
  • 引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用)。
    通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等

2、堆和栈

  1. 简单数据类型存放到栈里面
  2. 复杂数据类型存放到堆里面

JavaScript没有堆栈的概念

相关文章:

JavaScript 基础知识

一、初识 JavaScript 1、JS 初体验 JS 有3种书写位置&#xff0c;分别为行内、内部和外部。 示例&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"wid…...

【判断是否为回文数】

法一&#xff1a;用字符串形式判断&#xff08;依次对比前面和后面的数是否相等&#xff09; #include<stdio.h> #include<string.h> int main() {char st[100];scanf("%s",st);int flag1,nstrlen(st);for(int i0,jn-1;i<n,j>0;i,j--){if(st[i]!…...

【C++】string进一步介绍

个人主页 &#xff1a; zxctscl 如有转载请先通知 文章目录 1. 前言2. 迭代器2.1 反向迭代器2.2 const对象迭代器 3. Capacity3.1 size和length3.2 max_size3.3 capacity3.4 clear3.5 shrink_to_fit &#xff08;了解即可&#xff09;3.6 reserve3.7 resize 4. Element access4…...

思科设备下面主机访问公网经常时好时坏延迟大丢包不稳定

环境: 思科防火墙ASA5555 Cisco Adaptive Security Appliance Software Version 9.4(2)6 Device Manager Version 7.5(2)153 内外为DMZ区域 思科交换机(C3560E-UNIVERSALK9-M), Version 12.2(55)SE5 主机 centos 7 问题描述: 思科设备下面主机访问公网经常时好时坏不稳定…...

nuxtjs 如何通过ecosystem.config.js配置pm2?

在 Nuxt.js 项目中&#xff0c;您可以通过 ecosystem.config.js 文件来配置 PM2&#xff0c;以便使用 PM2 来管理 Nuxt.js 应用的进程。ecosystem.config.js 是一个特殊的配置文件&#xff0c;它允许您定义应用的各种属性&#xff0c;如脚本路径、环境变量、日志设置等。 下面…...

个人博客系列-后端项目-用户注册功能(7)

介绍 用户注册API的主要流程&#xff1a;1.前端用户提交用户名&#xff0c;密码 2. 序列化器校验用户名&#xff0c;密码是否合法。3.存入数据库。4.签发token 创建序列化器 from rest_framework import serializers from rest_framework_simplejwt.serializers import Toke…...

vue项目因内存溢出启动报错

前端能正常启动&#xff0c;但只要一改动就报错启动出错。 解决办法&#xff1a; 安装依赖 npm install cross-env increase-memory-limit 然后再做两件事&#xff1a;在node 在package.json 里的 script 里进行配置 LIMIT是你想分配的内存大小&#xff0c;这里的8192单位…...

UI 学习 二 可访问性 模式

教程&#xff1a;Accessibility – Material Design 3 一 颜色对比 颜色和对比度可以用来帮助用户看到和理解应用程序的内容&#xff0c;与正确的元素交互&#xff0c;并理解操作。 颜色可以帮助传达情绪、语气和关键信息。可以选择主色、辅助色和强调色来支持可用性。元素之…...

Spring学习

Maven 的配置文件是一个强约定的XML格式文件&#xff0c;它的文件名一定是pom.xml。 1、POM (Project Object Model) 一个 Java 项目所有的配置都放置在 POM 文件中&#xff0c;大概有如下的行为&#xff1a; 定义项目的类型、名字管理依赖关系定制插件的 1.maven坐标 <…...

鸿蒙开发-UI-动画-组件内转场动画

鸿蒙开发-UI-组件3 鸿蒙开发-UI-气泡/菜单 鸿蒙开发-UI-页面路由 鸿蒙开发-UI-组件导航-Navigation 鸿蒙开发-UI-组件导航-Tabs 鸿蒙开发-UI-图形-图片 鸿蒙开发-UI-图形-绘制几何图形 鸿蒙开发-UI-图形-绘制自定义图形 鸿蒙开发-UI-图形-页面内动画 文章目录 前言 一、基本概…...

Leet code 179 最大数

解题思路 贪心算法 贪心算法就是走一步看一步 每一步都取当前位置的最优解 这题我们该如何贪呢&#xff1f; 我们先把int数组转换为string数组 以示例2为例 3 30 34 5 9 排序哪个在前哪个在后&#xff1f; 3 30 &#xff08;330&#xff09;> 30 3 &#xff08;30…...

swagger踩坑之请求类不显示具体字段

swagger踩坑之请求类不显示具体字段 省流&#xff1a;枚举字段需要加上ApiModelProperty注解 过程复现&#xff1a; TestEnum 枚举不加注解&#xff0c;swagger的UI类不显示详细字段 Data Accessors(chain true) ApiModel(value "test对象", description &quo…...

案例分析篇14:信息系统安全设计考点(2024年软考高级系统架构设计师冲刺知识点总结系列文章)

专栏系列文章推荐: 2024高级系统架构设计师备考资料(高频考点&真题&经验)https://blog.csdn.net/seeker1994/category_12593400.html 【历年案例分析真题考点汇总】与【专栏文章案例分析高频考点目录】(2024年软考高级系统架构设计师冲刺知识点总结-案例分析篇-…...

前端之用HTML弄一个古诗词

将进酒 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>将进酒</title><h1><big>将进酒</big> 君不见黄河之水天上来</h1><table><tr><td ><img…...

Linux 安装使用 Docker

目录 一、前提卸载命令&#xff1a;执行情况&#xff1a; 二、安装 Docker1. 通过仓库进行安装&#xff08;在线方式&#xff09;1.1 设置存储库1.2 查看可安装版本1.3 安装 Docker1.4 启动 Docker1.5 验证是否成功 2. 通过 RMP 包安装&#xff08;离线方式&#xff09;2.2 安装…...

Doris部署学习(一)

目录 前言 一、Docker容器支持 二、Doris编译步骤 1.拉取镜像 2.构建Docker编译容器 3.下载源码并编译 前言 本文档主要介绍如何通过源码在Docker编译 Doris&#xff0c;以及部署。 一、Docker容器支持 Docker教程&#xff1a;Docker & Docker-Compose 安装教程 - 知…...

QT下跨平台库实现及移植经验分享

最近在移植公司一个QT桌面软件到android上&#xff0c;有一些公司自定义的库&#xff0c;用了很多windows的api&#xff0c;移植过程很是曲折&#xff0c;在此有一些感悟分享一下~ 一.自编写跨平台库 1.有时候为了程序给第三方用需要编译一些qt封装库&#xff0c;并可能跨平台…...

8:00面试,8:06就出来了,问的问题有点变态。。。

从小厂出来&#xff0c;没想到在另一家公司又寄了。 到这家公司开始上班&#xff0c;加班是每天必不可少的&#xff0c;看在钱给的比较多的份上&#xff0c;就不太计较了。没想到9月一纸通知&#xff0c;所有人不准加班&#xff0c;加班费不仅没有了&#xff0c;薪资还要降40%…...

Rust 利用 Trait 实现多态性

在Rust中&#xff0c;Trait&#xff08;特性&#xff09;是一种强大的抽象机制&#xff0c;类似于其他编程语言中的接口或类型类。它们允许你定义一组方法&#xff0c;这些方法可以在任何实现该Trait的类型上调用。这使得Rust能够以一种非常灵活的方式支持多态性。 下面是一个…...

Java毕业设计-基于springboot开发的“智慧食堂”设计与实现-毕业论文+答辩PPT(附源代码+演示视频)

文章目录 前言一、毕设成果演示&#xff08;源代码在文末&#xff09;二、毕设摘要展示1.开发说明2.需求分析3、系统功能结构 三、系统实现展示1、系统登录2、系统功能模块3、管理员功能模块 四、毕设内容和源代码获取总结 Java毕业设计-基于springboot开发的“智慧食堂”设计与…...

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明 如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章 传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章 传送阵>> 点我查看 说明&#xff1a;假设每台服务器已…...

【Oracle APEX开发小技巧12】

有如下需求&#xff1a; 有一个问题反馈页面&#xff0c;要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据&#xff0c;方便管理员及时处理反馈。 我的方法&#xff1a;直接将逻辑写在SQL中&#xff0c;这样可以直接在页面展示 完整代码&#xff1a; SELECTSF.FE…...

【JavaEE】-- HTTP

1. HTTP是什么&#xff1f; HTTP&#xff08;全称为"超文本传输协议"&#xff09;是一种应用非常广泛的应用层协议&#xff0c;HTTP是基于TCP协议的一种应用层协议。 应用层协议&#xff1a;是计算机网络协议栈中最高层的协议&#xff0c;它定义了运行在不同主机上…...

边缘计算医疗风险自查APP开发方案

核心目标:在便携设备(智能手表/家用检测仪)部署轻量化疾病预测模型,实现低延迟、隐私安全的实时健康风险评估。 一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

python/java环境配置

环境变量放一起 python&#xff1a; 1.首先下载Python Python下载地址&#xff1a;Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个&#xff0c;然后自定义&#xff0c;全选 可以把前4个选上 3.环境配置 1&#xff09;搜高级系统设置 2…...

《用户共鸣指数(E)驱动品牌大模型种草:如何抢占大模型搜索结果情感高地》

在注意力分散、内容高度同质化的时代&#xff0c;情感连接已成为品牌破圈的关键通道。我们在服务大量品牌客户的过程中发现&#xff0c;消费者对内容的“有感”程度&#xff0c;正日益成为影响品牌传播效率与转化率的核心变量。在生成式AI驱动的内容生成与推荐环境中&#xff0…...

C# SqlSugar:依赖注入与仓储模式实践

C# SqlSugar&#xff1a;依赖注入与仓储模式实践 在 C# 的应用开发中&#xff0c;数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护&#xff0c;许多开发者会选择成熟的 ORM&#xff08;对象关系映射&#xff09;框架&#xff0c;SqlSugar 就是其中备受…...

SpringCloudGateway 自定义局部过滤器

场景&#xff1a; 将所有请求转化为同一路径请求&#xff08;方便穿网配置&#xff09;在请求头内标识原来路径&#xff0c;然后在将请求分发给不同服务 AllToOneGatewayFilterFactory import lombok.Getter; import lombok.Setter; import lombok.extern.slf4j.Slf4j; impor…...

【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分

一、项目背景回顾 前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。 本弹重点聚焦于服务端的模块划分与架构设计&#xff0c;提升代码结构的可维护性与扩展性。 二、服务端模块设计目标 高内聚低耦合&#xff1a;各模块职责清晰&#xff0c;便于独立开发…...

wpf在image控件上快速显示内存图像

wpf在image控件上快速显示内存图像https://www.cnblogs.com/haodafeng/p/10431387.html 如果你在寻找能够快速在image控件刷新大图像&#xff08;比如分辨率3000*3000的图像&#xff09;的办法&#xff0c;尤其是想把内存中的裸数据&#xff08;只有图像的数据&#xff0c;不包…...