小猪佩奇.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>

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

敏捷CSM证书国家认可嘛?有什么价值?

CSM证书&#xff0c;全称为Certified Scrum Master&#xff0c;是由Scrum Alliance&#xff08;敏捷联盟&#xff09;颁发的一项国际公认的敏捷管理领域认证。该证书不仅在全球范围内受到广泛认可&#xff0c;也在国内得到了业界的广泛关注和重视。 CSM证书的背景 CSM证书是基…

爬虫学习4:爬取王者荣耀技能信息

爬虫&#xff1a;爬取王者荣耀技能信息&#xff08;代码和代码流程&#xff09; 代码 # 王者荣耀英雄信息获取 import time from selenium import webdriver from selenium.webdriver.common.by import By if __name__ __main__:fp open("./honorKing.txt", "…

PHP基础语法-Part1

脚本格式 PHP脚本以<?php开头&#xff0c;以?>结尾&#xff1b; PHP语句以分号结尾&#xff08;;&#xff09; PHP是解释型语言&#xff1b; 输入和输出 获取用户的输入&#xff1a; $input readline("input:"); echo $input; echo "input:";…

Spark内核的设计原理

导读&#xff1a; 本期是DataFun深入浅出Apache Spark第一期的分享&#xff0c;主讲老师耿嘉安开场介绍了自己的从业经历&#xff0c;当前就职的数新网络与Spark相关的两款产品赛博数智引擎CyberEngine和赛博数据智能平台CyberData。 本次分享题目为《Spark内核的设计原理》&…

Java面试八股之什么是spring boot starter

什么是spring boot starter Spring Boot Starter是Spring Boot项目中的一个重要概念。它是一种依赖管理机制&#xff0c;用于简化Maven或Gradle配置文件中的依赖项声明。Spring Boot Starter提供了一组预定义的依赖关系&#xff0c;这些依赖关系被封装在一个单一的包中&#x…

如何使用C#自制一个Windows安装包

原文链接&#xff1a;https://www.cnblogs.com/zhaotianff/p/17387496.html 以前都在用InstallShield制作安装包&#xff0c;基本需求是能满足的&#xff0c;但也有一些缺点&#xff1a; 1、界面不能完全定制 2、不能直接调用代码里的功能 平常使用一些其它软件&#xff0c;…

【宝藏系列】模/数转换十大常用滤波算法

【宝藏系列】模/数转换十大常用滤波算法 文章目录 【宝藏系列】模/数转换十大常用滤波算法&#x1f468;‍&#x1f3eb;ADC&#xff08;Analog-to-Digital Converter&#xff0c;模数转换器&#xff09;1️⃣限幅滤波法2️⃣中位值滤波法3️⃣算术平均滤波法4️⃣递推平均滤波…

AI学习记录 - 图像识别的基础入门

代码实现&#xff0c;图像识别入门其实非常简单&#xff0c;这里使用的是js&#xff0c;其实就是把二维数组进行公式化处理&#xff0c;处理方式如上图&#xff0c;不同的公式代表的不同的意义&#xff0c;这些意义网上其实非常多&#xff0c;这里就不细讲了。 const getSpecif…

Webshell管理工具:AntSword(中国蚁剑)

中国蚁剑是一款开源的跨平台网站管理工具&#xff0c;它主要面向于合法授权的渗透测试安全人员以及进行常规操作的网站管理员。 通俗的讲&#xff1a;中国蚁剑是 一 款比菜刀还牛的shell控制端软件。 一、中国蚁剑下载 1. 下载 AntSword-Loader https://github.com/AntSwordP…

(十九)原生js案例之h5地里位置信息与高德地图的初使用

h5 地里位置信息 1. 获取当前位置信息 window.onload function () {const oBtn document.querySelector("#btn");const oBox document.querySelector("#box");oBtn.onclick function () {window.navigator.geolocation.getCurrentPosition(function (…

STM32CubeIDE(CAN)

目录 一、概念 1、简述 2、CAN 的几种模式 二、实践 1、环回模式轮询通信 1.1 软件配置 1.2 代码编写 2、环回模式中断通信 2.1 软件配置 2.2 代码编写 一、概念 1、简述 STM32微控制器系列包含多个型号&#xff0c;其中一些型号集成了CAN&#xff08;Controller Are…

如何在 Mac 上下载安装植物大战僵尸杂交版? 最新版本 2.2 详细安装运行教程问题详解

植物大战僵尸杂交版已经更新至2.2了&#xff0c;但作者只支持 Windows、手机等版本并没有支持 MAC 版本&#xff0c;最近搞到了一个最新的杂交 2.2 版本的可以在 Macbook 上安装运行的移植安装包&#xff0c;试了一下非常完美能够正常在 MAC 上安装运行&#xff0c;看图&#x…

菜鸟从0学微服务——MyBatis-Plus

关于“菜鸟从0学微服务” 针对有编程基础&#xff0c;开始学习微服务的同学&#xff0c;我们陆续推出从0学微服务的笔记分享。力求从各个中间件的使用来反思这些中间件的作用和优势。 会分享的比较快&#xff0c;会记录demo演算和中间件的使用过程&#xff0c;至于细节的理论…

SSIS_SQLITE

1.安装 SQLite ODBC 驱动程序 2.添加SQLite数据源 在“用户DSN”或“系统DSN”选项卡中&#xff0c;点击“添加”。选择“SQLite3 ODBC Driver”&#xff0c;然后点击“完成”。在弹出的配置窗口中&#xff0c;设置数据源名称&#xff08;DSN&#xff09;&#xff0c;并指定S…

k8s核心知识总结

写在前面 时间一下子到了7月份尾&#xff1b;整个7月份都乱糟糟的&#xff0c;不管怎么样&#xff0c;日子还是得过啊&#xff0c; 1、7月份核心了解个关于k8s&#xff0c;iceberg等相关技术&#xff0c;了解了相关的基础逻辑&#xff0c;虽然和数开主线有点偏&#xff0c;但是…

二、【Python】入门 - 【PyCharm】安装教程

往期博主文章分享文章&#xff1a; 【机器学习】专栏http://t.csdnimg.cn/sQBvw 目录 第一步&#xff1a;PyCharm下载 第二步&#xff1a;安装&#xff08;点击安装包打开下图页面&#xff09; 第三步&#xff1a;科学使用&#xff0c;请前往下载最新工具及教程&#xff1a…

FreeSWITCH 1.10.10 简单图形化界面26-在网页上播放SIP设备视频

​ FreeSWITCH 1.10.10 简单图形化界面26-在网页上播放SIP设备视频 1、前言2、大概流程3、测试环境4、安装流媒体服务器5、设置流媒体服务器接口6、简单写个web接口7、测试一下1、web播放在线播放器1在线播放器2本地video控件 2、vlc播放vlc播放rtmpvlc播放rtsp 8、总结 1、前…

Jmeter三种方式获取数组中多个数据并将其当做下个接口参数入参【附带JSON提取器和CSV格式化】

目录 一、传统方式-JOSN提取器获取接口返回值 1、接口调用获取返回值 2、添加JSON提取器 3、调试程序查看结果 4、添加循环控制器 5、设置count计数器 6、添加请求 7、执行请求 二、CSV参数化 1、将结果写入后置处理程序 2、设置循环处理器 3、添加CSV文件 4、设置…

前端面试项目细节重难点分享(十三)

面试题提问&#xff1a;分享你最近做的这个项目&#xff0c;并讲讲该项目的重难点&#xff1f; 答&#xff1a;最近这个项目是一个二次迭代开发项目&#xff0c;迭代周期一年&#xff0c;在做这些任务需求时&#xff0c;确实有很多值得分享的印象深刻的点&#xff0c;我讲讲下面…

【中项】系统集成项目管理工程师-第5章 软件工程-5.3软件设计

前言&#xff1a;系统集成项目管理工程师专业&#xff0c;现分享一些教材知识点。觉得文章还不错的喜欢点赞收藏的同时帮忙点点关注。 软考同样是国家人社部和工信部组织的国家级考试&#xff0c;全称为“全国计算机与软件专业技术资格&#xff08;水平&#xff09;考试”&…