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

移动Web开发实战内容要点!!!

移动web开发

目录

移动web开发

第一章、Web开发标准与网页网站制作介绍

1.1Web开发标准

1.2网页基本构成元素

第二章、Web开发技术基础

2.1HTML的主要特点:

2.2HTML基本知识

2.3CSS样式

2.4JavaScript

第三章、打造移动Web应用程序

3.1为什么Android会成为主流操作系统

3.2测试应用程序

第四章、HTML5在移动设备中

4.1HTML5的主要特性

4.2自动检测是否语法正确

第五章、使用表单元素

5.1表单元素类型

第六章、音频和视频应用

6.1使用video标记

6.2处理音频audio支持的三种格式:

6.3检测浏览器是否支持媒体类型:

第七章、canvas会图详解

7.1HTMLDOM Canvas对象

7.2绘制一个圆:

第八章、数据存储

8.1Web Storage存储方式

第九章、文件操作处理

9.1选择单个或者多个文件

第十章、jQuery mobile基础

10.1什么是jQuery

10.2jquery库包含一下特性:

10.3如何获取jQuery Mobile?

第十一章、页面数据离线处理

11.1manifest文件详解:

第十二章、使用PhoneGap框架

12.1PhoneGap的优缺点:


第一章、Web开发标准与网页网站制作介绍

1.1Web开发标准

网页主要由三部分组成:结构(Structure)、表现(Presention)、行为(Behaveior)。

HTML是hyper text markup language(超文本标记语言)的缩写。

1.2网页基本构成元素

  1. 文本:文本是网页中的最重要的信息,可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。在网页概念中的文本是指单纯的文字,而并非图片中的文字。
  2. 图像:图像是页面中最为重要的构成部分。在网页中只有加入图像后才使页面达到完美的显示效果,可见图像在网页中的重要性。在网页设计中用到的图片一般为JPG和GIF格式。
  3. 超链接:超链接是网站的灵魂,能够指向另一个网页或相同网页上的不同位置,这个目的端通常是另一个网页,但也可以是一幅图片、一个电子邮件地址、一个文件甚至一个程序。超链接广泛地存在于网页的图片和文字中,提供与图片和文字相关内容的链接,在超链接上单击鼠标左键,即可链接到相应地址(URL)的网页。有链接的地方,鼠标指上时会变成小手形状。
  4. flash动画:Flash一经推出后便迅速成为最首要的Web动画形式之一。Flash利用其自身所具有的关键帧补间、运动路径、动画蒙版、形状变形和洋葱皮等动画特性,不仅可以建立Flash电影,还可以将动画输出为不同文件格式的播放文件。
  5. 表格:表格是传统网页排版的灵魂,即使CSS标准推出后也能够继续发挥不可限量的作用。通过表格可以精确地控制各网页元素在网页中的位置。
  6. 表单:表单是用来收集站点访问者信息的域集,是网页中站点服务器处理的一组数据输入域。它是非常重要的通过网页在与服务器之间传递信息的途径,表单网页可以用来获取浏览者的意见和建议,以实现浏览者与站点之间的互动。
  7. 框架:框架是网页中一种重要的组织形式,它能够将相互关联的多个网页内容组织在一个浏览器窗口中显示。框架是一个由框架网页所定义的浏览器初见窗区域,它通过框架网页实现。

网站由网页组成。

第二章、Web开发技术基础

2.1HTML的主要特点:

  1. HTML表示的是超文本标记语言;
  2. HTML文件是一个包含标记的文本文件;
  3. HTML的标记用于在浏览器中如何显示这个页面;
  4. HTML文件必须是具有htm和HTML格式扩展名;
  5. HTML文件可以可以使用一个简单的文本编辑器创建。

2.2HTML基本知识

HTML语言文档包含两种信息:一是页面本上的文本;二是表示页面元素、结构、格式和其他超文本链接的HTML标记;

HTML元素主要由:标记、元素名称、属性组成。

2.3CSS样式

CSS收cascading stylesheet层叠样式表,主要功能是定义网页外观的显示样式。

CSS的特点:

  1. CSS语言是一种标记语言,无须需编译,可以直接由浏览器执行;
  2. 在标准网页设计中CSS网页内容的表现;
  3. CSS文件可以说是一个文本文件,它包含了一些CSS标记;
  4. CSS文件必须使用CSS作为文件名后缀。

2.4JavaScript

JavaScript是轻量级语言。

JavaScript语言特点:

  1. 增加网页互动性;
  2. 能够使用规律性、重复的HTML文本简化,减少下载时间;
  3. 及时响应用户的操作,对提交的表单及时的检查,无须浪费时间由CGI验证。

第三章、打造移动Web应用程序

3.1为什么Android会成为主流操作系统

开源、联盟、技术(简要概述即可)。

3.2测试应用程序

有以下三种方法在自己没有的设备上进行测试

  1. 购买或者租聘设备;
  2. 请求他人帮助;
  3. 使用模拟。

第四章、HTML5在移动设备中

4.1HTML5的主要特性

  1. 用于会话的canvas元素;
  2. 用于媒介回放的video和audio元素;
  3. 对本地离线存储的更好的支持;
  4. 增加了新的特殊内容元素:footer、header、nav、section、article;
  5. 新的表单控件:date、time、email、URL、search、calendar;

HTML5不仅可以改进面向桌面浏览器的网站,他的一些特性更是为移动设备量身打造。

4.2自动检测是否语法正确

在HTML5页面中创建两个输入框元素;

第一个元素将“spellcheck”属性设置为“true”,表示需要语法检测,设置为“false”为不需要检测。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>spellcheck属性的使用</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body><h5>输入框中语法检测属性</h5><p>需要检测<br/><textarea spellcheck="true" class="inputtxt"></textarea></p><p>不需要检测<br/><textarea spellcheck="false" class="inputtxt"></textarea></p>
</body>
</html>

第五章、使用表单元素

5.1表单元素类型

HTML5提供了多个新的表单输入类型,这些新类型为我们提供了更好的输入控制和验证功能。在HTML5标记语言中,包含了如下所示的输入类型。

  1. email
  2. url
  3. number
  4. range
  5. Date pickers(date,month,week,time,datetime,datetime-local)
  6. search
  7. color

其中email、URL、number具有选择属性;number、range、Date pickers具有max、min、step属性。

Date Pickers(数据检出器)

第六章、音频和视频应用

6.1使用video标记

在HTML5标记语言中,通过新增标记video可以在网页中播放视频,并控制视频播放。当前,video标记支持以下三种视频格式:

  1. Ogg:带有Theora视频编码和Vorbis音频编码的Ogg文件。
  2. MPEG4:带有H.264视频编码和AAC音频编码的MPEG4文件。
  3. WebM:带有VP8视频编码和Vorbis音频编码的WebM文件。

在HTML5标记语言中,使用video标记的格式如下所示。

<videosrc="movie.ogg"controls="controls"> </video>

control:提供添加播放、暂停和音量控件。

6.2处理音频audio支持的三种格式:

Ogg Vorbis、MP3、wav.

control:提供添加播放、暂停和音量控件。

6.3检测浏览器是否支持媒体类型:

在HTML5标记语言中,因为浏览器对多媒体元素加载媒体文件类型支持的不同,所以在使用多媒体元素加载文件前需要检测当前浏览器是否支持媒体文件类型。检测的方法是通过调用多媒体元素的canPlayType(type)方法实现,其中参数“type”表示需要浏览器检测的类型,该类型与媒体文件的IMIME类型一致;通过多媒体元素的canPlayType(type)方法,可以返回以下三个值:

  1. 空字符:表示浏览器不支持该类型的媒体文件。
  2. maybe:表示浏览器可能支持该类型的媒体文件。
  3. probably:表示浏览器支持该类型的媒体文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>检测浏览器支持媒体类型</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="jscript" src="js4.js"/>
</script>
</head>
<body>
<div><video id="vdoMain" src="123.ogg"width="360px" height="220px">你的浏览器不支持视频</video><p id="pTool"><span onClick="v_chkType();">检测</span></p><span id="spnResult"></span>
<div>
</body>
</html>
// JavaScript Document
function $$(id) {return document.getElementById(id);
}
var i = 0,j = 0,k = 0;
function v_chkType() {var strHTML="";var arrType = new Array('audio/mpeg;', 'audio/mov;', 'audio/mp4;codecs="mp4a.40.2"', 'audio/ogg;codecs="vorbis"','video/webm;codecs="vp8,vorbis"', 'audio/wav;codecs="1"');for (intI = 0; intI < arrType.length; intI++) {switch ($$("vdoMain").canPlayType(arrType[intI])) {case "":i = i + 1;break;case "maybe":j = j + 1;break;case "probably":k = k + 1;break;}}strHTML+="空字符:"+i+"<br>";strHTML+="maybe:"+j+"<br>";strHTML+="probably:"+k;$$("spnResult").style.display="block";$$("spnResult").innerHTML=strHTML;
}

第七章、canvas会图详解

7.1HTMLDOM Canvas对象

在HTML5标记语言中,Canvas对象表示一个HTML画布元素,它没有自己的行为,但是定义了一个API支持脚本化客户端绘图操作。

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css"> 
body
{
font-size:70%;
font-family:verdana,helvetica,arial,sans-serif;
}
</style><script type="text/javascript"> 
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
</head><body style="margin:0px;"><p>�������������ľ�����</p><div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div></body>
</html>
  • e.clientX:表示鼠标指针相对于浏览器窗口可视区的X坐标。这个坐标以窗口的左上角为原点(0, 0),向右为正X轴。
  • e.clientY:表示鼠标指针相对于浏览器窗口可视区的Y坐标。同样地,这个坐标以窗口的左上角为原点(0, 0),向下为正Y轴。

7.2绘制一个圆:

<!DOCTYPE HTML>
<html>
<body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas><script type="text/javascript">var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.beginPath();
cxt.arc(70,18,15,0,Math.PI*2,true);
//true为逆时针,false为顺时针
cxt.closePath();
cxt.fill();</script></body>
</html>

在HTML5的Canvas API中,cxt.arc(x, y, radius, startAngle, endAngle, anticlockwise) 方法用于绘制一个圆或圆弧。对于给定的代码 cxt.arc(70,18,15,0,Math.PI*2,true);,我们可以分解其各属性的意义:

cxt:

这通常是一个CanvasRenderingContext2D对象,表示2D渲染上下文,它提供了在元素上绘图的方法和属性。

arc(x, y, radius, startAngle, endAngle, anticlockwise):

arc 方法用于绘制一个圆或圆弧。

70, 18:

x 和 y 坐标,定义了圆弧的圆心位置。在这个例子中,圆心位于坐标 (70, 18)。

15:

radius 表示圆弧的半径。在这个例子中,半径是 15。

0, Math.PI*2:

startAngle 和 endAngle 表示圆弧的起始和结束角度,以弧度为单位。

0 表示从x轴正方向开始(也就是3点钟方向)。

Math.PI2 等于 2π,表示一整圈。所以,0, Math.PI2 表示绘制一个完整的圆。

true:

anticlockwise 是一个布尔值,指定圆弧的绘制方向。

如果为 true,则圆弧按逆时针方向绘制。

如果为 false 或未指定,则圆弧按顺时针方向绘制。

在这个例子中,cxt.arc(70,18,15,0,Math.PI*2,true); 将绘制一个以 (70, 18) 为圆心,半径为 15 的完整圆,绘制方向为逆时针。但请注意,要实际看到这个圆,你还需要调用 cxt.stroke() 或 cxt.fill() 方法来描边或填充这个圆。

第八章、数据存储

8.1Web Storage存储方式

sessionStorage

localStorage、

从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了;而localStorage则一直将数据保存在客户端本地,除非主动删除数据,否则数据是永远不会过期的;不管是sessionStorage,还是localStorage,可使用的API都相同,

生成随机数:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单记录</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="jscript" src="js4.js"/>
</script>
</head>
<body onLoad="Init_Data();"><p id="pStatus"></p><fieldset><legend>新增学生资料</legend><span class="spanl">学号:<input type="text" readonly="true" id="txtStuID" class="inputtxt" size="10"><br>姓名:<input type="text" id="txtName" class="inputtxt" size="15"></span><span class="spanr">性别:<select id="selSex"><option value="男">男</option><option value="女">女</option></select><br> 总分:<input type="text" id="txtScore" class="inputtxt" size="8"></span><p class="btn">  <input id="btnAdd" type="button" value="提交" class="inputbtn" onClick="btnAdd_Click();"></p></fieldset>
</body>
</html>
function $$(id) {return document.getElementById(id);
}
var db;
//点击“提交”按钮时调用
function btnAdd_Click() {//创建/打开数据库db = openDatabase('Student', '1.0', 'StuManage', 2 * 1024 * 1024);if (db) {var strSQL = "insert into StuInfo values";strSQL += "(?,?,?,?)";db.transaction(function(tx) {tx.executeSql(strSQL,[$$("txtStuID").value,$$("txtName").value,$$("selSex").value,$$("txtScore").value],function(){$$("txtName").value="";$$("txtScore").value="";Status_Handle("成功增加1条记录!")},function(tx,ex){Status_Handle(ex.message)})})}
}
//自定义显示执行过程中状态的函数
function Status_Handle(message) {$$("pStatus").style.display = "block";$$("pStatus").innerHTML = message;
}
//生成指定长度的随机数
function RetRndNum(n) {var strRnd = "";for (var intI = 0; intI < n; intI++) {strRnd += Math.floor(Math.random() * 10);}return strRnd;
}
//初始化数据
function Init_Data(){$$("txtStuID").value=RetRndNum(7);
}

第九章、文件操作处理

9.1选择单个或者多个文件

为元素添加multiple属性;

将属性multiple的值设置为true。

FilerReader接口:

第十章、jQuery mobile基础

10.1什么是jQuery

jquery是一款优秀的JavaScript框架Dave Methvin率领团队进行开发。

10.2jquery库包含一下特性:

  1. HTML元素选取
  2. HTML元素操作
  3. CSS操作
  4. HTML事件函数
  5. JavaScript特效和动画
  6. HTMLDOM遍历和修改
  7. AJAX
  8. Utilities

10.3如何获取jQuery Mobile?

第十一章、页面数据离线处理

11.1manifest文件详解:

在移动Web页面应用中,为了能在离线状态下继续访问Web应用,需要将缓存文件的URL写入manifest文件中。当浏览器与服务器建立联系后,浏览器就会根据manifest文件所列的缓存清单,将相应的资源文件缓存在本地。

manifest文件可以实现如下管理功能:

  1. 需要保存哪些文件
  2. 不需要保存哪些文件
  3. 在线与离线时需要调用哪些文件

第十二章、使用PhoneGap框架

12.1PhoneGap的优缺点:

喜欢的话一键三连吧^_^  ^_^!!! 

相关文章:

移动Web开发实战内容要点!!!

移动web开发 目录 移动web开发 第一章、Web开发标准与网页网站制作介绍 1.1Web开发标准 1.2网页基本构成元素 第二章、Web开发技术基础 2.1HTML的主要特点&#xff1a; 2.2HTML基本知识 2.3CSS样式 2.4JavaScript 第三章、打造移动Web应用程序 3.1为什么Android会成…...

spdlog生产者消费者模式

spdlog生产者消费者模式 spdlog提供了异步模式&#xff0c;显示的创建async_logger, 配合环形队列实现的消息队列和线程池实现了异步模式。异步logger提交日志信息和自身指针&#xff0c; 任务线程从消息队列中取出消息后执行对应的sink和flush动作。 1. 环形队列 1.1 环形队…...

日语 13 14

13. スピーチの依頼 いらい 自信 自信 自信 自信 自信 じしん 折り入って 折り入って 折り入って おりいって  诚恳 頼み 頼み 頼み 頼み 頼み  たのみ 请求 整備 整備 整備 整備 整備 せいび 维修 肥満 肥満 肥満 肥満 肥満 ひまん 肥胖 権利 …...

初学者应该掌握的MySQL数据库的基本组成部分及概念

MySQL数据库作为一种开源的关系型数据库管理系统&#xff0c;被广泛应用于Web应用开发和数据存储。它具有高性能、易用性和可靠性等特点&#xff0c;是开发者们的首选之一。在本篇文章中&#xff0c;我们将详细介绍MySQL数据库的核心组成部分&#xff0c;帮助你深入理解这个强大…...

四川汇聚荣科技有限公司怎么样?

在探讨一家科技公司的综合实力时&#xff0c;我们往往从多个维度进行考量&#xff0c;包括但不限于公司的发展历程、产品与服务的质量、市场表现、技术创新能力以及企业文化。四川汇聚荣科技有限公司作为一家位于中国西部的科技企业&#xff0c;其表现和影响力自然也受到业界和…...

数据仓库和数据库有什么区别?

一、什么是数据仓库二、什么是数据库三、数据仓库和数据库有什么区别 一、什么是数据仓库 数据仓库&#xff08;Data Warehouse&#xff09;是一种专门用于存储和管理大量结构化数据的信息系统。它通过整合来自不同来源的数据&#xff0c;为企业提供统一、一致的数据视图&…...

计算子网掩码

例题 如果子网掩码是255.255.192.0&#xff0c; 那么下面主机&#xff08;&#xff09;必须通过路由器才能与主机129.23.144.16通信&#xff08; 1分 &#xff09;A.129.23.148.127B. 129.23.191.21C. 129.23.127.222D. 129.23.130.33计算 要确定哪些主机必须通过路由器才能与…...

JVM 垃圾收集算法

首先我们要知晓&#xff0c;垃圾收集是建立在两个分代假说之上的&#xff1a; ①弱分代假说&#xff1a;绝大多数对象都是朝生夕灭的 ②强分代假说&#xff1a;熬过越多次垃圾收集的对象就越难消亡 收集器应该将Java堆划分出不同的区域&#xff0c;然后将回收对象依据其年龄分配…...

安装虚拟环境

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 Flask依赖两个外部库&#xff1a;Werkzeug和Jinja2。Werkzeug是一个WSGI&#xff08;在Web应用和多种服务器之间的标准 Python 接口&#xff09;工具…...

【ai】tx2-nx:安装深度学习环境及4.6对应pytorch

参考:https://www.waveshare.net/wiki/Jetson_TX2_NX#AI.E5.85.A5.E9.97.A8 英伟达2021年发布的的tritionserver 2.17 版本中,backend 有tensorflow1 和 onnxruntime ,他们都是做什么用的,作为backend 对于 triton 推理server意义是什么,是否应该有pytorch? Triton Infer…...

华为某员工爆料:三年前985本科起薪30万,现在硕士起薪还是30w,感慨互联网行情变化

“曾经的30万年薪&#xff0c;是985本科学历的‘标配’&#xff0c;如今硕士也只值这个价&#xff1f;” 一位华为员工的爆料&#xff0c;揭开了互联网行业薪资变化的冰山一角&#xff0c;也引发了不少人的焦虑&#xff1a;互联网人才“通货膨胀”的时代&#xff0c;真的结束了…...

Java基础--AOP--1.概述

一、AOP简介 AOP&#xff08;Aspect Oriented &#xff09;即为面向切面编程&#xff0c;也可称为面向方法编程&#xff0c;是方法增强的一种途径&#xff0c;通常可用于记录操作日志、权限空值、事务管理等等;Spring框架中的事务底层就是AOP。 二、AOP的组成 1、连接点&…...

【计算机网络仿真实验-实验3.1、3.2】交换路由综合实验

实验3.1 交换路由综合实验——作业1 一、实验目的 运用实验二&#xff08;可前往博主首页计算机网络专栏下查看&#xff09;中学到的知识&#xff0c;将这个图中的PC机连接起来组网并分析&#xff0c;本篇涉及代码以截图展示&#xff0c;过于简单的代码及操作不再详细介绍&…...

RSA密码系统的特定密钥泄露攻击与Coppersmith方法的应用

PrimiHub一款由密码学专家团队打造的开源隐私计算平台&#xff0c;专注于分享数据安全、密码学、联邦学习、同态加密等隐私计算领域的技术和内容。 RSA密码系统作为当前最广泛使用的公钥加密算法之一&#xff0c;其安全性依赖于大整数分解问题的困难性。然而&#xff0c;随着计…...

从零开始精通Onvif之音视频流传输

&#x1f4a1; 如果想阅读最新的文章&#xff0c;或者有技术问题需要交流和沟通&#xff0c;可搜索并关注微信公众号“希望睿智”。 概述 Onvif协议的核心作用之一&#xff0c;是定义了如何通过网络访问和控制IP摄像机和其他视频设备。Onvif协议不仅涉及设备发现、设备管理&…...

CentOS 7、Debian、Ubuntu,这些是什么意思

CentOS 7、Debian、Ubuntu 都是基于 Linux 内核的操作系统&#xff0c;它们各自有不同的特性和用途。以下是对它们的详细解释&#xff1a; CentOS 7 CentOS&#xff08;Community ENTerprise Operating System&#xff09; 是一个基于开源的 Linux 发行版。CentOS 7 是 CentOS …...

安装Flask

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 大多数Python包都使用pip实用工具安装&#xff0c;使用Virtualenv创建虚拟环境时会自动安装pip。激活虚拟环境后&#xff0c;pip 所在的路径会被添加…...

OSPF开销、协议优先级、定时器(华为)

#交换设备 OSPF开销值 如果没有定义OSPF接口的开销值&#xff0c;OSPF会根据该接口的带宽自动计算其开销值。 计算公式&#xff1a; 接口开销 带宽参考值 / 接口带宽 &#xff08;取整数部分&#xff0c;结果小于1时取1&#xff09;通过改变带宽参考值可以间接改变接口的开…...

接口与实现-常用实用类-Java

接口与实现 接口 使用关键字interface来定义一个接口&#xff0c;接口的定义分为接口声明和接口体&#xff0c;例如&#xff1a; interface Com{ ....... } 接口声明 interface 接口的名字 接口体 接口体中的抽象方法和常量 接口体中所有抽象方法的访问权限一定都是pu…...

【CSS in Depth 2 精译】1.5 渐进式增强

文章目录 1.5 渐进式增强1.5.1 利用层叠规则实现渐进式增强1.5.2 渐进式增强的选择器1.5.3 利用 supports() 实现特性查询启用浏览器实验特性 1.5 渐进式增强 要用好 CSS 这样一门不断发展演进中的语言&#xff0c;其中一个重要的因素就是要与时俱进&#xff0c;及时了解哪些功…...

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

linux之kylin系统nginx的安装

一、nginx的作用 1.可做高性能的web服务器 直接处理静态资源&#xff08;HTML/CSS/图片等&#xff09;&#xff0c;响应速度远超传统服务器类似apache支持高并发连接 2.反向代理服务器 隐藏后端服务器IP地址&#xff0c;提高安全性 3.负载均衡服务器 支持多种策略分发流量…...

ESP32读取DHT11温湿度数据

芯片&#xff1a;ESP32 环境&#xff1a;Arduino 一、安装DHT11传感器库 红框的库&#xff0c;别安装错了 二、代码 注意&#xff0c;DATA口要连接在D15上 #include "DHT.h" // 包含DHT库#define DHTPIN 15 // 定义DHT11数据引脚连接到ESP32的GPIO15 #define D…...

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异&#xff0c;它们的数据同步要求既要保持数据的准确性和一致性&#xff0c;又要处理好性能问题。以下是一些主要的技术要点&#xff1a; 数据结构差异 数据类型差异&#xff…...

智能仓储的未来:自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”&#xff0c;物流的终极形态正在诞生 想象这样的场景&#xff1a; 凌晨3点&#xff0c;某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径&#xff1b;AI视觉系统在0.1秒内扫描包裹信息&#xff1b;数字孪生平台正模拟次日峰值流量压力…...

企业如何增强终端安全?

在数字化转型加速的今天&#xff0c;企业的业务运行越来越依赖于终端设备。从员工的笔记本电脑、智能手机&#xff0c;到工厂里的物联网设备、智能传感器&#xff0c;这些终端构成了企业与外部世界连接的 “神经末梢”。然而&#xff0c;随着远程办公的常态化和设备接入的爆炸式…...

Springboot社区养老保险系统小程序

一、前言 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;社区养老保险系统小程序被用户普遍使用&#xff0c;为方…...

搭建DNS域名解析服务器(正向解析资源文件)

正向解析资源文件 1&#xff09;准备工作 服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2&#xff09;服务端安装软件&#xff1a;bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...

怎么让Comfyui导出的图像不包含工作流信息,

为了数据安全&#xff0c;让Comfyui导出的图像不包含工作流信息&#xff0c;导出的图像就不会拖到comfyui中加载出来工作流。 ComfyUI的目录下node.py 直接移除 pnginfo&#xff08;推荐&#xff09;​​ 在 save_images 方法中&#xff0c;​​删除或注释掉所有与 metadata …...

Chromium 136 编译指南 Windows篇:depot_tools 配置与源码获取(二)

引言 工欲善其事&#xff0c;必先利其器。在完成了 Visual Studio 2022 和 Windows SDK 的安装后&#xff0c;我们即将接触到 Chromium 开发生态中最核心的工具——depot_tools。这个由 Google 精心打造的工具集&#xff0c;就像是连接开发者与 Chromium 庞大代码库的智能桥梁…...