kuronekonano
kuronekonano

JavaScript 在网页上的图片中画矩形框,并得到实时对角坐标


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>矩形绘制工具title>
    <style type="text/css">
        .box {
            background: #f00;
            width: 0px;
            height: 0px;
            position: absolute;
            opacity: 0.5;
            cursor: move;
        }
        .droptarget {
            float: left;
            width: 100px;
            height: 1000px;
            margin: 15px;
            padding: 10px;
            border: 1px solid #aaaaaa;
        }
    style>
head>

<body>

<h1>标注窗口h1>


    <script>//框内移动显示坐标
        function cnvs_getCoordinates(e)
        {
            x=e.pageX-e.target.offsetLeft;//不能用clientX,pageX为文档坐标,clientX表示浏览器界面坐标,会随滚动条改变
            y=e.pageY-e.target.offsetTop;
            document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
        }
        function cnvs_clearCoordinates()//出框后不显示坐标
        {
            document.getElementById("xycoordinates").innerHTML="";
        }
    script>
    <div id="coordiv" style="{{ style }}" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()" >
        <img src="{{ img_src }}" ondragstart="return false;" >

        <script type="text/javascript">
            console.log('=========')
            window.onload = function(e)
            {
                e = e || window.event;
                // startX, startY 为鼠标点击时初始坐标
                // diffX, diffY 为鼠标初始坐标与 box 左上角坐标之差，用于拖动
                var startX, startY, diffX, diffY;
                // 是否拖动，初始为 false
                var dragging = false;

                var coordiv = document.getElementById('coordiv');

                // 鼠标按下
                document.onmousedown = function(e)
                {
                    startX = e.pageX;
                    startY = e.pageY;

                    // 如果鼠标在 box 上被按下,坐标判定防止在box之外
                    if(startY<=coordiv.offsetTop+coordiv.offsetHeight && startY>=coordiv.offsetTop && startX>=coordiv.offsetLeft && startX<=coordiv.offsetLeft+coordiv.offsetWidth)
                    {
                        if(e.target.className.match(/box/))
                        {
                            // 允许拖动
                            dragging = true;

                            // 设置当前 box 的 id 为 moving_box
                            if(document.getElementById("moving_box") !== null)
                            {
                                document.getElementById("moving_box").removeAttribute("id");
                            }
                            e.target.id = "moving_box";

                            // 计算坐标差值
                            diffX = startX - e.target.offsetLeft;
                            diffY = startY - e.target.offsetTop;
                        }
                        else
                        {
                            // 在页面创建 box
                            var active_box = document.createElement("div");
                            active_box.id = "active_box";
                            active_box.className = "box";
                            active_box.style.top = startY + 'px';
                            active_box.style.left = startX + 'px';
                            active_box.setAttribute("ondrop","drop(event)");
                            active_box.setAttribute("ondragover","allowDrop(event)");
                            document.body.appendChild(active_box);
                            active_box = null;
                        }
                    }

                };

                // 鼠标移动
                document.onmousemove = function(e)
                {
                    if(e.pageY <= coordiv.offsetTop+coordiv.offsetHeight && e.pageY >= coordiv.offsetTop && e.pageX >= coordiv.offsetLeft && e.pageX <= coordiv.offsetLeft+coordiv.offsetWidth)
                    {
                        // 更新 box 尺寸
                        if(document.getElementById("active_box") !== null)//如果document中有active_box,就改变box大小
                        {
                            var ab = document.getElementById("active_box");
                            ab.style.width = e.pageX - startX + 'px';
                            ab.style.height = e.pageY - startY + 'px';
                        }

                        // 移动，更新 box 坐标
                        if(document.getElementById("moving_box") !== null && dragging)
                        {
                            var mb = document.getElementById("moving_box");
                            var xy_div = document.getElementById(mb.style.left.substring(0,mb.style.left.length-2)+mb.style.top.substring(0,mb.style.top.length-2));

                            var tmx = e.pageX - diffX;
                            var tmy = e.pageY - diffY;


                            if(tmx + mb.offsetWidth <= coordiv.offsetLeft+coordiv.offsetWidth && tmx >= coordiv.offsetLeft && tmy + mb.offsetHeight <= coordiv.offsetTop+coordiv.offsetHeight && tmy >= coordiv.offsetTop)
                            {
                                mb.style.top = e.pageY - diffY + 'px';
                                mb.style.left = e.pageX - diffX + 'px';

                                if(xy_div !== null)
                                {
                                    var new_x = mb.style.left.substring(0, mb.style.left.length - 2);
                                    var new_y = mb.style.top.substring(0,mb.style.top.length - 2);
                                    xy_div.id = new_x+new_y;
                                    new_x-=coordiv.offsetLeft;
                                    new_y-=coordiv.offsetTop;
                                    var new_r = parseInt(mb.style.width.substring(0,mb.style.width.length-2))+parseInt(new_x)-coordiv.offsetLeft;
                                    var new_b = parseInt(mb.style.height.substring(0,mb.style.height.length-2))+parseInt(new_y)-coordiv.offsetTop;//"[ left: "+ new_x +", top: "+ new_y + ", right: " + new_r +" , bottom: "+ new_b +" ]";
                                    xy_div.innerText = new_x +","+ new_y + "," + new_r +","+ new_b;
                                    var input_div = document.getElementById("x_y")
                                    input_div.value=xy_div.innerHTML
                                }
                            }
                        }
                    }
                };

                // 鼠标抬起
                document.onmouseup = function(e)
                {
                    // 禁止拖动
                    dragging = false;
                    if(document.getElementById("active_box") !== null)
                    {
                        var ab = document.getElementById("active_box");
                        ab.removeAttribute("id");
                        // 如果长宽均小于 3px，移除 box
                        if(ab.offsetWidth < 10 || ab.offsetHeight < 10)
                        {
                            document.body.removeChild(ab);
                        }
                        if(ab.offsetHeight >=10 && ab.offsetHeight >=10)
                        {
                            var xy_div = document.createElement("div");
                            xy_div.id=startX.toString()+startY.toString();
                            document.body.appendChild(xy_div);
                            xy_div.innerHTML = (startX-coordiv.offsetLeft) + "," + (startY-coordiv.offsetTop) + "," + (e.pageX-coordiv.offsetLeft) + "," + (e.pageY-coordiv.offsetTop);
                            var input_div = document.getElementById("x_y")
                            input_div.value=xy_div.innerHTML
                        }
                    }
                };

                //双击鼠标
                document.ondblclick = function (e)
                {
                    if(e.target.className.match(/box/))
                    {


                        if (document.getElementById("del_box") !== null)
                        {
                            document.getElementById("del_box").removeAttribute("id");
                        }
                        e.target.id = "del_box";
                        var ab = document.getElementById("del_box");

                        var xy_div = document.getElementById(ab.style.left.substring(0,ab.style.left.length-2)+ab.style.top.substring(0,ab.style.top.length-2))
                        if(xy_div !== null)
                        {
                            xy_div.removeAttribute("id");
                            document.body.removeChild(xy_div);
                        }
                        document.body.removeChild(ab);
                    }

                }
            };
        script>
    div>
    <br>
    <form method="POST">
        <input type="text" name="location" placeholder="座位"><br>
        <input type="text" name="coor" placeholder="坐标" readonly="true" id="x_y" style="width: 800px"><br>
        <input type="submit" value="提交坐标">
    form>

    <script>
        function dragStart(event)
        {
            event.dataTransfer.setData("Text", event.target.id);
        }
        function allowDrop(event)
        {
            event.preventDefault();
        }
        function drop(event)
        {
            event.preventDefault();
            var data = event.dataTransfer.getData("Text");
            event.target.appendChild(document.getElementById(data));
        }
    script>

    <div id="xycoordinates">div>


body>
html>

你可能感兴趣的:(小贴士,模拟)

  • 什么是压力测试 跨专业测试 DFX测试压力测试
    压力测试是软件测试中的一种测试类型，用于评估系统在负载、流量和繁忙环境下的性能和稳定性。压力测试主要是通过模拟实际使用场景和负载，对系统进行高负荷、高并发和长时间的压力测试，以发现系统的性能瓶颈、资源限制和问题症状。压力测试可以通过不同的测试方法来进行，其中一些常见的方法包括：1.负载测试：通过模拟系统在不同负载和流量下的性能特征和响应时间，以评估系统的容量、可扩展性和吞吐量。2.并发测试：通过模
  • 基于图论的产业网络知识图谱挖掘与构建 罗伯特之技术屋 智能科学与技术专栏知识图谱人工智能
    摘要我国是全球产业规模最大、产业覆盖最全的国家，但受多种因素的影响，发现产业链的堵点断点、识别卡点、寻找代替通路、全面优化产业链势在必行。从数据底座构建、核心知识图谱挖掘、兼容传统产业链知识3个方面，阐述了基于图论的产业网络知识图谱的构建过程，以实现产业优化升级与模拟仿真。分析了产业网络知识图谱的应用场景和优势，并给出了其在集成电路行业的应用案例。关键词：图论;产业图谱;知识网络0引言产业经济是国
  • 2.4 自动化评测答疑机器人的表现-大模型ACP模拟题-真题 admin皮卡 阿里云大模型ACP-考试回忆人工智能前端机器学习
    真题真题1：哪些是生成阶段的评估指标？哪些是召回阶段的评估指标？整体回答质量的评估：AnswerCorrectness，用于评估RAG应用生成答案的准确度。生成环节的评估：AnswerRelevancy，用于评估RAG应用生成的答案是否与问题相关。Faithfulness，用于评估RAG应用生成的答案和检索到的参考资料的事实一致性。召回阶段的评估：ContextPrecision，用于评估cont
  • 【生态系统服务】构建生态安全格局--权衡与协同动态分析--多情景模拟预测--社会价值评估 程序员菠萝 安全
    生态系统服务生态系统服务（ecosystemservices）是指人类从生态系统获得的所有惠益，包括供给服务（如提供食物和水）、调节服务（如控制洪水和疾病）、文化服务（如精神、娱乐和文化收益）以及支持服务（如维持地球生命生存环境的养分循环）生态安全是指生态系统的健康和完整情况。生态安全的内涵可以归纳为：一，保持生态系统活力和内外部组分、结构的稳定与持续性；二，维持生态系统生态功能的完整性；三，面临
  • Puppeteer.js 一个可以不动手操作浏览的插件 海上彼尚 node.jsjavascript开发语言ecmascript
    目录Puppeteer.js简介安装Puppeteer基础使用1.启动浏览器并打开页面2.核心API详解浏览器对象（Browser）页面对象（Page）选择器常见用例用例1：生成网页截图用例2：生成PDF用例3：提交表单用例4：等待元素加载用例5：模拟移动设备高级功能1.拦截网络请求2.执行自定义JavaScript3.处理弹窗4.下载文件最佳实践总结Puppeteer.js简介Puppeteer
  • 爱普生VG-4231CE压控晶体振荡器 压电侠123 晶体振荡器晶振晶体新媒体运营
    随着科技的飞速发展，各类电子设备对于稳定且精确的信号需求越来越高。爱普生（EPSON）压控晶振VG-4231CE，它能提供稳定的工作环境和高精度信号，助您轻松应对各种高难度信号处理任务。VG-4231CE参数及特点:宽频率范围：3MHz~60MHz，能够满足各种数字、模拟、射频等信号的需求。电源电压：3.3V(PSCM/CSCM)；2.8V(PSBM/CSBM)；1.8V(PQEM/CQEM)，可
  • 爬取数据IP被封了如何解决？更换被封电脑IP的有什么方法？
    当爬取数据时IP被封，可以采取以下措施来解决问题：使用代理IP：轮换代理IP：使用多个代理IP轮换进行请求，避免单一IP被封。高匿名代理：选择高匿名代理，隐藏真实IP地址，减少被封的风险。降低请求频率：设置延迟：在爬虫程序中设置请求之间的延迟，模拟人类浏览行为，避免触发反爬虫机制。限制并发数：控制同时进行的请求数量，减少服务器压力。模拟真实用户：User-Agent轮换：定期更换User-Agen
  • Python爬取国家统计局数据按行业分国有单位就业人员数据 shy好好学习 toolspython开发语言
    Python爬取国家统计局数据按行业分国有单位就业人员数据0、前言国家数据，慎爬！！！因开发需要获取国家统计局数据-按行业分国有单位就业人员数据，特整理此代码用于抓取国家统计局数据按行业分国有单位就业人员数据。1、数据来源数据来源于国家统计局2、python代码importpandasaspdimportrequestsimporttimedeffetch_data():#设置请求的头部信息，模拟
  • 全网最全，软件测试-adb常用命令/日志命令（汇总） 测试追风 软件测试软件测试工程师App测试adb软件测试自动化测试功能测试App测试App自动化测试软件测试工程师
    目录：导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结（尾部小惊喜）前言adb基本语法adb[-d|-e|-s]命令行参数：-d：指定当前唯一通过USB连接的Android设备为命令目标；-e：指定当前唯一运行的模拟器为命令目标；-s：指定相
  • Python 爬虫实战：在饿了么，爬取美食店铺销量与好评率数据 西攻城狮北 python爬虫美食实战案例
    目录一、前言二、准备篇2.1确定目标2.2工具与库2.3法律与道德声明三、实战篇3.1分析饿了么页面3.2模拟登录3.3获取店铺列表3.4爬取更多店铺数据3.5数据存储四、分析篇4.1数据清洗4.2热门店铺分析4.3好评率分析五、总结与展望六、注意事项一、前言随着互联网的飞速发展，外卖平台已成为人们日常生活中不可或缺的一部分，而饿了么作为其中的领军者，汇聚了海量的美食店铺和消费数据。了解这些店铺的
  • 常用 ADB 命令汇总 那片海还在吗 testpython
    常用ADB命令汇总ADB（AndroidDebugBridge）是一个通用的命令行工具，它允许开发者与连接的Android设备或模拟器进行通信。以下是一些常用的ADB命令及其用法。设备连接与管理查看已连接设备adbdevices列出当前通过USB连接到计算机或者通过网络连接的所有Android设备和模拟器。重启ADB服务adbkill-serveradbstart-serveradbkill-se
  • 2.8 通过微调提升模型的准确度与效率-大模型ACP模拟题-真题 admin皮卡 阿里云大模型ACP-考试回忆人工智能javaai
    单选题模型量化技术的主要优势是？A.显著提升模型精度B.减少显存占用和响应时间✅C.完全保留原始模型能力D.支持多模态任务扩展解析：量化通过降低参数精度减少资源消耗，但对精度影响较小（<2%）以下关于LoRA技术的描述错误的是？A.通过低秩矩阵间接影响模型行为B.会直接修改原始模型权重✅C.支持参数回退操作D.训练效率高于全参微调解析：LoRA通过添加额外参数而非修改原权重实现微调当训练过程中出现
  • 2.9 部署模型-大模型ACP模拟题-真题 admin皮卡 阿里云大模型ACP-考试回忆人工智能ai
    单选题使用vLLM启动模型服务的正确命令是？A.vllmserve"./model/qwen2_5-1_5b-instruct"--port8000B.vllmserve"./model/qwen2_5-1_5b-instruct"--load-format"safetensors"--port8000✅C.vllmstart"./model"--formatsafetensorsD.vllmde
  • Selenium自动化测试实战教程详解 程序员杰哥 selenium测试工具python软件测试职场和发展自动化测试测试用例
    ChromeDevTools简介ChromeDevTools是一组直接内置在基于Chromium的浏览器（如Chrome、Opera和MicrosoftEdge）中的工具，用于帮助开发人员调试和研究网站。借助ChromeDevTools，开发人员可以更深入地访问网站，并能够：检查DOM中的元素即时编辑元素和CSS检查和监控网站的性能模拟用户的地理位置模拟更快/更慢的网络速度执行和调试JavaScr
  • 【竞赛专用方法总结】蓝桥杯-ACM比赛参考 JokerSZ. 蓝桥杯算法数据结构竞赛编程
    基础部分数位拆分进位模拟最大公约、最小公倍数、质数、素数试除法判定质数——模板题AcWing866.试除法判定质数boolis_prime(intx){if(x1)coutget_divisors(intx){vectorres;for(inti=1;i1)res=res/x*(x-1);returnres;}筛法求欧拉函数——模板题AcWing874.筛法求欧拉函数intprimes[N],cn
  • JS宏案例：在wps编辑器中玩numpy jackispy JS宏实例numpy数据分析javascript
    NumPy是Python中用于科学计算的一个基础库，它提供了大量的数学函数工具，尤其是用于高效处理大型多维数组和矩阵。NumPy是Python数据分析、机器学习、科学计算等领域中不可或缺的一部分。然，在wps的js宏编辑器中，并没有这样一个模块或是全局对象，但是，问题不大，我们可以手搓一个。不过，要使用JS完全模拟python中的numpy是比较困难的，工作量也非常的大，我们可以适当简化一下，如只
  • exe反编译_微信小程序反编译 wxss反编译不成功$gwx is not defined解决方案 weixin_39831242 exe反编译pythonexe反编译wxapkg反编译后的数据wxappunpackerwxss小程序inputwxss
    反编译步骤：第一步：安装node.js如果没有安装nodejs，请先安装一下下载地址：https://nodejs.org/en/第二步：下载安装模拟器（要求自带root权限）可以使用夜神模拟器nox_setup_v6.2.8.3_full.exe，你也可以自选下载地址：https://www.yeshen.com/cn/download/fullPackage以及RE工具：Root_Explor
  • 自动化脚本在Xshell中的应用 这多冒昧啊 运维githubgit运维自动化自动化脚本脚本
    Xshell是一款功能强大的终端模拟软件，主要用于远程连接和管理服务器。它支持多种协议，包括SSH、Telnet、SFTP等，使用户能够通过命令行界面对远程服务器进行操作。Xshell提供了丰富的功能和特点，使其成为系统管理员、开发人员和网络工程师的得力工具。目录一、概述二、自动化脚本在Xshell中的应用案例案例一：自动化系统更新与维护案例二：自动化备份与恢复案例三：自动化网络安全检查三、总结一
  • 深入剖析 Java 反序列化：FASTjson 漏洞与 Shiro 漏洞 阿贾克斯的黎明 网络安全phpweb安全开发语言
    目录深入剖析Java反序列化：FASTjson漏洞与Shiro漏洞引言Java反序列化原理示例代码FASTjson漏洞分析漏洞成因示例代码防护措施Shiro漏洞分析漏洞成因示例代码（模拟攻击场景）防护措施总结引言在Java应用开发中，反序列化是一项重要的技术，但同时也隐藏着巨大的安全风险。FASTjson和Shiro作为Java开发中常用的工具和框架，其反序列化漏洞曾引发了广泛关注。本文将深入探讨
  • 2024年BCSP-X小学低年级组初赛测试题（模拟题解析） 天秀信奥编程培训 #BCXP-X模拟题北京BCSP-X试题讲解专栏BCXP-X信息学奥赛c++
    一、单项选择（共15题，每题2分，共计30分，每题有且仅有一个正确选项）以下是题目和解析的完整格式:不可以作为c++中的变量名的是（）。A.I以下loveChinaB.I_loveChinaC.I_love_ChinaD.i_loveChina正确答案：A.I以下loveChina解析：在C++中，变量名命名需要遵循一定的规则。变量名可以由字母、数字和下划线组成，但是第一个字符不能是数字。此外，变
  • 冒泡排序原理及C++的实现方法 小鹏编程 c++排序算法算法
    冒泡排序是一种简单的排序算法，通过重复遍历列表并交换相邻元素来排序。一、算法原理核心思想：每次遍历将当前未排序部分的最大元素"冒泡"到正确位置。操作方式：比较相邻元素顺序错误则交换位置每轮遍历减少一次比较次数二、模拟示例以下用4个数据的数组[4,3,2,1]详细演示冒泡排序过程：初始数组[4,3,2,1]第一轮遍历（确定最大值）目标：将最大的数移动到最右侧比较与交换：比较4和3→交换→[3,4,2
  • C++ 游戏开发入门 安年CJ C++游戏c++开发语言c#游戏
    一、为什么选择C++进行游戏开发C++在游戏开发领域具有独特的地位。它兼具高效性与对底层硬件的良好控制能力，这使得它非常适合开发对性能要求极高的游戏核心引擎部分。许多知名的大型游戏，如《使命召唤》系列、《虚幻竞技场》等，其底层架构都是基于C++构建的。C++能够直接操作内存，在处理复杂的游戏逻辑、大规模数据运算（如物理模拟、图形渲染中的大量计算）以及优化游戏性能方面有着卓越的表现。同时，丰富的类库
  • Golang的Aes加解密工具类 张声录1 golang开发语言后端
    packagemainimport("bytes""crypto/aes""crypto/sha1""encoding/binary""encoding/hex""fmt")//SHA1PRNG模拟Java的SHA1PRNG算法typeSHA1PRNGstruct{state[sha1.Size]bytecounteruint32indexint}//NewSHA1PRNG使用种子初始化SHA1P
  • 开目CAPP三维装配工艺设计在企业的应用价值 开目软件 开目CAPP三维装配工艺设计三维装配工艺设计应用价值
    目前，国内三维装配CAPP技术的应用还处于起步阶段，其主要应用于高产值、高附加值以及信息化程度较高的航空航天、汽车、军用电子等行业。通过应用，主要实现了以下价值：提升产品上市速度在产品设计到产品交付的过程中，通过采用数字化预装配进行装配工艺规划，可以帮助企业通过装配过程的模拟分析尽早发现和解决问题，优化装配方案，为设计与工艺、制造的并行提供条件，从而提高装配设计、现场装配工作的工作效率，缩减产品交
  • driver中为什么要使用非阻塞赋值 m0_71354184 systemverilog
    1.模拟硬件时序行为实际硬件行为：DUT的输入信号通常在时钟边沿被采样。Driver需要确保信号的更新与时钟同步，而非阻塞赋值的延迟更新特性（在时间步结束时统一生效）能够准确模拟寄存器的行为。示例：always@(posedgeclk)begin//非阻塞赋值：信号在时钟边沿后更新data<=next_data;//当前时钟周期计算next_data，下一时钟生效valid<=next_valid
  • 风险管理必备工具：从SWOT分析到蒙特卡洛模拟软件 程序员
    在商业世界中，风险管理是企业取得成功的关键因素之一。有效的风险管理可以帮助企业识别潜在的风险，制定相应的策略来降低风险的影响，并抓住潜在的机会。在风险管理中，有许多工具可以帮助企业进行分析和决策。本文将介绍两种常用的风险管理工具：SWOT分析和蒙特卡洛模拟软件。SWOT分析：全面评估企业的优势、劣势、机会和威胁SWOT分析是一种广泛应用的战略规划工具，它可以帮助企业全面地评估自身的内部优势（Str
  • python模拟监测自动驾驶模拟过程中违反交通规则的车辆 go5463158465 python算法深度学习python自动驾驶开发语言
    以下是一个简单的Python示例，用于模拟监测自动驾驶模拟过程中违反交通规则的车辆。在这个示例中，我们假设交通规则包括车辆不能超过限速，并且不能在红灯时通过路口。importrandom#定义交通规则SPEED_LIMIT=60#限速，单位：km/hTRAFFIC_LIGHTS=["red","green"]#交通灯状态#定义车辆类classVehicle:def__init__(self,id)
  • HarmonyOS NEXT 原生应用/元服务调试概述 李洋-蛟龙腾飞公司 华为
    一、概述DevEcoStudio提供了丰富的HarmonyOS应用/元服务调试能力，支持JS、ArkTS、C/C单语言调试和ArkTS/JS+C/C跨语言调试能力，并且支持三方库源码调试，帮助开发者更方便、高效地调试应用/元服务。HarmonyOS应用/元服务调试支持使用真机设备、模拟器、预览器调试。接下来以使用真机设备为例进行说明，详细的调试流程如下图所示：1.配置签名信息：使用真机设备进行调试
  • 基于SpringBoot+Vue驾校理论课模拟考试系统源码(自动化部署) .whl Java学习进阶毕设源码springbootvue.js自动化
    DrivingTestSimulationUnity3DProject,subjecttwo,simulateddrivingtest【更新信息】更新时间-2021-1-17解决了方向盘不同机型转动轴心偏离更新时间-2021-2-18加入了手刹系统待更新-2021-6-19（工作太忙少有时间更新，先指出问题）解决了在REC回放下偶然出现的物体回放错位BUG（每一个挂ReplayEntity.cs的
  • 使用Python爬虫抓取并分析电商网站销量数据的完整指南 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言selenium
    目录：前言爬虫基础概念什么是Web爬虫爬虫的工作原理Python爬虫库介绍准备工作安装所需的库选择目标电商网站分析目标电商网站使用浏览器开发者工具分析页面结构识别需要抓取的销量数据构建爬虫程序使用requests获取网页使用BeautifulSoup解析静态网页使用Selenium抓取动态页面防止反爬虫技术模拟浏览器请求使用代理池随机延迟请求抓取电商网站的销量数据抓取商品标题、销量、价格等信息处理
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他