qq_26525215
qq_26525215

JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强

对上篇博客的最后那个表格隔行高亮显示加了个功能，鼠标监听和年龄从小到大排序。

演示代码：

<html>
  <head>
    <title>DHTML技术演示---表格中页面中的显示操纵--行间隔高亮显示</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css"> @import url(table.css); .one{ background:#00ff00; } .two{ background:rgb(210,0,0); } .over{ background-color:#ffff00; } </style>
    <script type="text/javascript"> function trColor(){ var oTableNode = document.getElementById("dataTable"); var arrTrs = oTableNode.rows;//rows为表格属性，返回所以的行 for(var x=1;x<arrTrs.length; x++){ if(x%2==1){ arrTrs[x].className="one"; }else{ arrTrs[x].className="two"; } //为每一行动态注册事件处理方法 var oldClassName; arrTrs[x].onmouseover=function(){ //监听鼠标-移动到那一行 oldClassName=this.className; this.className="over"; }; arrTrs[x].onmouseout=function(){ //鼠标监听-移开 this.className=oldClassName; }; } } //onload = trColor();//这种方式赋值就是执行(本例中，这一句没有效果，因为table对象还没出来。 //但如果把该段代码放在<table>之后则有效果)，而且只能执行这一个方法 onload=function(){ trColor(); //还可以在这里写其它代码，甚至调用其它函数 }; //这种方式只是给onload事件注册响应函数，解析该句代码时函数并没有执行 //而是在该事件发生时才会调用。并且可以在function()中调用多个函数. </script>


    <script type="text/javascript"> function sortTable(){ var oTableNode = document.getElementById("dataTable"); var arrTrs = oTableNode.rows; //思路：用一个新的容器来存放表格的行对象数组，并在新数组中进行排序,把排序后的每个元素(行对象)依次添加到表格对象中 //放到新容器arrTrs2中 var arrTrs2 = []; for (var x = 1; x < arrTrs.length; x++) { arrTrs2[x - 1] = arrTrs[x]; } //arrTrs2数组可以看成arrTrs数组的引用 //对容器arrTrs2中的元素进行排序  mySort(arrTrs2); //把排序后的行对象重新加到表格中 for (var x = 0; x < arrTrs2.length; x++) { //arrTrs2[x].parentNode.nodeName//TBODY arrTrs2[x].parentNode.appendChild(arrTrs2[x]); //arrTrs2数组可以看成arrTrs数组的引用 } } function mySort(arr){ for(var x=0;x<arr.length-1;x++){ for(var y=x+1;y<arr.length;y++){ if(parseInt(arr[x].cells[1].innerText) > parseInt(arr[y].cells[1].innerText)){ var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } } } } </script>


  </head>

  <body>
        <table id="dataTable">
            <tr>
                <th>姓名</th> <th><a href="javascript:void(0)" onclick="sortTable()">年龄</a></th> <th>地址</th>
            </tr>

            <tr>
                <td>张三</td> <td>23</td> <td>湖南长沙</td>
            </tr>
            <tr>
            <td>李四</td> <td>24</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>王五</td> <td>53</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>65</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>13</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>8</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>73</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>29</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>20</td> <td>湖南长沙</td>
            </tr>
        </table>

  </body>
</html>

table.css:

table { border:#ff80ff 1px solid; /*solid :　 实线边框 */ width:800px; border-collapse:collapse; /*separate :　 默认值。边框独立（标准HTML） collapse :　 相邻边被合并 */ }
table td{/*table 下面的td*/ border:#0000ff 1px solid; padding:5px;/*内补丁*/ }
table th{ border:#ff80ff 1px solid; padding:5px; background-color:#c0c0c0; }

演示结果：
鼠标监听：
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强_第1张图片

点一下年龄：实现表格按年龄从小到大排序
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强_第2张图片

现在我们觉得上面的不好，只能从小到大排序，而且排序后颜色也变了。不好看，现在我们来对它进行改进。

代码演示：

<html>
  <head>
    <title>DHTML技术演示---表格中页面中的显示操纵--行间隔高亮显示</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css"> @import url(table.css); .one{ background:#00ff00; } .two{ background:rgb(210,0,0); } .over{ background-color:#ffff00; } a{ text-decoration:none;/*装饰-去掉下划线*/ } </style>
    <script type="text/javascript"> function trColor(){ var oTableNode = document.getElementById("dataTable"); var arrTrs = oTableNode.rows;//rows为表格属性，返回所以的行 for(var x=1;x<arrTrs.length; x++){ if(x%2==1){ arrTrs[x].className="one"; }else{ arrTrs[x].className="two"; } //为每一行动态注册事件处理方法 var oldClassName; arrTrs[x].onmouseover=function(){ //监听鼠标-移动到那一行 oldClassName=this.className; this.className="over"; }; arrTrs[x].onmouseout=function(){ //鼠标监听-移开 this.className=oldClassName; }; } } //onload = trColor();//这种方式赋值就是执行(本例中，这一句没有效果，因为table对象还没出来。 //但如果把该段代码放在<table>之后则有效果)，而且只能执行这一个方法 onload=function(){ trColor(); //还可以在这里写其它代码，甚至调用其它函数 }; //这种方式只是给onload事件注册响应函数，解析该句代码时函数并没有执行 //而是在该事件发生时才会调用。并且可以在function()中调用多个函数. </script>


    <script type="text/javascript"> var flag=true; function sortTable(aNode){ var oTableNode = document.getElementById("dataTable"); var arrTrs = oTableNode.rows; //思路：用一个新的容器来存放表格的行对象数组，并在新数组中进行排序,把排序后的每个元素(行对象)依次添加到表格对象中 //放到新容器arrTrs2中 var arrTrs2 = []; for (var x = 1; x < arrTrs.length; x++) { arrTrs2[x - 1] = arrTrs[x]; } //arrTrs2数组可以看成arrTrs数组的引用 //对容器arrTrs2中的元素进行排序  mySort(arrTrs2); //把排序后的行对象重新加到表格中 if(flag){ for (var x = 0; x < arrTrs2.length; x++) { //arrTrs2[x].parentNode.nodeName//TBODY arrTrs2[x].parentNode.appendChild(arrTrs2[x]); //arrTrs2数组可以看成arrTrs数组的引用 } aNode.innerHTML="年龄↑"; }else{ for(var x=arrTrs2.length-1;x>=0;x--){ arrTrs2[x].parentNode.appendChild(arrTrs2[x]); } aNode.innerHTML="年龄↓"; } flag = !flag; trColor(); } function mySort(arr){ for(var x=0;x<arr.length-1;x++){ for(var y=x+1;y<arr.length;y++){ if(parseInt(arr[x].cells[1].innerText) > parseInt(arr[y].cells[1].innerText)){ var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } } } } </script>


  </head>

  <body>
        <table id="dataTable">
            <tr>
                <th>姓名</th> <th><a href="javascript:void(0)" onclick="sortTable(this)">年龄</a></th> <th>地址</th>
            </tr>

            <tr>
                <td>张三</td> <td>23</td> <td>湖南长沙</td>
            </tr>
            <tr>
            <td>李四</td> <td>24</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>王五</td> <td>53</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>65</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>13</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>8</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>73</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Jack</td> <td>29</td> <td>湖南长沙</td>
            </tr>
            <tr>
                <td>Rose</td> <td>20</td> <td>湖南长沙</td>
            </tr>
        </table>

  </body>
</html>

演示结果：

你可能感兴趣的:(JavaScript,Web,技术,网络编程,DHTML)

  • 我的创作纪念日x5 远旅 111matlab
    机缘提示：可以和大家分享最初成为创作者的初心例如：实战项目中的经验分享日常学习过程中的记录通过文章进行技术交流…1111收获提示：在创作的过程中都有哪些收获例如：获得了多少粉丝的关注获得了多少正向的反馈，如赞、评论、阅读量等认识和哪些志同道合的领域同行…日常提示：当前创作和你的工作、学习是什么样的关系例如：创作是否已经是你生活的一部分了有限的精力下，如何平衡创作和工作学习…成就提示：你过去写得最好
  • SWAT模型【建模方法、实例应用、高级进阶技能】实践 梦想的初衷~ 水文GIS流域水文
    第一部分：SWAT模型实践部分一、SWAT模型及应用介绍1.1面源污染概要1.2SWAT模型及应用1.3SWAT模型原理1.4SWAT模型输入文件1.5ArcGIS与SWAT关系二、SWAT模型中GIS必备技术2.1GIS软件平台2.2ArcGIS10.6安装和注意事项2.3ArcGIS入门2.4ArcGIS常见数据格式2.5ArcGIS数据浏览三、SWAT模型操作流程3.1SWAT模型安装3.2
  • [C++面试] 智能指针面试点（重点） 冰箱里有碗 c++面试
    一、入门1、什么是智能指针，为什么需要它？[C++面试]RAII资源获取即初始化（重点）-CSDN博客智能指针是一种类模板，用于管理动态分配的内存，能在对象生命周期结束时自动释放内存，避免内存泄漏。在传统的C++中，使用new分配内存后，必须手动使用delete释放，若忘记或在异常情况下未执行delete，就会导致内存泄漏。而智能指针利用C++的RAII（资源获取即初始化）技术，在对象构造时获取资
  • 【网络安全】AWS S3 Bucket配置错误导致敏感信息泄露 秋说 web安全aws漏洞挖掘
    未经许可，不得转载。文章目录前言技术分析正文前言AWS（AmazonWebServices）是亚马逊公司提供的一个安全的云服务平台，旨在为个人、公司和政府机构提供计算能力、存储解决方案、内容交付和其他功能。作为全球领先的云服务提供商之一，AWS提供了广泛的云计算服务，包括计算、存储、数据库、机器学习、人工智能、分析和互联网应用等多个领域的服务。AmazonS3（AmazonSimpleStorag
  • 计算机界的50位大牛（11）——林纳斯・托瓦兹：Linux之父 zhulangfly 计算机界的50位大牛人物
    还想了解其他计算机的大牛生平故事和学术贡献吗，参见导览目录。计算机界的50位大牛——导览在计算机科学的璀璨星空中，有一颗耀眼的巨星，他以一己之力改变了操作系统的格局，推动了开源运动的蓬勃发展，他就是被人们尊称为“Linux之父”的林纳斯・托瓦兹（LinusBenedictTorvalds）。他的故事充满了创新、坚持与对技术纯粹的热爱，激励着无数青少年投身于计算机科学的奇妙世界。一、成长的土壤：芬兰
  • 学习c语言第三天3.30打卡 xc19086509154 学习c语言c++
    自我介绍本人是一名大二在读专科生，在读工业机器人技术专业，因为我们的专业对C语言有需求但是学校又不教，于是很幸运的认识了鹏哥，有鹏哥带着我一起学习C语言，今天是我学习打卡的第一天，我想写下一些计划。学习目标我想通过这次的学习，可以独立的进行一些机械专业独立编程，例如通过代码控制小车的前进后退转弯，能够写一些简单的脚本，我希望通过我的努力变得更好！学习方法通过跟着鹏哥的网课学习打好基础，课后跟着鹏哥
  • Kubernetes深度解析：云原生时代的容器编排引擎 这个懒人 云原生kubernetes容器
    一、背景与演进1.容器革命的必然产物Kubernetes（K8s）诞生于2014年，是Google基于其内部Borg系统的开源实现。在传统单体应用向微服务架构转型的浪潮中，容器技术（如Docker）解决了应用打包和环境隔离问题，但大规模容器集群的管理仍面临三大挑战：调度复杂性：如何高效分配数千容器的计算资源服务治理难题：动态环境下的服务发现与流量管理运维自动化：故障自愈、滚动升级等运维需求截至20
  • 现代数据采集解决方案指南 DataHub数据社区 大数据数据资产管理oracle数据库数据仓库大数据人工智能
    1.现代数据采集的重要性与挑战数据采集作为大数据生命周期中最为基础和关键的第一环节,其核心目标是从各种异构数据源高效、可靠地收集所需数据,为后续的数据处理和数据分析等环节提供优质的数据输入。在当前的数字化时代,随着信息技术的飞速发展和深入渗透应用,各行各业所产生的数据量正呈现出前所未有的爆炸式增长态势。与此同时,数据的种类和形式也变得越来越多样化和复杂,不仅包括传统的结构化数据(如关系型数据库中的
  • 【03】爬虫的基本原理 微臣愚钝 WebScraping爬虫
    目录一、爬虫概述1.1基本原理1.2获取网页1.3提取信息1.4保存数据二、能抓怎样的数据？三、JavaScript渲染页面一、爬虫概述1.1基本原理我们可以把互联网比作一张大网，而爬虫（即网络爬虫）便是在网上爬行的蜘蛛。把网的节点比作一个个网页，爬虫爬到这就相当于访问了该页面，获取了其信息。可以把节点间的连线比作网页与网页之间的链接关系，这样蜘蛛通过一个节点后，可以顺着节点连线继续爬行到达下一个
  • 第二章 Linux帮助 Raymond运维 Linux云计算SRE运维--入门阶段(已完结)linux运维云计算服务器云原生
    文章目录2.获得帮助2.1whatis2.2查看命令的帮助2.2.1内部命令帮助2.2.2外部命令和软件帮助2.3--help或-h选项2.3.1练习：2.4man命令2.4.1练习：2.5info2.6命令自身提供的官方使用指南2.7系统及第三方应用官方文档2.7.1通过在线文档获取帮助2.7.2Linux官方在线文档和知识库2.7.3红帽全球技术支持服务2.8网站和搜索2.获得帮助获取帮助的能
  • Appuploader：让Windows用户也能轻松上传iOS应用 lilili啊啊啊 iosappstore苹果商店上架appuploader
    Appuploader：让Windows用户也能轻松上传iOS应用对于Windows开发者而言，上传iOS应用到AppStore曾是一道技术门槛——传统的Xcode工具仅支持macOS系统，而虚拟机或远程Mac服务器又存在效率低、成本高的问题。但借助Appuploader这款工具，Windows用户无需依赖Mac电脑，即可完成iOS证书申请、IPA打包及上传等全流程操作。本文将详细解析具体步骤，助
  • Python 计算机视觉神器：OpenCV-Python 实战指南 Python子木_ Python入门Python学习Python零基础opencv人工智能计算机视觉pythonpython基础python学习python教程
    在当今数字化时代，计算机视觉技术无处不在，从人脸识别解锁手机，到自动驾驶汽车识别道路标识，它正悄然改变着我们的生活。而Python第三方库opencv-python，就像是开启计算机视觉世界的一把万能钥匙，让我们能够轻松实现各种图像处理和计算机视觉任务。今天，就让我们一同走进opencv-python的神奇世界。一、认识OpenCV-PythonOpenCV（OpenSourceComputerV
  • FFmpeg 相关音视频技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中...） 信必诺 FFmpeg音视频FFmpegOpenGLQtYUVNV12
    ❗❗❗更新于2025-03-24：     FFmpeg——常用指令集合（附：Windows下多个相同usb摄像头名称一致时解决办法）     FFmpeg——在Linux下使用FFmpeg拉取rtsp流解码，留出图像接口供OpenCv处理等（附：源码）     FFmpeg——中标麒麟系统下使用FFmpeg内核+Qt界面，制作完整功能音视频播放器（附：源码     FFmpeg——Win10下使
  • VectorBT：使用PyTorch+LSTM训练和回测股票模型 进阶三 船长@Quant Python金融科技pythonpytorchlstmsklearn量化策略量化回测深度学习
    VectorBT：使用PyTorch+LSTM训练和回测股票模型进阶三本方案融合LSTM时序预测与动态风险控制。系统采用混合架构，离线训练构建多尺度特征工程和双均线策略，结合在线增量更新持续优化模型。技术要点包括三层特征筛选、波动率动态仓位管理、混合精度训练提升效率，以及用VectorBT验证收益。文中内容仅限技术学习与代码实践参考，市场存在不确定性，技术分析需谨慎验证，不构成任何投资建议。适合量
  • OpenBMC：BmcWeb 生效路由5 优化trie 风静如云 OpenBMClinux
    OpenBMC：BmcWeb生效路由4将路由添加到Trie中-CSDN博客在url被添加到trie中后，validate的最后一步是优化trievoidvalidate(){for(std::unique_ptr&rule:allRules){if(rule){std::unique_ptrupgraded=rule->upgrade();if(upgraded){rule=std::move(u
  • OpenBMC：BmcWeb 生效路由1 基于method分类路由 风静如云 OpenBMClinux
    OpenBMC：BmcWeb添加路由4设置method-CSDN博客经过这几步，路由对象已经被添加到了allRules中了，在完成等待http请求前，还需要做一些工作1.调用顺序app.run()->validate()->router.validate()2.router.validate()voidvalidate(){for(std::unique_ptr&rule:allRules){if
  • 【华为OD技术面试真题 - 技术面】- Java面试题（15) 算法大师 华为od面试java
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录介绍下TCP/UDPTCP（传输控制协议）和UDP（用户数据报协议）TCP（TransmissionControlProtocol）和UDP（UserDatagramProtocol）是两种常见的传输层协议，主要用于不同类型的网络通信。它们各自有不同的特性、应用场景以及优缺点。下面是对这两种协
  • （5-2-02）任务规划与推理：现代规划技术（2）蒙特卡洛树搜索（MCTS）的扩展应用 码农三叔 Agent智能体pythonAgent架构机器学习人工智能智能体
    5.2.2蒙特卡洛树搜索（MCTS）的扩展应用蒙特卡洛树搜索（MonteCarloTreeSearch，MCTS）是一种用于在决策过程中寻找最优策略的启发式搜索算法，广泛应用于组合博弈、人工智能等领域。MCTS结合了随机模拟的广泛覆盖性和树搜索的精确性，能够在复杂的决策空间中有效地探索和利用。1.工作原理MCTS的核心思想是通过迭代地构建和更新一棵搜索树来优化决策过程，该算法主要包含以下四个步骤：
  • Qt 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中...） 信必诺 QtQtC++
    ❗❗❗更新于2025-03-24：     Qt——百度地图-1、加载百度在线地图（附：源码）     Qt——百度地图-2、Qt调用百度在线地图功能示例全集，包含线路规划、地铁线路查询等（附源码）     Qt——百度地图-3、Qt调用高德在线地图功能示例（附源码）     Qt——百度离线地图-加载百度离线地图、及地图上绘图（附：源码）     Qt——QWebEngineView加载谷歌离线
  • 【自学笔记】.NET基础知识点总览-持续更新 Long_poem 笔记.net
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录.NET基础知识点总览1..NET简介2.C#语言基础3..NETCore与.NET5+4.集合与泛型5.异步编程6.文件与流操作7.网络编程8.数据库访问代码示例总结.NET基础知识点总览1..NET简介定义：.NET是一个由微软开发的，用于构建多种类型应用程序（如Windows桌面应用、Web应用、移动应用、游戏等）的开源
  • OpenBMC：BmcWeb 生效路由4 将路由添加到Trie中 风静如云 OpenBMClinux
    OpenBMC：BmcWeb生效路由1基于method分类路由_openbmcweb-CSDN博客介绍了internalAdd会把路由对象加入到PerMethod::rules中OpenBMC：BmcWeb生效路由3Trie字典树添加节点-CSDN博客介绍了Trie字典树的工作方式classRouter{std::array(
  • 大模型技术之基于大模型构建本地知识库！ 程序员二飞 搜索引擎语言模型人工智能自然语言处理chatgpt学习
    前言随着人工智能技术的发展，大模型已成为智能系统进步的关键力量。前排提示，文末有大模型AGI-CSDN独家资料包哦！模型以其庞大的数据容量和深度学习能力，为处理复杂任务提供了前所未有的可能性。但在特定应用场景下仍面临挑战，尤其是在需要快速、准确响应的情境中。为了克服这些限制，构建一个基于大模型的本地知识库显得尤为重要。01关于本地知识库本地知识库是一个存储特定领域知识的数据集，它可以是结构化的数据
  • HTTP介绍以及（GET/POST/PUT/DELETE）应用介绍 筱姌 前后端http网络协议网络
    WWW是“WorldWideWeb”的缩写，中文名为“万维网”。它是一个基于超文本和HTTP协议的全球性信息系统，通过互联网连接了世界各地的服务器和用户。用户可以使用浏览器访问各种网站，浏览网页、获取信息、进行交互等。WWW的核心技术包括HTML（超文本标记语言）、URL（统一资源定位符）和HTTP（超文本传输协议）等。HTML用于创建网页内容，URL用于定位网络上的资源，HTTP则用于在客户端和
  • ChatGPT 写代码浅尝--“TypeScript 怎么获取上个月的今天” 胡琦博客 ChatGPTtypescriptjavascript
    这是最好的时代，也是最坏的时代，生产力工具的不断进化，作为普通人面临的挑战也越来越巨大。今天有幸使用CHatGPT来编写代码，一起来看看吧，比如她是如何解答“TypeScript怎么获取上个月的今天”这个问题的。Q：TypeScript怎么获取上个月的今天ChatGPT：您可以使用JavaScript中的Date对象来获取上个月的今天。以下是一种获取上个月的今天的TypeScript代码示例：fu
  • 深入详解自然语言处理（NLP）中的语言模型：BERT、GPT及其他预训练模型的原理与应用 猿享天开 人工智能数学基础专讲人工智能自然语言处理
    【自然语言处理】——深入详解自然语言处理（NLP）中的语言模型：BERT、GPT及其他预训练模型的原理与应用自然语言处理（NLP）是人工智能（AI）领域中的重要分支，旨在通过计算机处理和分析自然语言数据，使机器能够理解、生成并与人类语言进行交互。近年来，基于深度学习的预训练语言模型（如BERT、GPT）在NLP任务中表现出了巨大的成功，它们改变了传统NLP技术的发展路径，推动了文本理解和生成技术的
  • 如何在 React 中管理组件的状态？ 破碎的天堂鸟 学习教程react.js前端前端框架
    在React中管理组件状态是构建动态应用的核心能力，需要根据应用规模、数据流向和性能需求选择合适策略。以下是综合多篇技术资料（截至2025年03月）的完整解决方案：一、状态管理基础原则状态类型划分局部状态：仅在单个组件内部使用（如输入框的值），通过useState或useReducer管理全局状态：跨组件共享的数据（如用户登录状态），需使用状态提升、ContextAPI或第三方库远程状态：来自AP
  • 去除Azure依赖 旧约Alatus 软件架构设计javascript华为harmonyos开发语言前端stablediffusionDALL·E2
    去掉这个azure风格组件啥依赖得,完整全部得代码!!不要省略,要完整得:importsysimportjsonimporttimeimportpprintimportplatformimportwebbrowserimporturllib.parseimporturllib.requestimportrandomimportioimporttempfilefromthreadingimportT
  • 2024年必须要知道的7大Javascript特性 codeory JavaScriptjavascript前端开发语言
    1.Promise.withResolvers（带解析器的Promise）这个新特性引入了一个创建Promise的新方法，它公开了其解析（resolve）和拒绝（reject）的回调函数。通过Promise.withResolvers，开发者们可以创建可以在执行函数之外解析或拒绝的Promise，从而在异步编程中提供了更大的灵活性。const[promise,resolve,reject]=Pro
  • 『SD』Stable Diffusion WebUI 安装插件（以汉化为例） AI极客菌 stablediffusion人工智能AI作画学习AIGCSDSD教程
    本文简介点赞+关注+收藏=学会了StableDiffusionWebUI是允许用户自行安装插件的，插件的种类有很多，有将页面翻译成中文的插件，也有提示词补全插件，也有精细控制出图的插件。以汉化为例，StableDiffusionWebUI默认是英文的，我们只需装个汉化插件然后重启一下项目就能把页面变成中文了。安装插件StableDiffusionWebUI安装插件有2种方式：方式1：直接在页面中安
  • 超详细的Stable Diffusion WebUI 安装！ AI绘画小33 stablediffusion人工智能AIGC
    前言安装方式：使用发行包在带有NVidia-GPU的Windows10/11上安装sd.webui.zip从v1.0.0-pre下载并解压其内容。跑步update.bat。跑步run.bat。Windows上自动安装安装Python3.10.6（较新版本的Python不支持torch），选中“AddPythontoPATH”。【python一定要是3.10.6】这个版本（https://www.p
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他