小猪佩奇.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…...
速腾聚创激光雷达复现FAST-LIO
目录 1.软件环境 2.测试执行 3.代码学习 3.1.找主节点代码文件 3.2.整体流程结构 3.3.具体函数理解 记录复现FAST-LIO算法的过程和，代码梳理和理解 1.软件环境 Windows 10(64bits) VMware 16 Pro Ubuntu 20.04 ROS Noetic FAST-LIO的简化版、注释版。感谢…...
k8s核心知识总结
写在前面 时间一下子到了7月份尾；整个7月份都乱糟糟的，不管怎么样，日子还是得过啊， 1、7月份核心了解个关于k8s，iceberg等相关技术，了解了相关的基础逻辑，虽然和数开主线有点偏，但是…...
语言模型及数据集
一、定义 1、语言模型的目标是估计序列的联合概率，一个理想的语言模型就能够基于模型本身生成自然文本。 2、对一个文档（词元）序列进行建模， 假设在单词级别对文本数据进行词元化。 3、计数建模 （1）其中…...
linux如何卸载python3.5
卸载： 1、卸载python3.5 sudo apt-get remove python3.5 2、卸载python3.5及其依赖 sudo apt-get remove --auto-remove python3.5 3、清除python3.5 sudo apt-get purge python3.5 或者 sudo apt-get purge --auto-remove python3.5...
【BUG】已解决：TypeError: expected string or bytes-like object
TypeError: expected string or bytes-like object 目录 TypeError: expected string or bytes-like object 【常见模块错误】 【解决方案】 常见原因及解决方法 示例代码 欢迎来到英杰社区https://bbs.csdn.net/topics/617804998 欢迎来到我的主页，我是博主英杰…...
在linux上面用drissionpage自动化遇到反爬？
目录 一、反爬内容1、案例12、案例2 二、后来发现的问题解决 一、反爬内容 1、案例1 反爬的响应文本返回如下：爬虫均能精准识别,测试链接:https://ziyuan.baidu.com/crawltools/index)非正常爬虫访问时:返回的压缩报文内容无法直接识别,可一定程度上保护站点信息安…...
vue3大事件管理系统 === 首页 layout 文章分类页面 -
目录 首页 layout 架子 [element-plus 菜单] 基本架子拆解 登录访问拦截 用户基本信息获取&渲染 退出功能 [element-plus 确认框] 文章分类页面 - [element-plus 表格] 基本架子 - PageContainer 文章分类渲染 封装API - 请求获取表格数据 el-table 表格动态渲染 …...
堆的基本实现
一、堆的概念 在提出堆的概念之前，首先要了解二叉树的基本概念 一颗二叉树是节点的有限集合，该集合： 1、或者为空； 2、或者由一个根节点加上两颗分别称为左子树和右子树的两颗子树构成； 堆就是一颗完全二叉树&…...
Ubuntu上编译多个版本的frida
准备工作 Ubuntu20(WSL) 略 安装依赖 sudo apt update sudo apt-get install build-essential git lib32stdc-9-dev libc6-dev-i386 -y nodejs 去官网[1]下载nodejs，版本的话我就选的20.15.1： tar -xf node-v20.15.1-linux-x64.tar.xz 下载源码 …...
概率论三大分布
目录 基本概念 卡方分布（χ分布）： t分布： F分布： 延伸 卡方分布在哪些具体情况下最适合用于数据分析？ t分布在大样本情况下的表现与正态分布相比如何？ F分布在进行方差比较时与t分布的区…...
Spring系统学习-基于XML的声明式事务
基本概念 在Spring框架中，基于XML的事务管理是一种通过XML配置文件来管理事务的方式。Spring提供了强大的事务管理功能，可以与多种持久化技术（如JDBC、Hibernate、JPA等）结合使用。以下是如何在Spring中使用基于XML的事务管理的基…...
iOS中的MVVM设计模式
目录 前言 一、MVVM简介 二、MVVM的核心思想 三、MVVM的优势 四、MVVM在iOS中的实现 1. 创建Model 2. 创建ViewModel 3. 创建View 4. 主入口 总结 前言 随着iOS开发的发展，构建可维护和可扩展的代码架构变得至关重要。Model-View-ViewModel (MVVM) 是一种…...
ES中的数据类型学习之ARRAY
Arrays | Elasticsearch Guide [7.17] | Elastic 中文翻译 ：Array Elasticsearch 5.4 中文文档 看云 Arrays In Elasticsearch, there is no dedicated array data type. Any field can contain zero or more values by default, however, all values in the a…...
vue网络请求
post网络请求 import axios from axios import {ElMessage, ElLoading} from "element-plus" import { nextTick } from "vue" import JSONbig from json-bigint import { userToken } from "/constants/Constant.js";const defaultConfig {bas…...
几何光学基本原理——费马原理和射线方程
在几何光学中，射线方程用于描述光在折射率不均匀的介质中传播的路径。折射率的变化会导致射线发生弯曲，射线方程正是用于计算这种弯曲路径的。 几何光学的基本原理 几何光学假设光在介质中沿直线传播，但在折射率变化的介质中，光的…...
OpenCV车牌识别技术详解
第一部分：图像预处理 车牌识别（License Plate Recognition，LPR）是计算机视觉领域的一个重要应用，它涉及到图像处理、模式识别等多个方面。OpenCV作为一个强大的计算机视觉库，提供了丰富的车牌识别相关功能…...
解决llama_index中使用Ollama出现timed out 问题
现象： File "~/anaconda3/envs/leo_py38/lib/python3.8/site-packages/httpx/_transports/default.py", line 86, in map_httpcore_exceptionsraise mapped_exc(message) from exc httpx.ReadTimeout: timed out代码： from llama_index.core …...
Python爬虫技术 第14节 HTML结构解析
HTML 结构解析是 Web 爬虫中的核心技能之一，它允许你从网页中提取所需的信息。Python 提供了几种流行的库来帮助进行 HTML 解析，其中最常用的是 BeautifulSoup 和 lxml。 1. 安装必要的库 首先，你需要安装 requests（用于发送 HTT…...
【vue3|第18期】Vue-Router路由的三种传参方式
日期：2024年7月17日 作者：Commas 签名：(ง •_•)ง 积跬步以致千里,积小流以成江海…… 注释：如果您觉得有所帮助，帮忙点个赞，也可以关注我，我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^ - ^ 1.01365 = 37.7834；0.99365 = 0.0255 1.02365 = 1377.408…...
ElasticSearch(六)— 全文检索
一、match系列查询 前面讲到的query中的查询，都是精准查询。可以理解成跟在关系型数据库中的查询类似。match系列的查询，是全文检索的查询。会通过分词进行评分，匹配，再返回搜索结果。 1.1 match 查询 "query": {&qu…...