可重复使用Tab切换代码和纯js代码

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>jQuery tab选项卡插件</title>

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <style type="text/css">

        *{ margin:0; padding:0;}

        body { font:12px/1.8 Arial; color:#666;}

        ul,li{ list-style:none;}

        .tab{ width:450px; margin:0 auto 50px;}

        .tab-hd { background:#F93; overflow:hidden; zoom:1;}

        .tab-hd li{ float:left; width:150px; color:#fff; text-align:center; cursor:pointer;}

        .tab-hd li.active{ background:#F60;}

        .tab-bd li{display:none; padding:20px; border:1px solid #ddd; border-top:0 none; font-size:24px;}

</style>

</head>

<body>

        <script type="text/javascript">

            $(function () {

                function tabs(tabTit, on, tabCon) {

                    $(tabCon).each(function () {

                        $(this).children().eq(0).show();

                    });

                    $(tabTit).each(function () {

                        $(this).children().eq(0).addClass(on);

                    });

                    $(tabTit).children().hover(function () {//鼠标“hover”的效果

                        $(this).addClass(on).siblings().removeClass(on);

                        var index = $(tabTit).children().index(this);

                        $(tabCon).children().eq(index).show().siblings().hide();

                    });

                }

                tabs(".tab-hd", "active", ".tab-bd");

                tabs(".tab-hd3", "active", ".tab-bd3");

            });

        </script>

        <script type="text/javascript">

            $(function () {

                function tabs(tabTit, on, tabCon) {

                    $(tabCon).each(function () {

                        $(this).children().eq(0).show();

                    });

                    $(tabTit).each(function () {

                        $(this).children().eq(0).addClass(on);

                    });

                    $(tabTit).children().click(function () {//鼠标“click”的效果

                        $(this).addClass(on).siblings().removeClass(on);

                        var index = $(tabTit).children().index(this);

                        $(tabCon).children().eq(index).show().siblings().hide();

                    });

                }

                tabs(".tab-hd2", "active", ".tab-bd2");

            });

        </script>

        <div class="tab">

            <ul class="tab-hd">

                <li>选项1</li><li>选项2</li><li>选项3</li></ul>

            <ul class="tab-bd">

                <li>内容1</li><li>内容2</li><li>内容3</li></ul>

        </div>

        <style type="text/css">

        .tab3{ width:450px; margin:0 auto 50px;}

        .tab-hd3 { background:#F93; overflow:hidden; zoom:1;}

        .tab-hd3 li{ float:left; width:150px; color:#fff; text-align:center; cursor:pointer;}

        .tab-hd3 li.active{ background:#F60;}

        .tab-bd3 li{display:none; padding:20px; border:1px solid #ddd; border-top:0 none; font-size:24px;}

</style>

        <div class="tab3">

            <ul class="tab-hd3">

                <li>选项4</li><li>选项5</li><li>选项6</li></ul>

            <ul class="tab-bd3">

                <li>内容4</li><li>内容5</li><li>内容6</li></ul>

        </div>

        <style>

        .tab2{ width:450px; margin:0 auto 50px;}

        .tab-hd2 { background:#F93; overflow:hidden; zoom:1;}

        .tab-hd2 li{ float:left; width:150px; color:#fff; text-align:center; cursor:pointer;}

        .tab-hd2 li.active{ background:#F60;}

        .tab-bd2 li{display:none; padding:20px; border:1px solid #ddd; border-top:0 none; font-size:24px;}

        </style>

        <div class="tab2">

            <ul class="tab-hd2">

                <li>点击效果1</li><li>选项2</li><li>选项3</li></ul>

            <ul class="tab-bd2">

                <li>内容1</li><li>内容2</li><li>内容3</li></ul>

        </div>

        <hr />

                                <h1>

                Tab选项卡标签，自动切换

                </h1>

<style type="text/css">

        *{margin: 0;padding: 0;}

        .dl_all{margin: 10px auto;width: 500px;line-height: 24px; border-left: 1px solid #dcdcdc; }

        .dt_nav{padding: 0 10px;float: left;border: 1px solid #dcdcdc;border-left: 0;cursor: pointer;margin-bottom: -1px;}

        .dt_nav.active{border-bottom: 1px solid #fff;}

        .navcon{clear: both;width: 100%;border-left: 0;border: 1px solid #dcdcdc;border-left: 0;display: none;}

    </style>

<script type="text/javascript">

        $(document).ready(function () {

            $('.nav:first').addClass('active');

            $('.navcon:first').css('display', 'block');

            autoroll();

            hookThumb();

        });

        var i = -1; //第i+1个tab开始

        var offset = 3000; //轮换时间

        var timer = null;

        function autoroll() {

            n = $('.dt_nav').length - 1;

            i++;

            if (i > n) {

                i = 0;

            }

            slide(i);

            timer = window.setTimeout(autoroll, offset);

        }

        function slide(i) {

            $('.dt_nav').eq(i).addClass('active').siblings().removeClass('active');

            $('.navcon').eq(i).css('display', 'block').siblings('.navcon').css('display', 'none');

        }

        function hookThumb() {

            $('.dt_nav').hover(function () {//鼠标事件，可换成“click”

                if (timer) {

                    clearTimeout(timer);

                    i = $(this).prevAll().length;

                    slide(i);

                }

            },

    function () {

        timer = window.setTimeout(autoroll, offset);

        this.blur();

        return false;

    });

        }

</script>

<dl class="dl_all">

                                <dt class="dt_nav">

                                        nav1

                                </dt>

                                <dt class="dt_nav">

                                        nav2

                                </dt>

                                <dt class="dt_nav">

                                        nav3

                                </dt>

                                <dd class="navcon">

                                        内容1

                                </dd>

                                <dd class="navcon">

                                        内容2

                                </dd>

                                <dd class="navcon">

                                        内容3

                                </dd>

                        </dl>

</body>

</html>



   提示：你可以先修改部分代码再运行。











        常用tab切换-原生js代码









<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>常用tab切换</title>

    <style type="text/css">

#box{width:500px;font-size:12px}

#box ul{margin:0;padding:0;list-style:none}

#box #tab{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#box #tab li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#box #tab li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#box #tab_con{border:1px solid #AACBEE;border-top:none;padding:20px}

#box #tab_con li{display:none}

#box #tab_con #tab_con_1{display:block;}

</style>

</head>

<body>

/*********1**********/

    <div id="box">

        <ul id="tab">

            <li class="on" id="tab_1" onclick="switchTab(1)">新闻</li>

            <li id="tab_2" onclick="switchTab(2)">财经</li>

            <li id="tab_3" onclick="switchTab(3)">娱乐</li>

            <li id="tab_4" onclick="switchTab(4)">娱乐</li>

        </ul>

        <ul id="tab_con">

            <li id="tab_con_1">新闻内容</li>

            <li id="tab_con_2">财经内容</li>

            <li id="tab_con_3">娱乐内容</li>

            <li id="tab_con_4">娱乐内容3</li>

        </ul>

    </div>

    <script type="text/javascript">

        function switchTab(n){

            for(var i = 1; i <= 4; i++){

                document.getElementById("tab_" + i).className = "";

                document.getElementById("tab_con_" + i).style.display = "none";

            }

            document.getElementById("tab_" + n).className = "on";

            document.getElementById("tab_con_" + n).style.display = "block";

        }

</script>

/*********2**********/

<style type="text/css">

#boxa{width:500px;font-size:12px}

#boxa ul{margin:0;padding:0;list-style:none}

#boxa #taba{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#boxa #taba li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#boxa #taba li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#boxa #tab_cona{border:1px solid #AACBEE;border-top:none;padding:20px}

#boxa #tab_cona li{display:none}

#boxa #tab_cona #tab_cona_1{display:block;}

</style>

<div id="boxa">

        <ul id="taba">

            <li class="on" id="taba_1" onmouseover="switchTaba(1)">新闻</li>

            <li id="taba_2" onmouseover="switchTaba(2)">财经</li>

            <li id="taba_3" onmouseover="switchTaba(3)">娱乐</li>

            <li id="taba_4" onmouseover="switchTaba(4)">娱乐</li>

        </ul>

        <ul id="tab_cona">

            <li id="tab_cona_1">新闻内容</li>

            <li id="tab_cona_2">财经内容</li>

            <li id="tab_cona_3">娱乐内容</li>

            <li id="tab_cona_4">娱乐内容3</li>

        </ul>

    </div>

<script type="text/javascript">

        function switchTaba(n){

            for(var i = 1; i <= 4; i++){

                document.getElementById("taba_" + i).className = "";

                document.getElementById("tab_cona_" + i).style.display = "none";

            }

            document.getElementById("taba_" + n).className = "on";

            document.getElementById("tab_cona_" + n).style.display = "block";

        }

</script>

/*********3**********/

    <style type="text/css">

#boxy{width:500px;font-size:12px}

#boxy ul{margin:0;padding:0;list-style:none}

#boxy #taby{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#boxy #taby li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#boxy #taby li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#boxy #tab_cony{border:1px solid #AACBEE;border-top:none;padding:20px}

#boxy #tab_cony li{display:none}

#boxy #tab_cony #tab_cony_1{display:block;}

</style>

    <div id="boxy">

        <ul id="taby">

            <li class="on" id="taby_1" onmouseover="switchTaby(1)">新闻</li>

            <li id="taby_2" onmouseover="switchTaby(2)">财经</li>

            <li id="taby_3" onmouseover="switchTaby(3)">娱乐</li>

            <li id="taby_4" onmouseover="switchTaby(4)">娱乐</li>

        </ul>

        <ul id="tab_cony">

            <li id="tab_cony_1">新闻内容</li>

            <li id="tab_cony_2">财经内容</li>

            <li id="tab_cony_3">娱乐内容</li>

            <li id="tab_cony_4">娱乐内容3</li>

        </ul>

    </div>

    <script type="text/javascript">

        function switchTaby(n){

            for(var i = 1; i <= 4; i++){

                document.getElementById("taby_" + i).className = "";

                document.getElementById("tab_cony_" + i).style.display = "none";

            }

            document.getElementById("taby_" + n).className = "on";

            document.getElementById("tab_cony_" + n).style.display = "block";

        }

</script>

/*********4**********/

    <style type="text/css">

#boxk{width:500px;font-size:12px}

#boxk ul{margin:0;padding:0;list-style:none}

#boxk #tabk{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#boxk #tabk li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#boxk #tabk li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#boxk #tab_conk{border:1px solid #AACBEE;border-top:none;padding:20px}

#boxk #tab_conk li{display:none}

#boxk #tab_conk #tab_conk_1{display:block;}

</style>

    <div id="boxk">

        <ul id="tabk">

            <li class="on" id="tabk_1" onmouseover="switchTabk(1)">新闻</li>

            <li id="tabk_2" onmouseover="switchTabk(2)">财经</li>

            <li id="tabk_3" onmouseover="switchTabk(3)">娱乐</li>

            <li id="tabk_4" onmouseover="switchTabk(4)">娱乐</li>

        </ul>

        <ul id="tab_conk">

            <li id="tab_conk_1">新闻内容</li>

            <li id="tab_conk_2">财经内容</li>

            <li id="tab_conk_3">娱乐内容</li>

            <li id="tab_conk_4">娱乐内容3</li>

        </ul>

    </div>

    <script type="text/javascript">

        function switchTabk(n){

            for(var i = 1; i <= 4; i++){

                document.getElementById("tabk_" + i).className = "";

                document.getElementById("tab_conk_" + i).style.display = "none";

            }

            document.getElementById("tabk_" + n).className = "on";

            document.getElementById("tab_conk_" + n).style.display = "block";

        }

</script>

/*********5**********/

<style type="text/css">

#boxt{width:500px;font-size:12px}

#boxt ul{margin:0;padding:0;list-style:none}

#boxt #tabt{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#boxt #tabt li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#boxt #tabt li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#boxt #tab_cont{border:1px solid #AACBEE;border-top:none;padding:20px}

#boxt #tab_cont li{display:none}

#boxt #tab_cont #tab_cont_1{display:block;}

</style>

    <div id="boxt">

        <ul id="tabt">

            <li class="on" id="tabt_1" onmouseover="switchTabt(1)">新闻</li>

            <li id="tabt_2" onmouseover="switchTabt(2)">财经</li>

            <li id="tabt_3" onmouseover="switchTabt(3)">娱乐</li>

            <li id="tabt_4" onmouseover="switchTabt(4)">娱乐</li>

        </ul>

        <ul id="tab_cont">

            <li id="tab_cont_1">新闻内容</li>

            <li id="tab_cont_2">财经内容</li>

            <li id="tab_cont_3">娱乐内容</li>

            <li id="tab_cont_4">娱乐内容3</li>

        </ul>

    </div>

    <script type="text/javascript">

        function switchTabt(n){

            for(var i = 1; i <= 4; i++){

                document.getElementById("tabt_" + i).className = "";

                document.getElementById("tab_cont_" + i).style.display = "none";

            }

            document.getElementById("tabt_" + n).className = "on";

            document.getElementById("tab_cont_" + n).style.display = "block";

        }

</script>

/***********6*************/

    <style type="text/css">

#boxe{width:500px;font-size:12px}

#boxe ul{margin:0;padding:0;list-style:none}

#boxe #tabe{height:25px;padding-left:10px;border-bottom:1px solid #AACBEE}

#boxe #tabe li{width:80px;height:18px;padding-top:7px;margin-right:10px;text-align:center;float:left;background:#F3F8FD;cursor:pointer}

#boxe #tabe li.on{width:78px;height:19px;padding-top:5px;border:1px solid #AACBEE;border-bottom:none;color:#00f;background:#E8F2F7;position:relative;top:1px}

#boxe #tab_cone{border:1px solid #AACBEE;border-top:none;padding:20px}

#boxe #tab_cone li{display:none}

#boxe #tab_cone #tab_cone_1{display:block;}

</style>

  <div id="boxe">

        <ul id="tabe">

            <li class="on" id="tabe_1" onmouseover="switchTabe(1)">新闻</li>

            <li id="tabe_2" onmouseover="switchTabe(2)">财经</li>

            <li id="tabe_3" onmouseover="switchTabe(3)">娱乐</li>

            <li id="tabe_4" onmouseover="switchTabe(4)">娱乐</li>

            <li id="tabe_5" onmouseover="switchTabe(5)">娱乐</li>

        </ul>

        <ul id="tab_cone">

            <li id="tab_cone_1">新闻内容</li>

            <li id="tab_cone_2">财经内容</li>

            <li id="tab_cone_3">娱乐内容</li>

            <li id="tab_cone_4">娱乐内容3</li>

            <li id="tab_cone_5">娱乐内容3</li>

        </ul>

    </div>

    <script type="text/javascript">

        function switchTabe(n){

            for(var i = 1; i <= 5; i++){

                document.getElementById("tabe_" + i).className = "";

                document.getElementById("tab_cone_" + i).style.display = "none";

            }

            document.getElementById("tabe_" + n).className = "on";

            document.getElementById("tab_cone_" + n).style.display = "block";

        }

</script>

</body>

</html>

查询mysql的引擎 PlanOne_A MySQL mysql 数据库 java
一般情况下，mysql会默认提供多种存储引擎,你可以通过下面的查看:看你的mysql现在已提供什么存储引擎:mysql>showengines;看你的mysql当前默认的存储引擎:mysql>showvariableslike'%storage_engine%';你要看某个表用了什么引擎(在显示结果里参数engine后面的就表示该表当前用的存储引擎):mysql>showcreatetable表名
IOS 自定义代理协议Delegate OKXLIN ios cocoa macos
QuestionViewCell.h文件代码，定义代理协议@protocolQuestionViewCellDelegate-(void)cellIsOpenDidChangeAtIndexPath:(NSIndexPath*)indexPath;@end@interfaceQuestionViewCell:UITableViewCell@property(nonatomic,weak)iddel
【大模型】AutoDL部署AI绘图大模型Stable Diffusion使用详解小码农叔叔 AI大模型实战与应用 AutoDL部署AI绘图大模型 AI绘图大模型 AutoDL部署SD AI绘图大模型SD使用详解 SD使用详解 SD部署
目录一、前言二、AI绘图大模型概述2.1AI绘图大模型介绍2.2AI绘图大模型特点2.3AI绘图大模型优势三、主流的AI绘图大模型介绍3.1Midjourney3.1.1Midjourney介绍3.1.2Midjourney功能特点3.1.3Midjourney使用场景3.2StableDiffusion3.2.1StableDiffusion介绍3.2.2StableDiffusion特点3.2
mysql主从数据一致性怎么校验_mysql主从数据一致性校验及纠错工具 Oliverzzzhang
目录1、概述2、percona-tooldit工具的安装3、新建用户4、pt-table-checksum使用5、pt-table-sync使用6、个人总结1、概述假如你是一位运维人员，假如你生产环境上目录1、概述2、percona-tooldit工具的安装3、新建用户4、pt-table-checksum使用5、pt-table-sync使用6、个人总结1、概述假如你是一位运维人员，假如你生产环
数据迁移后如何做数据一致性比较（保证数据迁移的正确性） m0_38111284 mysql sql postgresql oracle dfs 数据库
数据迁移后，一定要做数据一致性验证。方法如下：1.数据量验证，即表的行数一致，selectcount(*)fromtab1;2.数据格式，列的一致性验证，在行数一致的前提下，验证每一列正确迁移，无乱码，无格式问题，迁移前后数据完全一致。mysql>select`CountryCode`,concat(ifnull(ID,''),ifnull(Name,''),ifnull(CountryCode,
stable diffusion webui电商基础模型 Kun Li 多模态大语言模型 stable diffusion
电商生成模型的产生主要有两个路子，1.训练微调；2.模型融合。下面这些是借鉴，帮助思考如何构建电商模型。电商必备的10款StablediffusionWebUI模型-知乎一、WFProduct电商场景这是一个专门为电商摄影场景训练的lora模型，可以生成各种极具设计感的场景图，效果逼真，无论是电商、海报、产品渲染还是空间布置上都能用得到，可以解决产品摄影空间布景困难、创意度不…https://zh
stable diffusion 模型和lora融合 Kun Li 图像视频生成大模型 stable diffusion
炜哥的AI学习笔记——SuperMerger插件学习-哔哩哔哩接下来学习的插件名字叫做SuperMerger，它的作用正如其名，可以融合大模型或者LoRA，一般来说会结合之前的插件LoRABlockWeight使用，在调整完成LoRA模型的权重后使用改插件进行重新打包。除了LoRA，Checkpoint也可以通过这个插件进行融合合并。实际上，目前市面上存在大量的Checkpoint模型都是经由合并
Hutools 构建树结构理想二旬不止(上班了，好像没有理想了) Hutools工具使用记录 java
详细介绍Hutools官网我们平时在进行业务开发时，经常会碰到需要构建树形结构的业务，比如常见的区域树结构└──省└──市└──区这类数据的特点就是每条数据有明确的父节点和子节点，如果没有父节点或者子节点的话，没有父节点的数据为树的顶级节点，如果没有子节点的话为树的底级节点。示例数据表及数据CREATETABLEarea(area_idBIGINTNOTNULLAUTO_INCREMENT,par
【Mysql】Mysql数据库基本操作-------DDL（中）爱学习的小何同学！数据库 mysql
1、对表结构的常用操作----创建表创建表格式：creattable(ifnotexists)(可以省略）表名(字段一类型[（宽度）][约束条件][comment'字段说明'],字段二类型[（宽度）][约束条件][comment'字段说明'],...)(表的一些设置）;创建表是构建一张空表，指定这个表的名字，这个表有几列，每一列叫什么名字，以及每一列存储的数据类型。示例：2、数据类型数据类型是指在
Bootstrap Blazor 中 Table 组件的 OnColumnCreating 事件：统一设置列的 IsVisibleWhenAdd、IsVisibleWhenEdit 参数 cqths #Blazor Web App web app .net c#
当实体中属性较多时，在实体定义中对每一个属性设置相同参数比较麻烦，要统一修改也麻烦，此时可以考虑在OnColumnCreating事件中使用代码统一设置。//////在Table组件的OnColumnCreating事件中使用：设置AddColumnNames中列的IsVisibleWhenEdit=true，其余列IsVisibleWhenEdit=false。//////OnColumnCre
Bootstrap Blazor 组件库 Table 组件 OnQueryAsync 查询 EF Core 键集分页、偏移分页使用备忘 cqths EF Core #Blazor Web App bootstrap .net web app
privatelonglastId=0,firstId=0;privatelonglastPageIndex=0;privateintlastPageItems=0;privateasyncTask>OnQueryAsync(QueryPageOptionsoptions){IEnumerableitems;//不是翻页：刷新、改变每页条数、过虑，此时，清除跟踪（清除缓存）if(!options.
【MYSQL】mysql 常用命令 roman_日积跬步-终至千里常用命令 mysql 数据库
文章目录1.数据库管理命令2.表管理命令3.数据操作命令4.数据查询进阶5.用户与权限管理6.使用脚本操作数据库1.数据库管理命令--查看所有数据库SHOWDATABASES;--创建数据库CREATEDATABASE数据库名;--选择数据库USE数据库名;--删除数据库DROPDATABASE数据库名;2.表管理命令--查看所有表SHOWTABLES;--查看表结构DESCRIBE表名;--或S
WPF之comboBox可模糊查询白驹……过隙 WPF wpf
前言本文采用了prism框架的基础。0、先准备一个类publicclassComboBoxItemModel{publicstringName{get;set;}publicstringValue{get;set;}}一、xaml代码。前端这里需添加两个属性，还有keyUp事件等。1、IsEditable="True"（开启可编辑）2、IsTextSearchEnabled="False"（开启可
WPF中让Combobox具有查找功能 cplmlm wpf wpf windows
需求：由于combobox绑定的数据源数量比较多，如果让用户在下拉列中查找，难免会不太方便，于是就需要让combobox可以输入内容，并且希望根据用户输入的内容去自动匹配，这样效率就会提高！先在xaml中添加一个combobox：先看设置的属性：IsEditable就是启用或禁用ComboBox的文本框中的文本编辑，让combobox可以输入内容IsTextSearchEnabled就是是否开启T
Qwen-VL: 一种多功能的视觉-语言模型，用于理解、定位、文本阅读等 &永恒的星河& LLMs LVLMs LLMs
论文题目：Qwen-VL:AVersatileVision-LanguageModelforUnderstanding,Localization,TextReading,andBeyond论文地址：https://arxiv.org/pdf/2308.12966github地址:https://github.com/QwenLM/Qwen-VL?tab=readme-ov-file更多技术文章可以
入门Stable-Diffusion-WebUI全过程沙漠蓝色披头 Ai大模型 stable diffusion
这里用的软件叫“stable-diffusion-webui”，严格意义上来说是一个基于StableDiffusion的开源项目。这个项目非常强大，把原本很难安装配置的开源项目做成了一个简单易操作的网页，后来又引入了插件系统，可以玩出很多花样。最重要的是这一切都免费且开源。安装stable-diffusion-webui需要事先做一些准备工作。一台带中高端显卡的电脑电脑可以流畅的访问github安
如何训练Stable Diffusion 模型俊偉 AGI stable diffusion 扩散模型训练 AI炼丹
训练StableDiffusion模型是一个复杂且资源密集的过程，通常需要大量的计算资源（如GPU或TPU）和时间。StableDiffusion是一种基于扩散模型的生成式AI，能够根据文本提示生成高质量的图像。它的训练过程涉及多个步骤，包括数据准备、模型配置、训练参数调整等。以下是训练StableDiffusion模型的基本步骤和注意事项：1.环境准备1.1安装依赖项首先，确保你有一个适合深度学
Jdbc--实现对数据库的查询，更改，删除，添加等方法 Winston-Tao
1.先新建一个数据库，代码如下：CREATETABLEuser_t(idINT(11)UNSIGNEDNOTNULLAUTO_INCREMENT,nameVARCHAR(50)NOTNULLDEFAULT'',passwordVARCHAR(50)NOTNULLDEFAULT'',emailVARCHAR(50)NOTNULLDEFAULT'',PRIMARYKEY(id))ENGINE=INNO
已解决：No converter for [class XXX] with preset Content-Type ‘XXX‘ 青灯文案 Java 后端 java 后端 restful
http://localhost:8085/api/v1.0/user/exportorg.springframework.http.converter.HttpMessageNotWritableException:Noconverterfor[classcn.com.wind.server.model.vo.Response]withpresetContent-Type'multipart/f
oracle优化merge函数,使用Merge into优化一个垃圾存储过程雨诺寒雪 oracle优化merge函数
开发人员反应下面存储过程出结果太慢,表和字段名做了处理declarecursorc1isselect*fromuser1.tab1;v_countnumber:=0;beginforv1inc1loopselectcount(1)intov_countfromuser1.tab2whererow_id=v1.row_id;ifv_count=0thenINSERTINTOuser1.tab1(ro
Kotlin | Android Provider 的实现案例 Dic- #Android APP Kotlin 自学笔记 Android Kotlin 数据库 Provider
目标使用AndroidRoom实现持久化库。代码Kotlin代码编写DemoDatabase，在build生成DemoDatabase_Impl疑问Provider的数据会存在设备吗？内部存储:当使用Room创建数据库（如DemoDatabase），数据库文件通常会存储在data/data//databases/目录下。例如，如果包名是com.example.yourapp，则数据库文件将存储在d
【neo4j】neo4j和Cypher 查询语言相关知识点杰九 neo4j
【neo4j】neo4j和Cypher查询语言相关知识点1.什么是neo4jNeo4j是一个广泛使用的图形数据库管理系统（GraphDatabaseManagementSystem）。它是一种NoSQL数据库，专为存储和查询图形数据而设计。Neo4j支持图形数据模型，允许用户以节点（Nodes）和关系（Relationships）的形式存储数据，并通过属性（Properties）来丰富这些节点和关
scala基础学习(数据类型)-集合百流 scala scala 学习开发语言
文章目录集合创建集合isEmpty获取数据添加元素删除元素常见方法交集&差集diff--并集++uniontostringtolisttoArraytoMap其余常用方法集合ScalaSet(集合)是没有重复的对象集合，所有的元素都是唯一的。Scala集合分为可变的和不可变的集合。默认情况下，Scala使用的是不可变集合，如果你想使用可变集合，需要引用scala.collection.mutabl
Linux 系统如何设置开机程序自启动云满笔记 #linux 自启动启动 startup start
这里写目录标题1.Linux系统如何设置开机程序自启动1.1./etc/rc.local1.2.crontab(类似于Windows的任务计划服务)1.3.注册系统服务1.Linux系统如何设置开机程序自启动核心提示:系统的服务在开机时一般都可以自动启动,那在Linux系统下如果想要程序在开机时自动启动怎么办?我们知道在Windows系统"开始"–>“所有程序”–>"启动"里面放个快捷方式就行,那
MySQL敏感数据进行加密的几种方法我科绝伦（Huanhuan Zhou） mysql mysql 数据库
使用MySQL内置的加密函数AES_ENCRYPT和AES_DECRYPT函数方法介绍：AES（AdvancedEncryptionStandard）是一种对称加密算法。在MySQL中，可以使用AES_ENCRYPT函数对数据进行加密，使用AES_DECRYPT函数进行解密。这种加密方式的特点是加密和解密使用相同的密钥。示例：首先，创建一个表来存储加密后的数据：CREATETABLEencrypt
Linux将目录挂载到另一个目录,类似软硬链接，并通过fstab实现坐公交也用券 Debian Linux linux java eureka
格式nonebind00例如/data/var/lib/docker/var/lib/dockernonebind00参数使用制表符tab间隔效果root@Debian12:~#cat/etc/fstab|grep-v^#/dev/mapper/Debian12--vg-root/ext4errors=remount-ro01UUID=998bd16c-3e36-4ea5-9354-5e92e16
Oracle 创建DBLink方法夜光小兔纸数据库 Oracle oracle
一、创建新的DBLink需求说明：现有两个测试库，现想通过DBLink在测试库1连接测试库2。创建DBLink1）在测试库查看是否拥有创建DBLink的权限select*fromuser_sys_privswhereprivilegelikeupper('%DATABASELINK%');查询无结果输出，说明当前用户没有创建DBLink的权限。2）赋权当前用户创建DBLink的权限$sqlplus
Oracle 普通用户连接hang住处理方法夜光小兔纸数据库 Oracle 运维 oracle 数据库运维
一、现象说明$sqlplus/assysdbaSQL*Plus:Release19.0.0.0.0-ProductiononWedDec1816:49:192024Version19.11.0.0.0Copyright(c)1982,2020,Oracle.Allrightsreserved.Connectedto:OracleDatabase19cEnterpriseEditionRelease
Linux 系统服务开机自启动指导手册我科绝伦（Huanhuan Zhou） linux linux 服务器 java
一、引言在Linux系统中，设置服务开机自启动是常见的系统配置任务。本文档详细介绍了多种实现服务开机自启动的方法，包括systemctl方式、通用脚本方式、crontab方案等，并提供了生产环境下的方案建议和开机启动脚本示例。二、systemctl方式2.1适用范围适用于已安装为系统服务且服务文件（.service）存储在/usr/lib/systemd/system的组件。2.2设置开机启动使用
SQL记录学习日志柠檬无糖可乐 sql 学习数据库
删除表DROPTABLE：彻底删除表和其数据，无法恢复。DROPTABLEIFEXISTS：在删除之前检查表是否存在。TRUNCATETABLE：删除所有数据，但保留表的结构。DELETE：删除表中的所有数据，但保留表的结构和约束。
VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmware mac os 10.10 workstation player
最近尝试了下VMware下安装MacOS 系统，安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章，只能提供大概的思路，但是实际安装起来由于版本问题，走了不少弯路，所以我尝试写以下总结，希望能给有兴趣安装OSX的人提供一点帮助。写在前面的话：其实安装好后发现，由于我的th
关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScript java 框架
本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]）一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下平台
如何把maven项目转成web项目 Kai_Ge maven MyEclipse
创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
主管？？？ Array_06 工作
转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
python内置函数大全 2002wmj python
最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
JSP页面通过JQUERY合并行 357029540 JavaScript jquery
在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){ var trs = $("#table tr"); &nb
Java基础冰天百华 java基础
学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
unix时间戳相互转换 adminjun 转换 unix 时间戳
如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
作为一个合格程序员该做的事 aijuans 程序员
作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法出错不要紧，最重
由html5视频播放引发的总结 ayaoxinchao html5 视频 video
前言项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。视频结构本该直接介绍html5的<video>的，但鉴于本人对视频
解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误 javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
Jedis连接池的入门级使用 bijian1013 redis redis数据库 jedis
Jedis连接池操作步骤如下： a.获取Jedis实例需要从JedisPool中获取； b.用完Jedis实例需要返还给JedisPool； c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
变与不变 bingyingao 不变变亲情永恒
变与不变周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，各种店铺都换了好几茬，这些是变的。三年前还很流行的一款手机在今天看起来已经落后的不像样子。三年前还运行的好好的一家公司，今天也已经不复存在。一座座高楼拔地而起，
【Scala十】Scala核心四：集合框架之List bit1129 scala
Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解 1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量 2. 给变量赋值(注意val关键字，a，b
Nested Functions in C bookjovi c closure
Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
After Effects操作&快捷键 cherishLC After Effects
1、快捷键官方文档中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
Maven 常用命令 crabdave maven
Maven 常用命令 mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site mvn dependency:res
shell bad substitution daizj shell 脚本
#!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
Java SE 第二讲： 1. Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2. Java 中的数据类型分为两大类： 1）原生数据类型（Primitive Data Type） 2）引用类型（对象类型）（R
CGridView中实现批量删除 dcj3sjt126com PHP yii
1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
Java中泛型的各种使用 dyy_gusi java 泛型
Java中的泛型的使用：1.普通的泛型使用在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
Web开发技术十年发展历程 gcq511120594 Web 浏览器数据挖掘
回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
openSession()与getCurrentSession()区别： hetongfei java DAO Hibernate
来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。这里getCurrentSession本地事务(本地
第一章安装Nginx+Lua开发环境 jinnianshilongnian nginx lua openresty
首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
HSQLDB In-Process方式访问内存数据库 liyonghui160com
HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。先睹为快！下面是一个In-Process方式访问内存数据库的代码示例：下面代码需要引入hsqldb.jar包（hsqldb-2.2.8） import java.s
Java线程的5个使用技巧 pda158 java 数据结构
Java线程有哪些不太为人所知的技巧与用法？　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。程序包管理器管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
避免使用终结函数 vahoa.ma java jvm C++
终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方

可重复使用Tab切换代码和纯js代码

你可能感兴趣的:(tab)