小猪佩奇.js
闲着没事 使用js 画一个小猪佩奇把
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><canvas id="myCanvas" width="1000" height="1000"></canvas><script src="./drawPig.js"></script>
</body></html>FunPig();
//小猪佩奇
function FunPig() {var ct = document.getElementById('myCanvas').getContext('2d');ct.beginPath() //开始ct.lineWidth = "3";ct.strokeStyle = "pink";//起点ct.moveTo(75, 15); //控制范围 结束//context.quadraticCurveTo(cpx, cpy, x, y);ct.quadraticCurveTo(220, 26, 220, 160); //第一步ct.moveTo(219, 141);ct.quadraticCurveTo(240, 300, 70, 250); //第三步// ct.stroke()ct.moveTo(76, 253);ct.quadraticCurveTo(16, 220, 74, 111);ct.moveTo(73, 112);ct.quadraticCurveTo(60, 112, 31, 83);ct.moveTo(31, 83);ct.quadraticCurveTo(23, 26, 75, 15);ct.moveTo(75, 15);ct.quadraticCurveTo(108, 32, 99, 61);ct.moveTo(99, 61);ct.quadraticCurveTo(66, 101, 31, 81);ct.stroke();// 鼻子的两个孔ct.beginPath();ct.arc(48, 48, 6, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();ct.beginPath();ct.arc(77, 48, 6, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();//耳朵//左耳朵ct.beginPath();ct.moveTo(149, 31);ct.quadraticCurveTo(155, 0, 189, 6);ct.moveTo(189, 6);ct.quadraticCurveTo(188, 30, 170, 44);//右耳朵ct.moveTo(188, 59);ct.quadraticCurveTo(198, 24, 222, 32);ct.moveTo(222, 32);ct.quadraticCurveTo(255, 54, 199, 75);ct.stroke();//嘴巴ct.beginPath();ct.arc(93, 178, 30, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();//眼睛ct.beginPath();ct.strokeStyle = " #BDBDBD";ct.arc(141, 67, 14, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();ct.beginPath();ct.strokeStyle = "#000000";ct.arc(136, 64, 6, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();ct.beginPath();ct.strokeStyle = " #BDBDBD";ct.arc(170, 88, 14, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();ct.beginPath();ct.strokeStyle = "#000000";ct.fillStyle = "#FF0000";ct.arc(165, 87, 6, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();// 粉红嘴腮ct.beginPath();ct.strokeStyle = " #CD8C95";ct.arc(178, 147, 20, 0 * Math.PI, 2.5 * Math.PI);ct.stroke();//身体ct.beginPath();ct.strokeStyle = "red";ct.moveTo(195, 245);ct.quadraticCurveTo(215, 215, 244, 410);ct.moveTo(244, 410);ct.quadraticCurveTo(244, 410, 38, 410);ct.moveTo(38, 410);ct.quadraticCurveTo(11, 410, 76, 251);ct.stroke();//两只手ct.beginPath();ct.strokeStyle = "pink";ct.moveTo(58, 294);ct.quadraticCurveTo(50, 288, 12, 238);ct.moveTo(56, 300);ct.quadraticCurveTo(56, 300, 16, 260);ct.lineTo(3, 269);ct.lineTo(11, 250);ct.lineTo(3, 228);ct.lineTo(15, 241);ct.stroke();//右手ct.beginPath();ct.moveTo(223, 292);ct.quadraticCurveTo(266, 288, 287, 271);ct.moveTo(287, 271);ct.quadraticCurveTo(236, 233, 279, 245);ct.moveTo(279, 245);ct.quadraticCurveTo(255, 200, 295, 247);ct.moveTo(295, 247);ct.quadraticCurveTo(288, 200, 306, 226);ct.moveTo(306, 226);ct.quadraticCurveTo(311, 250, 308, 248);ct.moveTo(308, 248);ct.quadraticCurveTo(344, 200, 334, 245);ct.moveTo(334, 245);ct.quadraticCurveTo(311, 280, 300, 280);ct.moveTo(300, 280);ct.quadraticCurveTo(311, 280, 224, 303);ct.stroke();ct.beginPath();ct.moveTo(94, 409);ct.quadraticCurveTo(94, 409, 96, 451);ct.moveTo(96, 451);ct.quadraticCurveTo(53, 429, 56, 461);ct.moveTo(56, 461);ct.quadraticCurveTo(56, 461, 107, 464);ct.lineTo(106, 409);ct.moveTo(183, 411);ct.lineTo(182, 447);ct.quadraticCurveTo(124, 434, 136, 464);ct.lineTo(196, 463);ct.lineTo(195, 409);ct.stroke();ct.beginPath();ct.lineWidth = "7";ct.strokeStyle = "pink";ct.lineCap = "round";ct.moveTo(238, 360);ct.quadraticCurveTo(266, 380, 267, 360);ct.quadraticCurveTo(254, 330, 250, 380);ct.quadraticCurveTo(254, 420, 290, 369);ct.stroke();}
小猪佩奇出来了
第二种
纯css
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用css画一个小猪佩奇</title><style type="text/css">div {position: absolute;transform-origin: left top;}.pig_container {width: 800px;height: 800px;top: 0;left: 50px;}.pig_head {width: 300px;height: 200px;top: 100px;left: 100px;border-radius: 95% 50% 50% 50%/ 87% 80% 68% 50%;border: 6px solid #ef96c2;background-color: #ffb3da;transform: rotate(30deg);z-index: 100;box-sizing: border-box;}.pig_head_white_left_bottom {width: 200px;height: 154px;bottom: -7px;left: -38px;background-color: #fff;box-sizing: border-box;}.pig_head_white_left_top {width: 200px;height: 66px;bottom: 84px;background-color: #ffb3da;box-sizing: border-box;top: 166px;left: 134px;transform: rotate(34deg);z-index: 103;}.left_eye,.right_eye,.face,.mouth {z-index: 104;}.pig_nose {width: 51px;height: 70px;top: 147px;left: 107px;border-radius: 72% 72% 72% 72%/ 72% 72% 72% 72%;border: 6px solid #ef96c2;background-color: #ffb3da;transform: rotate(36deg);z-index: 103;box-sizing: border-box;}.pig_nose_bottom {width: 88px;height: 13px;top: 209px;left: 84px;border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%;border: 6px solid #ef96c2;background-color: #ffb3da;transform: rotate(35deg);z-index: 102;box-sizing: border-box;border-top-color: #ffb3da;}.pig_jaw {width: 97px;height: 104px;top: 249px;left: 141px;border-radius: 0% 0% 0% 76%/ 0% 0% 0% 74%;border: 6px solid #ef96c2;background-color: #ffb3da;transform: rotate(22deg);z-index: 100;box-sizing: border-box;border-top-color: #ffb3da;border-right-color: #ffb3da;}.pig_jaw_right {width: 13px;height: 6px;background-color: #ef96c2;top: 373px;left: 186px;transform: rotate(19deg);z-index: 100;}.left_eye_bg {width: 29px;height: 29px;top: 177px;left: 170px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #fff;background-color: #fff;z-index: 101;box-sizing: border-box;}.left_eye_ball {width: 10px;height: 10px;top: 181px;left: 171px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #000;background-color: #000;z-index: 101;box-sizing: border-box;}.left_eye_border {width: 34px;height: 34px;top: 174px;left: 166px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #ef96c2;background-color: transparent;z-index: 101;box-sizing: border-box;}.right_eye_bg {width: 28px;height: 28px;top: 194px;left: 205px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #fff;background-color: #fff;z-index: 101;box-sizing: border-box;}.right_eye_ball {width: 10px;height: 10px;top: 199px;left: 208px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #000;background-color: #000;z-index: 101;box-sizing: border-box;}.right_eye_border {width: 35px;height: 37px;top: 191px;left: 202px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;border: 6px solid #ef96c2;background-color: transparent;z-index: 101;box-sizing: border-box;}.mouth_bottom {width: 97px;height: 45px;top: 273px;left: 154px;border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%;border: 6px solid #d44b81;background-color: #000;z-index: 101;box-sizing: border-box;transform: rotate(19deg);}.mouth_middle {width: 98px;height: 27px;top: 272px;left: 154px;border-radius: 0% 0% 50% 50%/ 0% 0% 100% 100%;border: 6px solid #d44b81;background-color: #ffb3da;z-index: 101;box-sizing: border-box;transform: rotate(19deg);border-top-color: #ffb3da;}.mouth_top {width: 135px;height: 66px;top: 231px;left: 149px;border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%;background-color: #ffb3da;z-index: 101;transform: rotate(13deg);}.face {width: 49px;height: 59px;top: 243px;left: 269px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;background-color: #ff96ce;transform: rotate(26deg);}.nose_kong_left {width: 12px;height: 12px;top: 179px;left: 93px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;background-color: #da6c9b;z-index: 104;}.nose_kong_right {width: 12px;height: 12px;top: 182px;left: 109px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;background-color: #da6c9b;z-index: 104;}.ear_left {width: 24px;height: 52px;top: 126px;left: 226px;border: 6px solid #ef96c2;border-radius: 50% 50% 50% 50%/ 35% 40% 50% 50%;background-color: #ffb3da;z-index: 99;transform: rotate(18deg);}.ear_right {width: 24px;height: 52px;top: 150px;left: 280px;border: 6px solid #ef96c2;border-radius: 50% 50% 50% 50%/ 35% 40% 50% 50%;background-color: #ffb3da;z-index: 99;transform: rotate(36deg);}.pig_body_bottom {width: 215px;height: 197px;top: 305px;left: 108px;border: 6px solid #e33b32;border-radius: 50% 50% 50% 50%/ 100% 100% 0% 0%;background-color: #eb5b50;z-index: 99;}.hand_left_middle {width: 78px;height: 12px;top: 432px;left: 63px;border-radius: 100% 100% 100% 17%/ 100% 90% 16% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(-35deg);}.hand_left_top {width: 28px;height: 9px;top: 415px;left: 63px;border-radius: 100% 100% 100% 35%/ 100% 90% 16% 90%;background-color: #ffbadf;z-index: 99;}.hand_left_bottom {width: 20px;height: 9px;top: 420px;left: 93px;border-radius: 60% 59% 65% 90%/ 100% 90% 89% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(98deg);}.hand_right_middle {width: 79px;height: 11px;top: 374px;left: 309px;border-radius: 100% 100% 15% 17%/ 99% 92% 90% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(28deg);}.hand_right_top {width: 28px;height: 10px;top: 397px;left: 350px;border-radius: 100% 100% 15% 17%/ 99% 92% 90% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(-7deg);}.hand_right_bottom {width: 28px;height: 11px;top: 395px;left: 356px;border-radius: 100% 100% 62% 17%/ 99% 92% 90% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(69deg);}.left_foot {width: 11px;height: 52px;top: 507px;left: 175px;border-radius: 100% 100% 100% 100%/ 50% 50% 21% 20%;background-color: #ffbadf;z-index: 99;}.left_shoes {width: 51px;height: 14px;top: 553px;left: 138px;border-radius: 58% 187% 180% 50%/ 130% 123% 113% 100%;background-color: #000;z-index: 99;transform: rotate(0deg);}.right_foot {left: 268px;}.right_shoes {left: 230px;}.pig_shadow {width: 240px;height: 47px;top: 535px;left: 101px;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;background-color: rgba(171, 171, 171, 0.7);transform: rotate(-1deg);}.tail_left {width: 19px;height: 8px;top: 472px;left: 330px;border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%;transform: rotate(-9deg);background-color: #ffbadf;z-index: 99;}.tail_left_blank {width: 30px;height: 15px;top: 466px;left: 332px;border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%;transform: rotate(-36deg);background-color: #fff;z-index: 99;}.tail_right {width: 21px;height: 5px;top: 451px;left: 343px;border-radius: 0% 0% 51% 50%/ 0% 0% 100% 100%;transform: rotate(31deg);background-color: #fff;z-index: 99;border: 8px solid #ffbadf;border-top-color: #fff;}.tail_blank {width: 36px;height: 21px;top: 437px;left: 351px;transform: rotate(34deg);background-color: #fff;z-index: 99;}.tail_middle {width: 7px;height: 11px;top: 450px;left: 336px;border: 8px solid #ffbadf;border-radius: 50% 50% 50% 50%/ 50% 50% 50% 50%;background-color: #fff;z-index: 99;}.tail_circle {width: 17px;height: 8px;top: 475px;left: 358px;border-radius: 36% 37% 62% 63%/ 99% 92% 90% 90%;background-color: #ffbadf;z-index: 99;transform: rotate(-40deg);}</style>
</head><body><div class="pig_container"><!-- 尾巴 --><div class="tail_left"></div><div class="tail_right"></div><div class="tail_blank"></div><div class="tail_middle"></div><div class="tail_circle"></div><!-- 底部阴影 --><div class="pig_shadow"></div><!-- 左脚 --><div class="left_foot"></div><div class="left_foot right_foot"></div><!-- 左鞋 --><div class="left_shoes"></div><div class="left_shoes right_shoes"></div><!-- 左手 --><div><div class="hand_left_top"></div><div class="hand_left_bottom"></div><div class="hand_left_middle"></div></div><!-- 身体 --><div class="pig_body_bottom"></div><!-- 右手 --><div><div class="hand_right_top"></div><div class="hand_right_bottom"></div><div class="hand_right_middle"></div></div><!-- 猪头 --><div><!-- 耳朵 --><div class="ear_left"></div><div class="ear_right"></div><div class="pig_head"><div class="pig_head_white_left_bottom"></div></div><div class="pig_head_white_left_top"></div><!-- 鼻子 --><div class="pig_nose"></div><!-- 下巴 --><div class="pig_jaw"></div><div class="pig_jaw_right"></div><div class="pig_nose_bottom"></div><!-- 鼻孔 --><div class="nose_kong_left"></div><div class="nose_kong_right"></div><!-- 左眼 --><div class="left_eye"><div class="left_eye_bg"></div><div class="left_eye_ball"></div><div class="left_eye_border"></div></div><!-- 右眼 --><div class="right_eye"><div class="right_eye_bg"></div><div class="right_eye_ball"></div><div class="right_eye_border"></div></div><!-- 嘴巴 --><div class="mouth"><div class="mouth_bottom"></div><div class="mouth_middle"></div><div class="mouth_top"></div></div><!-- 脸颊 --><div class="face"></div></div></div></body></html>相关文章：
小猪佩奇.js
闲着没事 使用js 画一个小猪佩奇把 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</tit…...
人工智能AI合集：Ollama部署对话语言大模型-网页访问
目录 🍅点击这里查看所有博文 随着人工智能技术的飞速发展，AI已经不再是遥不可及的高科技概念，而是逐渐融入到我们的日常生活中。从智能手机的语音助手到家庭中的智能音箱，再到工业自动化和医疗诊断，AI的应用无处不在…...
CentOS搭建Apache服务器
安装对应的软件包 [roothds ~]# yum install httpd mod_ssl -y 查看防火墙的状态和selinux [roothds ~]# systemctl status firewalld [roothds ~]# cat /etc/selinux/config 若未关闭，则关闭防火墙和selinux [roothds ~]# systemctl stop firewalld [roothds ~]# …...
CDGA|数据治理：安全如何贯穿数据供给、流通、使用全过程
随着信息技术的飞速发展，数据已经成为企业运营、社会管理和经济发展的核心要素。然而，数据在带来巨大价值的同时，也伴随着诸多安全风险。因此，数据治理的重要性日益凸显，它不仅仅是对数据的简单管理，更是确…...
32单片机bootloader程序
一，单片机为什么要使用bootloader 1、使用bootloader的好处 1) 程序隔离：可以同时存在多个程序，只要flash空间够大，或者通过外挂flash，可以实现多个程序共存，在多个程序之间切换使用。 2）方便程…...
MongoDB - 数组更新操作符：$、$[]、$pop、$pull、$push、$each、$sort、$slice、$position
文章目录 1. $1. 更新数组中的值2. 更新数组中的嵌入文档 2. $[]1. 更新数组中的所有元素2. 更新数组中的所有嵌入文档 3. $pop1. 删除数组的第一个元素2. 删除数组的最后一个元素 4. $pull1. 删除所有等于指定值的项2. 删除与指定条件匹配的所有项3. 从文档数组中删除项4. 从嵌…...
多GPU并行处理[任务分配、进程调度、资源管理、负载均衡]
1. 多GPU并行处理设计 设计思路: 实现基于多GPU的并行任务处理，每个GPU运行独立的任务，以加速整体的处理速度。 实现机制: 进程隔离: 利用multiprocessing.Process为每个GPU创建独立的工作进程。 GPU资源限制: 通过设置CUDA_VISIBLE_DEVICES环境变量&…...
项目部署到服务器
(相关资源都给出来了) 1 下载MobaXterm,然后打开 正常连接输入你的服务器IP，用户名可以起名为root 2 将JDK,Tomcat,mysql安装包 布置到服务器中（JDK官网地址：https://www.oracle.com/java/technologies/downloads/#java8 mysql官网地址: …...
Idea2024 创建Meaven项目没有src文件夹
1、直接创建 新建maven项目，发现没有src/main/java 直接新建文件夹：右击项目名->new->Directory 可以看到idea给出了快捷创建文件夹的选项，可以根据需要创建，这里点击src/main/java 回车，可以看到文件夹已经创建…...
LeetCode 2766.重新放置石块：哈希表
【LetMeFly】2766.重新放置石块：哈希表 力扣题目链接：https://leetcode.cn/problems/relocate-marbles/ 给你一个下标从 0 开始的整数数组 nums ，表示一些石块的初始位置。再给你两个长度 相等 下标从 0 开始的整数数组 moveFrom 和 moveTo…...
基于STM32的农业大棚温湿度采集控制系统的设计
目录 1、设计要求 2、系统功能 3、演示视频和实物 4、系统设计框图 5、软件设计流程图 6、原理图 7、主程序 8、总结 🤞大家好，这里是5132单片机毕设设计项目分享，今天给大家分享的是智能教室。 设备的详细功能见网盘中的文章《8、基…...
go语言的命名规则
身为前端为什么去学go语言呢？我认为go在未来可能会给我带来一些收益。自认为收益是去做一件事情不可缺少的因素，就好像是你努力之后得到回报，努力的欲望会越来越强。《Head First Go》这本书里作者有一句话，如果你已经掌握了一门编…...
新增ClamAV病毒扫描功能、支持Java和Go运行环境，1Panel开源面板v1.10.12版本发布
2024年7月19日，现代化、开源的Linux服务器运维管理面板1Panel正式发布了v1.10.12版本。 在这一版本中，1Panel新增了多项实用功能。社区版方面，1Panel新增ClamAV病毒扫描功能、支持Java和Go运行环境，同时1Panel还新增了文件编辑器…...
Windows通过命令查看mac ： getmac
要查看本机网卡mac，可以通过ipconfig /all 显示，但输出内容过多 可以通过getmac命令查看 示例 C:\Users\Desktop> getmac物理地址 传输名称暂缺 没有硬件 1C-1B-B5-04-E2-7D \Device\Tcpip_{80096E40-D51D-490C-9AF7-…...
Android笔试面试题AI答之Android系统与综合类（1）
答案仅供参考，来着文心一言、Kimi.ai 目录 1.简述嵌入式实时操作系统，Android 操作系统属于实时操作系统吗?嵌入式实时操作系统简述Android操作系统是否属于实时操作系统 2.简述Android系统的优势和不足？3.简述Android的系统架构 ࿱…...
【Android】数据存储方案——文件存储、SharedPreferences、SQLite数据库用法总结
文章目录 文件存储存储到文件读取文件 SharedPreferences存储存储获取SharedPreferences对象Context 类的 getSharedPreferences() 方法Activity 类的 getPreferences() 方法PreferenceManager 类中的 getDefaultSharedPreferences() 方法 示例 读取记住密码的功能 SQLite数据库…...
抖音矩阵管理系统功能说明：一站式掌握
在当下这个信息爆炸的时代，抖音作为短视频领域的佼佼者，其用户规模持续扩大，影响力日益增强。对于内容创作者和营销人员来说，如何高效管理抖音账号，实现内容的多平台分发和精准触达，成为了亟待解决的问题。…...
旅游卡使用指南及常见疑问解答
近期，许多朋友对旅游卡的免费旅游政策表示浓厚兴趣，但心中不免存疑：这真的是全程免费，无需自费一分吗？ 在此，我们明确告知：免费旅游确实存在，但享受范围与条件需清晰界定。 本文将…...
【MySQL篇】Percona XtraBackup标准化全库完整备份策略（第三篇，总共五篇）
💫《博主介绍》：✨又是一天没白过，我是奈斯，DBA一名✨ 💫《擅长领域》：✌️擅长Oracle、MySQL、SQLserver、阿里云AnalyticDB for MySQL(分布式数据仓库)、Linux，也在扩展大数据方向的知识面✌️…...
背单词工具(C++)
功能分析 生词本管理： 创建生词本文件：在构造函数中创建了“生词本.txt”“背词历史.log”“历史记录.txt”三个文件。添加单词：用户可以输入单词、词性和解释，将其添加到生词本中。查询所有单词：展示生词本中所有的单…...
面试八股 | 数据库引擎 | InnoDB和myISAM的区别？
⭐️⭐️⭐️InnoDB和MyISAM的区别? InnoDB ： 1、使用的是行锁，操作时候只锁一行数据，不会对其他有影响，适合高并发工作 2、支持事务 3、不仅缓存索引还要缓存真实数据，适合高并发 4、默认安装 5、支持外键 6、…...
GEE计算五种植被指数（NDVI、EVI2、RVI、MTVI2、OSAVI）
目录 计算公式源代码计算公式 源代码 // 定义感兴趣区域（这里以一个简单的矩形区域为例） var region = ee.FeatureCollection("projects/a-flyllf0313/assets/dachang"); // 定义时间范围 var startDate = 2023-04-18; var endDate &...
C/S架构和B/C架构
C/S架构（Client/Server Architecture）和B/C架构（Browser/Client Architecture）是两种不同 的软件架构模型，它们各自有不同的特点和应用场景。 一、C/S架构（Client/Server Architecture） 1. 定…...
音乐曲谱软件Guitar Pro 8.2 for Mac 中文破解版
Guitar Pro 8.2 for Mac 中文破解版是一款功能强大的音乐曲谱软件，非常适合学习如何玩，改进技巧，重现喜爱的歌曲或陪伴自己。 Guitar Pro for Mac 是一款功能强大的音乐曲谱软件，非常适合学习如何玩，改进技巧…...
浅聊Web Storage（localStorage 和 sessionStorage）、cookie的使用场合
Web Storage（localStorage 和 sessionStorage）、cookie 一、Cookie二、Web StoragelocalStoragesessionStorage与 Cookies 的比较 一、Cookie Cookies 主要用于以下几种情况： 会话管理（Session Management）: 登录、购…...
C语言输入输出缓冲机制
文章目录 输入输出缓冲机制概述为什么要有缓冲区缓冲区的类型引发缓冲区的刷新 原理实现 输入输出缓冲机制 概述 缓冲区又称为缓存，它是内存空间的一部分。也就是说，在内存空间中预留了一定的存储空间，这些存储空间用来缓冲输入 或者输出的数…...
javaEE-03-cookie与session
文章目录 Cookie创建Cookie获取Cookie更新CookieCookie 生命控制Cookie 有效路径 Session 会话创建和获取sessionSession 域数据的存取Session 生命周期控制浏览器和 Session 之间关联 Cookie Cookie 是服务器通知客户端保存键值对的一种技术,客户端有了 Cookie 后，…...
EtherNet/IP转Profinet协议网关（经典配置案例）
怎么样才能把EtherNet/IP和Profinet网络连接起来呢?这几天有几个朋友问到了这个问题，作者在这里统一为大家详细说明一下。其实有一个设备可以很轻松地解决这个问题，名为JM-PN-EIP，下面是详细介绍。 一，设备主要功能 1、捷米特J…...
华为云依赖引入错误
问题：记录一次项目加在华为云依赖错误，如下： 错误信息：Could not find artifact com.huawei.storage:esdk-obs-java:pom:3.1.2.1 in bintray-qcloud-maven-repo (https://dl.bintray.com/qcloud/maven-repo/) 找到本地仓库&#…...
【Ubuntu】Ubuntu 配置镜像源（ARM）
【Ubuntu】Ubuntu 配置镜像源（ARM） 零、起因 最近在QEMU中安装了个ubuntu-24.04-live-server-arm64，默认是国外的软件源，很慢，故替换到国内。 壹、替换 源地址（清华源） https://mirror.tun…...