转角遇到我得爱
转角遇到我得爱

图片拖拽、旋转、缩放、移动

下面代码图片链接换成自己的就可以用了



<html lang="en">
<head>
    <title>图片拖拽、旋转、缩放、移动title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            /*ff stop copy*/
            -moz-user-select:none;
        }
        table{
            width: 100%;
            border-spacing: 8px;

        }
        td{
            border: 1px solid gray;
        }

        .ltd{
            width: 60%;
            height: 900px;
            overflow: hidden;

        }

        .drawingBoard{
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .drawingBoard .rel_img{
           cursor:move;
        }

        .line_center_s{
             background: #ddd;
            border: 1px solid #000;
            position: absolute;
            width: 15px;
            height: 15px;
            top: -15px;
            left: 50%;
            border-radius: 50%;
        }

        .line_center_s:link,.line_center_s:visited,.line_center_s:hover,.line_center_s:active{
            cursor: url("images/rotate_arrow.cur"),crosshair;
        }

        .rtd{
            width: 40%;
            height: 900px;
        }

        div.panel{
            width: 100%;
            height: 100%;
        }

        a.cloth{
            display: block;
            float: left;
            text-decoration: none;
            border: 1px solid transparent;
            margin: 6px -3px -3px 6px;
            padding: 2px;
            cursor: pointer;

        }

        a.cloth:hover{
            border: 1px solid gray;
        }

    style>
head>
<body>
<table>
    <tr>
        <td class="ltd">
            <div class="drawingBoard" ondrop="drop(event)" ondragover="allowDrop(event)">

            div>
        td>
        <td class="rtd">
            <div class="panel">
                <a class="cloth" ><img src="images/cloth_1.jpg" data-url="images/cloth_1.png">a>

                <a class="cloth" ><img src="images/cloth_2.jpg" data-url="images/cloth_2.png">a>

                <a class="cloth" ><img src="images/cloth_3.jpg" data-url="images/cloth_3.png">a>

            div>
        td>
    tr>
table>
<script  type="text/javascript" src="js/jquery-1.11.3.js">script>
<script type="text/javascript" src='js/zooming.js'>script>
<script type="text/javascript">
    jQuery(function(){

       // document.ondragstart=function() {return false;}//禁止生成新链接
        document.onselectstart=function(){return false;}//禁止鼠标全选住图片

        $(".panel .cloth img").each(function(){
            //开始拖拽
            this.ondragstart=function(event){

                var  img_path= jQuery(this).attr("data-url");//图片地址
                event.dataTransfer.setData("Text",img_path);
                //  console.log(img_path);

            }
        });

        //点击非图片位置去所有图片样式
        $(".drawingBoard").on('click',function(event) {
            event.preventDefault();
             event.stopPropagation();
            //隐藏样式
           hideStyle();

        });
        //点击图片去样式
        $(".drawingBoard").on('click', '.rel_img', function(event) {
            event.preventDefault();
            event.stopPropagation();
           //隐藏样式
           hideStyle();
           //显示自己的样式
            $(this).find(".zoom").show();
           $(this).css({
               border: '1px solid gray'
           });
           $(this).find(".line_center").show();
           $(this).find(".line_center_s").show();

           zooming.add(this);

        });

        // 旋转
        var  rotate=0;
        $(".drawingBoard").on('mousedown','.rel_img .line_center_s', function(e) {      
            e.preventDefault();
            e.stopPropagation();

            //设置类drawingBoard鼠标样式为自定义
            $(".drawingBoard").css({
                cursor: "url('images/rotate_arrow.cur'),crosshair"
            });


            var x=e.clientX,
                y=e.clientY,
                cloth_width=$(this).parent().css("width"),
                cloth_height=$(this).parent().css("height"),
                position_x=$(this).parent().offset().left,
                position_y=$(this).parent().offset().top,

                //图片中心点
                cx=parseInt(position_x)+parseInt(cloth_width)/2,
                cy=parseInt(position_y)+parseInt(cloth_height)/2,
                curentEle=this;

                var anglePre=countDeg(cx,cy,x,y);//获取前一次的角度值


            $(document).on('mousemove', function(e) {
                e.preventDefault();
                e.stopPropagation();
                var curr_x=e.clientX;
                var curr_y=e.clientY;

                var angleNext=countDeg(cx,cy,curr_x,curr_y);//获取后一次的角度值

                var new_rotate=angleNext-anglePre;
                rotate+=new_rotate;


                anglePre=angleNext;


               $(curentEle).parent().css({
                "transform":"rotate("+rotate+"deg)",
                '-ms-transform':"rotate("+rotate+"deg)",
                "-webkit-transform":"rotate("+rotate+"deg)"
               });

            });
        }).mouseup(function() {
            $(document).off("mousemove");
            $(".drawingBoard").css({
                cursor: "default"
            });
        });


    });





    //进入目标上
    function allowDrop(event) {
        event.preventDefault();

    }
    //进入目标区域
    var _zindex=10;//全局z-index值
    function drop(event) {
        event.preventDefault();
        event.stopPropagation();
        var data=event.dataTransfer.getData("Text");//获取实际大小图片地址
        var x=event.clientX;
        var y=event.clientY;
        // FIXME 
        var _x=x-80;
        var _y=y-105;

        //隐藏样式
        hideStyle();
        var rel_img_div="
"+
                           "" style='width:160px;height:210px;'>"+
                           "
"+
                        "
";
        jQuery(".drawingBoard").append(rel_img_div);
        _zindex+=1;

    }
    //鼠标按下
    function myMousedown(t,e){
        e.preventDefault();
        e.stopPropagation();
        //鼠标按下位置
        var x=e.clientX;
        var y=e.clientY;

         //图片位置
         var _left=parseInt($(t).parent().css("left"));
         var _top=parseInt($(t).parent().css("top"));


        //鼠标移动
        this.onmousemove=function(e){
            //鼠标移动前一点
            var _x= e.clientX;
            var _y= e.clientY;

            var new_x=_x-x;
            var new_y=_y-y;

            //鼠标移动后一点
            x=e.clientX;
            y=e.clientY;
            //图片新位置
            _left=_left+new_x;
            _top=_top+new_y;

            $(t).parent().css({left:_left+"px",top:_top+"px"});

            //鼠标抬起
            this.onmouseup=function(){
                this.onmousemove=null;
            }
        }

    }

    //隐藏样式
    function hideStyle(){
          $(".drawingBoard .rel_img").find(".zoom").hide();
           $(".drawingBoard .rel_img").css({
               border: '0 solid gray'
           });
           $(".drawingBoard .rel_img").find(".line_center").hide();
           $(".drawingBoard .rel_img").find(".line_center_s").hide();
    }
    //计算角度值
    var countDeg=function(cx,cy,pointer_x,pointer_y){
        var ox=pointer_x-cx;
        var oy=pointer_y-cy;
        var to=Math.abs(ox/oy);
        var angle = Math.atan( to )/( 2 * Math.PI ) * 360;//鼠标相对于旋转中心的角度
        if( ox < 0 && oy < 0)//相对在左上角，第四象限，js中坐标系是从左上角开始的，这里的象限是正常坐标系  
            {  
                angle = -angle;  
            }else if( ox < 0 && oy > 0)//左下角,3象限  
            {  
                angle = -( 180 - angle )  
            }else if( ox > 0 && oy < 0)//右上角，1象限  
            {  
                angle = angle;  
            }else if( ox > 0 && oy > 0)//右下角，2象限  
            {  
                angle = 180 - angle;  
            }

        return angle;
    }

script>

body>
html>

js/zooming.js 代码

    var zooming=function(e){  
    e=window.event ||e;  
    var o=this,data=e.wheelDelta || -e.detail*40,zoom,size;  
    if(!+'\v1'){//IE  
        zoom = parseInt(o.style.zoom) || 100;   
        zoom += data / 12;  
        if(zoom > zooming.min)   
            o.style.zoom = zoom + '%';  
        e.returnValue=false;  
    }else {  
        size=o.getAttribute("_zoomsize").split(",");  
        zoom=parseInt(o.getAttribute("_zoom")) ||100;  
        zoom+=data/12;  
        if(zoom>zooming.min){  
            o.setAttribute("_zoom",zoom);  
            o.style.width=size[0]*zoom/100+"px";  
            o.style.height=size[1]*zoom/100+"px" 
        }  

        e.preventDefault();//阻止默认行为  

        e.stopPropagation();//for Firefox3.6  
    }  
};  
zooming.add=function(obj,min){//第一个参数指定可以缩放的图片，min指定最小缩放的大小 ,default to 50  
    zooming.min=min || 50;  
    obj.onmousewheel=zooming;  
    if(/Firefox/.test(navigator.userAgent))//if Firefox  
        obj.addEventListener("DOMMouseScroll",zooming,false);  
    if(-[1,]){//if not IE  
        obj.setAttribute("_zoomsize",obj.offsetWidth+","+obj.offsetHeight);  
    }  
};  

// window.onload=function(){//放在onload中，否则非ie中会无法计算图片大小出错  
//     zooming.add(document.getElementById("testimg1"));  
// } 

//t:元素对象
function Tzoom(t){
     zooming.add(t);
}

你可能感兴趣的:(jQuery,js)

  • SpringBoot多数据源动态切换方案：AbstractRoutingDataSource详解 fanxbl957 Webspringboot后端java
    博主介绍：Java、Python、js全栈开发“多面手”，精通多种编程语言和技术，痴迷于人工智能领域。秉持着对技术的热爱与执着，持续探索创新，愿在此分享交流和学习，与大家共进步。DeepSeek-行业融合之万象视界(附实战案例详解100+)全栈开发环境搭建运行攻略：多语言一站式指南(环境搭建+运行+调试+发布+保姆级详解)感兴趣的可以先收藏起来，希望帮助更多的人SpringBoot多数据源动态切换
  • JS力扣刷题75. 颜色分类
    varsortColors=function(nums){//冒泡排序for(leti=nums.length-2;i>=0;i--)for(letj=0;j<=i;j++)if(nums[j+1]<nums[j])[nums[j+1],nums[j]]=[nums[j],nums[j+1]]};
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 云原生--微服务、CICD、SaaS、PaaS、IaaS 青秋. 云原生docker云原生微服务kubernetesserverlessservice_meshci/cd
    往期推荐浅学React和JSX-CSDN博客一文搞懂大数据流式计算引擎Flink【万字详解，史上最全】-CSDN博客一文入门大数据准流式计算引擎Spark【万字详解，全网最新】_大数据spark-CSDN博客目录1.云原生概念和特点2.常见云模式3.云对外提供服务的架构模式3.1IaaS（Infrastructure-as-a-Service）3.2PaaS（Platform-as-a-Servi
  • Puppeteer 库简介：背景、用法与原理 超级土豆粉 typescriptjavascript前端html开发语言
    Puppeteer库简介：背景、用法与原理一、背景Puppeteer是Google官方推出的一个Node.js库，最初于2017年发布。它为开发者提供了一个高级API，用于通过编程方式控制Chrome或Chromium浏览器。Puppeteer主要用于自动化网页操作、爬虫、UI测试、生成PDF截图等场景。随着Web自动化需求的增长，Puppeteer逐渐成为前端开发、测试和数据采集领域的重要工具。
  • Fuse.js 模糊匹配库用法总结 超级土豆粉 javascript开发语言ecmascript
    目录Fuse.js模糊匹配库用法总结简介安装与引入基本用法1.对字符串数组进行模糊搜索2.对对象数组进行模糊搜索主要配置项（Options）进阶用法1.权重搜索（WeightedSearch）2.嵌套搜索（NestedSearch）3.扩展搜索（ExtendedSearch）4.逻辑查询（LogicalQueryOperators）5.索引优化（Indexing）6.全局配置（GlobalConf
  • Day.js 基础用法全方位详解 超级土豆粉 前端技术沉淀指南javascript开发语言ecmascript
    Day.js基础用法全方位详解目录Day.js基础用法全方位详解一、Day.js简介二、安装与引入1.NPM/Yarn安装2.CDN引入三、创建日期对象四、格式化日期五、解析日期（字符串转日期）六、日期运算1.加法`.add()`2.减法`.subtract()`3.支持的单位七、获取日期信息八、设置日期信息九、日期比较十、获取时间戳与原生Date十一、判断有效性与闰年十二、获取月初、月末、年初、
  • 移动端turn.js挖坑总结 进击的金城武
    【1】高版本的jquery会导致turning的过程中page溢出半屏。正确版本：【2】可通过css修改翻书的底部颜色及其透明度，默认为transparent。.flipbook.page{background-color:/*底部色*/}【3】在turn.js的源文件2734行通过修改x,y的值可调整peel的大小与角度。flipMethods._showFoldedPage.call(this
  • 如何调用dify工作流api，代码格式如下
    importrequestsimportjson#API配置api_url="http://localhost:8082/v1/workflows/run"api_key="app-6Ef8WnCL1rB4oMtvPgaLBSJy"#请求头headers={  'Authorization':f'Bearer{api_key}',  'Content-Type':'application/json
  • 深入理解Tomcat 基本架构 水木石画室 tomcat架构java
    Tomcat是Apache软件基金会旗下的开源Servlet容器，实现了JavaEE（现JakartaEE）的Servlet、JSP等规范，广泛用于JavaWeb应用的部署和运行。其架构设计围绕高效处理HTTP请求、灵活管理Web应用和支持扩展展开。以下从核心组件、层级结构、关键机制三个维度深入解析Tomcat的基本架构。一、Tomcat核心组件与层级结构Tomcat的架构采用分层容器模型，核心组
  • gRPC服务发现 叹人间，美中不足今方信 服务发现gorpc
    基于etcd实现的服务发现，按照非规范化的etcdkey实现，详细见代码注释。packagediscoveryimport("context""encoding/json""fmt""go.etcd.io/etcd/api/v3/mvccpb"clientv3"go.etcd.io/etcd/client/v3""google.golang.org/grpc/resolver""strings""
  • Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础) 2401_85122662 flutter
    《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》完整开源地址：https://docs.qq.com/doc/DSkNLaERkbnFoS0ZF基本类型var可以定义变量，如vartag=“666”，这和JS、Kotlin等语言类似，同时Dart属于动态类型语言，支持闭包。Dart中number类型分为int和double，其中java中的long对应的也是Da
  • UniApp的学习 xuzhihuan焕 uni-app学习
    一.Vue.js基础基本概念：总之，Vue.js是一个简洁、灵活、高效的前端JavaScript框架，具有响应式数据绑定、组件化开发、虚拟DOM等特点，适用于构建各种类型的Web应用。Vue.js介绍：了解Vue.js的起源、特点以及基本概念。特点：简洁易用：Vue.js的API简洁明了，学习曲线较为平缓，使得开发者能够快速上手。响应式数据绑定：Vue.js提供了响应式的数据绑定机制，当数据发生变
  • 扣子智能体5：使用Python异步执行工作流并获取执行结果 呆萌的代Ma 大模型python扣子
    使用python异步执行工作流的步骤有3步：异步执行工作流，获取工作流的execute_id，之后就能根据这个id查询工作流的执行情况如果execute_id=“Success”，就表示工作流执行完毕执行完毕后，打印output，就是大模型最后的全部示例代码fromloguruimportloggerimportrequestsimportjsondefrun_coze_ai(coze_api_t
  • mybatis打印完整mysql_mybatis 通过拦截器打印完整的sql语句以及执行结果操作 weixin_39672680
    开发过程中，如果使用mybatis做为ORM框架，经常需要打印出完整的sql语句以及执行的结果做为参考。虽然mybatis结合日志框架可以做到，但打印出来的通常都是sql和参数分开的。有时我们需要调试这条sql的时候，就需要把参数填进去，这样未免有些浪费时间。此时我们可以通过实现mybatis拦截器来做到打印带参数的完整的sql，以及结果通过json输出到控制台。直接看代码和使用方法吧：MyBat
  • 网页token介绍（web token、web认证、web令牌、网页令牌）（JWT格式：JSON Web Token，头部Header、载荷Payload、签名Signature） Dontla 前端前端
    文章目录WebToken详解：从认证机制演变到实现原理认证机制的演变史传统认证方式的局限-服务器负载增加-扩展性受限-跨域应用困难-CSRF攻击风险高无状态认证的崛起WebToken核心概念什么是WebTokenToken家族成员-**JWT(JSONWebToken)**:最流行的实现-**SWT(SimpleWebToken)**:微软早期推出的简化版本-**SAMLToken**:企业级身份
  • 【vue】用conda配置nodejs，一键开通模版使用权 温择之 conda
    特此鸣谢我的好同学@重中之重的特级教学，非常之好用一、conda环境下载安装二、创建包含nodejs的conda环境创建一个新环境：condacreate-n【自定义环境名字】python=3.9condacreate-nmy_nodejs_envpython=3.9激活新环境：condaactivate【环境名字】condaactivatemy_nodejs_env下载安装nodejs：cond
  • 大模型API密钥的环境变量配置（大模型API KEY管理）（将密钥存储在环境变量）（python-dotenv）（密钥管理）环境变量设置环境变量 Dontla 大模型LLMpython开发语言
    文章目录大模型API密钥的环境变量配置：安全与最佳实践引言安全风险代码泄露风险版本控制暴露环境变量的优势安全隔离跨环境一致性环境变量配置方法Linux/macOS配置Windows配置开发框架集成Node.js使用dotenvPython使用python-dotenv最佳实践.env文件管理环境变量模板容器环境配置安全增强措施密钥轮换机制秘密管理服务集成总结大模型API密钥的环境变量配置：安全与最
  • Vue3 响应式原理揭秘：为什么数据一改页面就变？ qqqdqd vue.jsjavascript前端
    Vue3最大的底层变革之一，就是响应式系统由Object.defineProperty转向了现代浏览器的ProxyAPI。你是否好奇：为什么state.count++，页面就自动更新了？一切的秘密，就藏在Vue的reactive()函数背后！核心原理：用Proxy劫持对象的读写操作简化实现如下：js复制编辑functionreactive(obj){returnnewProxy(obj,{get(
  • （部署服务器系列四）部署Vue步骤（使用nodejs） 玄尺_007 #个人博客项目#前端服务器vue.js运维
    1.构建项目（打包Vue）：构建前设置main.js//关闭开发模式提示Vue.config.devtools=falseVue.config.productionTip=false设置指向的服务端后端ip和端口，我的常量属性统一放在了constants.jsexportconstAIOS_BASE_URL="http://192.168.0.111/api"exportconstIMG_BASE
  • vue项目中使用nodejs实现登录 芜湖湖湖湖 nodejsvuemysqljavascript
    用vue,nodejs,mysql做的一个登录的页面代码放完的话有点麻烦，只放实现功能的代码把。vue部分:exportdefault{data(){return{loginForm:{username:'',password:'',},//下面两行是vuelogo的不用理会circleUrl:require('../assets/logo.png'),size:100}},methods:{su
  • 手写一个虚拟DOM理解写jsx到底写了什么。 lichenyang453 前端javascriptreact.js
    首先我们写的jsx语法，是用声明式的方式把React中的React.createElement简化，也就是一种语法糖。用代码举例子。1.简单例子constelement=(我我我console.log('点击')}>点我)这是声明式，我们直接声明一个类型div的React元素，属性有style，children，children包含一个字符串和一个类型为按钮，属性有onClick，children
  • js FileReader对象 刘建状 jsjavascript前端开发语言
    FileReaderd对象Document读取文本文件/**FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用File或Blob对象指定要读取的文件或数据。*FileReader的实例拥有4个⽅法，其中3个⽤以读取⽂件，另⼀个⽤来中断读取*方法：*abortnone用于中断读取读取*readAsBinaryStringfile将文件读取为二进
  • 深入对比四大主流 JavaScript 包管理器：npm、Yarn、pnpm、Bun 止观止 前端javascriptnpmyarnpnpmBun
    引言在现代前端与Node.js开发中，包管理器（PackageManager）是构建高效工作流的关键工具，直接影响项目的安装速度、磁盘空间占用和团队协作效率。npm、Yarn、pnpm和Bun作为主流JavaScript包管理器，各有优劣。本文将基于权威资料（如npm官方文档、Yarn官方文档、pnpm官方文档、Bun官方文档），从核心原理、性能表现、依赖管理等维度进行深度解析，帮助开发者根据项目
  • 华为OD机试 - 加密算法 - 深度优先搜索dfs（Python/JS/C/C++ 2025 B卷 200分） 哪 吒 华为od深度优先pythonjavascript华为OD机试2025B卷
    2025B卷华为OD机试统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随时更新。一、题目描述有一种特殊的
  • 华为OD机试 - 数字加减游戏（Python/JS/C/C++ 2025 A卷 200分） 哪 吒 华为od游戏python
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • 华为OD机试 - 相同数字的积木游戏1（Python/JS/C/C++ 2024 E卷 100分） 哪 吒 华为od游戏python
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • 华为OD机试 - 去除多余空格（Python/JS/C/C++ 2024 E卷 100分） 哪 吒 华为odpythonjavascript
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • 华为OD机试 - 猜密码 - 深度优先搜索dfs算法（Python/JS/C/C++ 2025 A卷 100分） 哪 吒 算法华为od深度优先2025A卷华为OD机试
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • 华为OD机试 - GPU 调度（Python/JS/C/C++ 2025 A卷 100分） 哪 吒 华为odpythonjavascript2025A卷华为OD机试
    华为OD机试2025A卷题库疯狂收录中，刷题点这里专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随时更新。一、题目描述任务编排服务负责对任务进行组合调度。参与编排的任务有两种类型，其
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他