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>

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

  • 十大排序算法 myprogramc 排序算法算法数据结构
    排序算法插入排序冒泡排序选择排序希尔排序计数排序快速排序1经典Lomuto分区法2经典Lomuto分区法3随机快排堆排序归并排序桶排序基数排序插入排序从i=1开始，判断nums[i-1]和nums[i]的大小，一直到nums[i]插入到自己的位置。模拟抓扑克牌的过程：将元素插入到已排序的部分，使其有序voidinsertionSort(vector&nums){for(inti=1;i=0&&nu
  • 《神经网络与深度学习》(邱锡鹏) 内容概要【不含数学推导】 code_stream #机器学习神经网络
    第1章绪论基本概念：介绍了人工智能的发展历程及不同阶段的特点，如符号主义、连接主义、行为主义等。还阐述了深度学习在人工智能领域的重要地位和发展现状，以及其在图像、语音、自然语言处理等多个领域的成功应用。术语解释人工智能：旨在让机器模拟人类智能的技术和科学。深度学习：一种基于对数据进行表征学习的方法，通过构建具有很多层的神经网络模型，自动从大量数据中学习复杂的模式和特征。第2章机器学习概述基本概念：
  • 使用 Docker 基本命令创建并发布带有新功能的镜像到阿里云 2021级计算机网络技术2班梁嘉敏 docker阿里云容器
    1.关于Docker镜像1.基础假定您在开发一个网上商城，您使用的是一台笔记本电脑而且您的开发环境具有特定的配置。其他开发人员身处的环境配置也各有不同。您正在开发的应用依赖于您当前的配置且还要依赖于某些配置文件。此外，您的企业还拥有标准化的测试和生产环境，且具有自身的配置和一系列支持文件。您希望尽可能多在本地模拟这些环境而不产生重新创建服务器环境的开销。请问？您要如何确保应用能够在这些环境中运行和
  • solidjs中实现vue中的keep-alive功能的总结 chrome-devtools
    在Solid.js中，虽然没有像Vue中keep-alive这样的直接API，但你可以使用类似的方式来保持组件的状态或避免组件的重复挂载。Solid.js中的组件本质上是基于反应式系统的，每个组件都在被销毁时自动清除其反应式状态。所以，如果你想模拟keep-alive的效果，可以使用以下几种方式：1.使用createEffect或createMemo保存状态你可以通过使用createEffect或
  • solidjs中实现vue中的keep-alive功能的方法 angular
    在Solid.js中，虽然没有像Vue中keep-alive这样的直接API，但你可以使用类似的方式来保持组件的状态或避免组件的重复挂载。Solid.js中的组件本质上是基于反应式系统的，每个组件都在被销毁时自动清除其反应式状态。所以，如果你想模拟keep-alive的效果，可以使用以下几种方式：1.使用createEffect或createMemo保存状态你可以通过使用createEffect或
  • 如何备战软考网络工程师？ 互联网之路. 知识点网络
    互联网各领域资料分享专区(不定期更新)：Sheet前言软考网络工程师属于中级资格考试，通过这个考试来获得职称或者提升自己的专业技能。软考网络工程师的考试内容和结构。考试分为上午的综合知识和下午的案例分析，可能涉及计算机网络的基础知识、网络设备配置、网络安全、网络管理等方面。实践操作对下午的案例题很重要，可能需要配置模拟器来练习。但一般没有实际设备，所以模拟器是必要的。同时，真题的重要性不可忽视，需
  • muzero 算法原理 战神哥
    Muzero算法是一种通用的强化学习算法，它可以在没有预先设定策略的情况下进行学习。它通过模拟整个游戏进程来自我学习，并通过回报函数来评估每一步的决策。Muzero算法的核心部分是一个叫做模型的神经网络，它会对游戏的状态进行预测，预测未来的游戏状态。另一部分是策略网络，它会根据当前状态预测每一步的最优决策。Muzero算法通过不断地训练模型和策略网络，来提高它们的准确性，从而使得机器学到了如何玩游
  • LQB（4）-python-DFS搜索 AAA顶置摸鱼 蓝桥杯python组深度优先算法python蓝桥杯
    前言DFS即深度优先搜索（Depth-FirstSearch），是一种用于遍历或搜索树或图的算法，有三种核心的应用场景（基础遍历、回溯、剪枝）。一、DFS-基础遍历1.核心原理深度优先搜索（DFS）是一种遍历或搜索树/图的算法，优先沿着一条路径尽可能深入，直到无法继续再回溯。实现方式：递归：隐式利用系统调用栈。栈模拟：显式使用栈数据结构。2.代码实现(1)递归实现（树结构）classTreeNod
  • 教程分享：手机应用自动化 QH_ShareHub 自动化运维
    手机应用程序的自动化通常涉及使用专门设计的自动化框架和工具。对于Android和iOS平台，以下是一些常用的自动化工具：Android:Espresso:Espresso是谷歌官方支持的自动化测试框架。它适用于写UI测试来模拟用户对Android应用的交云。Espresso工作在应用程序的内存中，因此能够快速执行。UIAutomator:这个框架允许测试者创建自动化脚本来检测和操作用户界面元素。它
  • python代码画动态烟花源码,烟花代码编程python复制 Rtee1 python开发语言人工智能
    本篇文章给大家谈谈爱心代码编程python可复制，以及python代码画动态烟花源码，希望对各位有所帮助，不要忘了收藏本站喔。Sourcecodedownload:本文相关源码下面是一个简单的Python烟花代码，可以通过编写程序来模拟烟花的绽放过程：importturtleimportrandom#设置窗口大小和标题screen=turtle.Screen()screen.setup(800,6
  • 常用的高性能计算工具有哪些 这题有点难度 人工智能学习
    在当今数字化时代，高性能计算（HPC）已成为推动科学、工程、技术以及商业创新的核心力量。无论是模拟宇宙的起源、设计新型航空器，还是训练复杂的人工智能模型，HPC都扮演着不可或缺的角色。本文将深入探讨高性能计算的定义、其背后的强大工具，以及它们如何助力各领域的突破性发展。一、高性能计算：定义与意义高性能计算（HPC）是一种利用超级计算机或大规模集群来处理复杂计算任务的技术。它通过并行计算和优化算法，
  • 【elasticsearch】reindex 断点续传 infiniteWei elasticsearchelasticsearch搜索引擎
    在进行大规模reindex时，由于数据量庞大或者网络/硬件故障，可能会发生中断。为了确保数据的完整性并支持中断后的续传，Elasticsearch提供了一些方法来实现断点续传。尽管reindex操作本身没有直接的“断点续传”选项，但可以通过一些技巧和配置来模拟这一过程。POST_reindex{"source":{"remote":{"host":"http://远程ip:9200"},"inde
  • Linux线程封装(c++) laimaxgg linuxc++java
    Linux线程封装(c++)1.前言c++对Linux的pthread.h库进行了封装，使我们能以类和对象的形式创建和管理线程。本篇将模拟c++封装pthread.h库的线程相关函数，使我们也能在外部以类和对象的形式创建和管理线程。2.代码实现2.1成员变量、构造函数#pragmaonce#include#include#includeusingfunc_t=std::function;class
  • SWAT-MODFLOW地表水-地下水耦合建模 岁月如歌，青春不败 水文水资源SWAT模型MODFLOW模型水文模型水文水资源土地利用cmip6气候变化
    一：耦合模型原理与层次结构1.1流域水循环与SWAT模型1.2地下水模拟与MODFLOW模型1.3SWAT-MODFLOW地表-地下耦合模型1.4QSWATMOD插件与功能1.5模型实现所需软件平台二：QGIS软件2.1QGIS平台2.2QGIS安装2.3QGIS界面认识2.4QGIS常见数据格式2.5QGIS建立工程三：基于QSWATMOD的SWAT-MODFLOW模拟3.1QSWATMOD下载
  • RadioTransformer：用于视觉注意力引导疾病分类的级联全局焦点Transformer 托比-马奎尔 医学图像处理Transformer变形transformer深度学习人工智能
    利用放射科医生的注视模式并模拟他们的视觉认知行为，以在胸部X光片上进行疾病诊断。放射科医生等领域专家依靠视觉信息来解释医学图像。另一方面，视觉解释有挑战性，但是视线跟踪已被用来捕获领域专家的观看行为，从而深入了解视觉搜索的复杂性。但即使是那些依赖注意力机制的框架，也不会利用这种丰富的领域信息来进行诊断。RadioTransformer通过学习放射科医生的视觉搜索模式，在级联的全局焦点Transfo
  • 依赖于第三方接口时，如何进行测试？ 程序员雷子 单元测试功能测试postman测试工具测试用例seleniumjmeter
    1.查看第三方接口文档仔细阅读第三方接口文档，了解接口的用法和参数要求。熟悉接口的请求和响应数据结构，包括各个字段的含义和数据类型。2.模拟第三方接口的返回使用模拟工具（例如Postman）或者编写测试代码，模拟第三方接口的返回数据。通过传入正确的参数，观察返回结果是否符合预期。3.针对各种情况进行测试根据第三方接口文档及需求，设计测试用例，考虑涵盖各种情况，包括正常情况、异常情况、边界情况等，确
  • 读书笔记 - 修改代码的艺术 天罚神 读书笔记java
    读书笔记-修改代码的艺术第1章修改软件第2章带着反馈工作系统变更方式反馈方式遗留代码修改方法第3章感知和分离伪协作程序模拟对象第4章接缝模型接缝第5章工具自动化重构工具单元测试用具第6章时间紧迫，但必须修改新生方法（SproutMethod）新生类（SproutClass）包装方法包装类装饰器模式第7章永远都无法完成的修改第8章如何添加新特性测试驱动开发测试驱动开发使用了下面这样的步骤：对于遗留代
  • 快速在Ubuntu18.04系统中离线部署深度学习环境 高次超静定的人 pythondockerubuntu
    快速在Ubuntu18.04系统中离线部署深度学习环境本文部署的环境前提为电脑上新装的Ubuntu18.04并且没有联网，一切所需的软件均通过离线包安装，旨在模拟实际项目部署中的过程，文章中提及的资源文件在文章最底部，不包含镜像，根据自己的需要去拉取镜像即可。一、服务器部署流程1、安装显卡驱动cuda、cudnn#安装gcc和makecd~/dockerDeploy/pool&&sudo./ins
  • Git工作流程实战：开发用户登录功能全记录 佩珀军士孤独心 git前端后端
    Git工作流程实战：开发用户登录功能全记录本实战将模拟团队开发场景，演示从功能开发到代码合并的全过程。我们将以「用户登录页面开发」为例，完整走通Git标准工作流程。场景设定项目仓库：https://github.com/team-project/auth-system任务目标：在main分支基础上开发登录页面开发周期：1天完整操作流程步骤1：克隆仓库gitclonehttps://github.c
  • android代码跳转通知权限界面,Android 8.0+通知栏（Notification）适配详解，判断通知权限是否打开，并跳转至通知管理页面... 我是索吹
    前不久由于API26(Android8.0)以上的设备没法显示通知栏，因此网上查阅了比较多了资料，得出结论，API26之后引入了通知渠道这么个东西，而后就写了一篇问题对应的博文：Android8.0通知栏(Notification)适配，在模拟上是完美运行，但是当我前两天安装到真机上测试时，咦？怎么又无效了？而后我就想着，是否是通知权限没打开？由于模拟器上不少权限的控制和真机上差异很大，我打开设置
  • 13-springcloud gateway集成nacos实现负载均衡 stars 微服务springcloudgateway负载均衡
    网关作为访问系统的入口，负载均衡是必选项而不是可选项，本文介绍gateway与nacos集成，实现负载均衡的过程。关于springcloudgateway的基本用法，同学可以看看上篇文章:12-使用gateway作为网关。0、环境jdk：1.8springboot：2.4.2nacos：2.0.31、项目结构整体的项目目录结构如下：部署的时候，service-1我会部署两份，用来模拟多实例微服务的
  • C# 中对 Task 中的异常进行捕获 手搓人生 C#编程c#
    以下是在C#中对Task中的异常进行捕获的几种常见方法：方法一：使用try-catch语句你可以使用try-catch语句来捕获Task中的异常，尤其是当你使用await关键字等待任务完成时。usingSystem;usingSystem.Threading.Tasks;classProgram{staticasyncTaskMain(){try{awaitTask.Run(()=>{//模拟异常
  • 用DevEco Studio模拟器这些能力 没真机也能高效调测鸿蒙原生应用 harmonyos
    随着鸿蒙生态的快速发展，越来越多的开发者投身于鸿蒙原生应用的开发中。然而，在实际开发中，真机设备短缺、调测场景复杂等问题常困扰着开发者。为解决这些问题，华为在DevEcoStudio上为开发者提供了模拟器（Emulator）功能，帮助开发者在真机匮乏或无真机时，高效且低成本地完成应用开发与调试。该模拟器不仅能模拟鸿蒙手机、折叠屏、平板等真实设备的基本功能，更具备丰富的场景化模拟能力，与真机调试相比
  • Unity中，每一帧的渲染CPU和GPU都做了些什么 你一身傲骨怎能输 商业化游戏开发技术专栏unity游戏引擎
    在Unity中，每一帧的渲染过程涉及到CPU和GPU的协同工作。CPU和GPU各自承担不同的任务，以实现高效的图形渲染。以下是每一帧渲染过程中CPU和GPU的主要工作内容：CPU的工作输入处理：处理用户输入（键盘、鼠标、触摸等）。更新输入状态。游戏逻辑更新：执行游戏脚本（如C#脚本）。更新游戏对象的状态（位置、旋转、缩放等）。处理物理引擎（如碰撞检测和刚体模拟）。动画更新：更新动画状态机。计算骨骼
  • 设计模式 笔记10 | 适配器模式 在源码中的应用 | Spring源码的 AOP 注册中心存储了不同的适配器实现 | SpringMVC源码doDisPatch方法里的 HandlerAdapter 「已注销」 设计模式设计模式适配器模式spring
    文章目录一、适配器模式知识回顾二、类适配器使用案例之拓展登陆业务2.1模拟登陆的旧系统2.2旧系统拓展【类适配器】2.3旧系统拓展【接口适配器】三、适配器模式在Spring源码中的应用四、SpringMVC中的适配器模式五、总结参考资料一、适配器模式知识回顾适配器定义：将一个类的接口转换成另一种目标接口，使得原本由于接口不兼容而不能一起工作的类能一起工作适配器分类：类结构型模式（耦合读较高）和对象
  • 基于Web的手机模拟器的实现(含源文件) 设计源码分享
    欢迎添加微信互相交流学习哦！项目源码：https://gitee.com/oklongmm/biye设计说明书题目基于Web的手机模拟器的实现摘要随着信息技术的迅速发展，Web技术的应用越来越普及。除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真及测试系统等方面的应用外，Web也因其浏览方便、实现技术相对简单、使用方式灵活等特点，开始涉及生活中的方方面面，为人们的生活带来越来越多的便
  • LeetCode 232: 用栈实现队列 Ning_. LeeCodeleetcode算法数据结构
    LeetCode232:用栈实现队列题目描述使用栈实现队列的操作。支持以下操作：MyQueue()：初始化队列。push(x)：将元素x推入队列。pop()：从队列中移除元素。peek()：返回队列头部的元素。empty()：检查队列是否为空。队列的先进先出（FIFO）原则可以通过两个栈来模拟。栈A用于入队操作，栈B用于出队操作。C语言实现#include#include//定义栈结构体typed
  • Android 模拟手柄摇杆输入，模拟MotionEvent BrainZou Androidandroid手柄摇杆MotionEvent
    背景需求是在系统应用模拟摇杆，达到对所有应用都能模拟输入的效果，所以一定会使用到InputManager。但是大多demo和文章模拟摇杆和功能使用都是在同一个应用，所以可以自定义实现此类功能，不需要模拟构造MotionEvent给InputManager相关代码和使用建议先查看Google的对手柄处理文档，对手柄有一定的了解：https://developer.android.com/traini
  • hping3工具介绍及使用方法 璃靡 网络安全测试工具安全
    文章目录hping3的特点hping3的常见功能1.发送ICMP请求（类似ping）2.TCPSYN扫描3.SYN洪水攻击4.TCPACK扫描5.UDP洪水攻击6.模拟IP欺骗7.自定义数据包8.ICMP路由追踪9.Ping洪水攻击总结hping3是一个强大的命令行网络工具，主要用于发送自定义的TCP/IP数据包，进行网络测试、分析以及漏洞扫描等。它可以像ping命令一样发送ICMP请求，但它提供
  • 单片机、嵌入式Linux开发大学自学路径 Oriental Son 嵌入式MCU单片机单片机学习stm32mculinux
    笔者所修读的专业为物联网工程，物联网工程是一门新兴的、热门的专业，其所涉及的学科更是又多又杂，既有计算机方向的编程语言（如C、C++、Java、Python等）、数据结构与算法、操作系统、移动端应用开发、机器学习等；软硬结合的方向有数字电路单片机开发、嵌入式Linux开发等；硬件、电路方向有电路分析、数字电路、模拟电路、传感器原理、RFID、FPGA开发等；涉及信号处理的有信号与系统、通信原理等。
  • 集合框架 天子之骄 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 [email protected] * @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其他