weixin_34088598
weixin_34088598

SVG的内部事件添加

SVG的内部事件添加：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Titletitle>
head>
<body>
    <div>
        <svg width="440px" height="240px" xmlns="http://www.w3.org/2000/svg">
    <rect id="rectangle" x=10 y=20 width=30 height=40 style="stroke:gray;fill:#ff9;stroke-width:3" />
    <text id="output" x=10 y=80 style="font-size:9pt">text>
    
    <script type="application/ecmascript">
        //
            var txt = document.getElementById('output');
            var r = document.getElementById('rectangle');
            var msg = r.getAttribute('x')+', '+r.getAttribute('y')+' '+
                    r.style.getPropertyValue('stroke')+' '+
                    r.style.getPropertyValue('fill');
            r.setAttribute('height','30');
            txt.textContent = msg;
        //]]>
    script>
svg>
    div>
    <div>
        <svg width="440px" height="240px" xmlns="http://www.w3.org/2000/svg">
    <circle id='circle' cx=50 cy=50 r=20 style="fill:#ff9;stroke:black;stroke-width:1" />
    <script type="application/ecmascript">
        //
            function grow(evt){
                var obj = evt.target;
                obj.setAttribute('r','30');
            }
            function shrink(evt){
                this.setAttribute('r','20');
            }
            function reStroke(evt){
                var w = evt.target.style.getPropertyValue('stroke-width');
                w = 4-parseFloat(w);
                evt.target.style.setProperty('stroke-width',w,null);
            }
            var c = document.getElementById('circle');
            c.addEventListener('mouseover',grow);
            c.addEventListener('mouseout',shrink);
            c.addEventListener('click',reStroke);
        //]]>
    script>
svg>
    div>
    <div>
    <svg width="400px" height="250px" id='svg03' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://wwww.w3.org/1999/xlink" onload="init(evt)">
    <defs>
    <style type="text/css">
    {
        stroke:black;
        fill:white;
    }
    g.selected rect {
        fill: #ffc;
    }
    text {
        stroke: none;
        fill: black;
        text-anchor: middle;
    }
    line.slider {
        stroke: gray;
        stroke-width: 2;
    }
    ]]>
    style>
    
    <script type="application/ecmascript">
        [CDATA[
            // 选中的序号
            var scaleChoice = 1;
            // 选中放大的比例
            var scaleFactor = [1.25,1.5,1.75];
            // 颜色滑块选择的序号，-1表示没有选择；
            var slideChoice = -1;
            var rgb = [100,100,100];
            // 初始化事件
            function init(evt){
                var obj;
                for(var i=0;i<3;i++){
                    obj = document.getElementById('scale'+i);
                    obj.addEventListener('click',clickButton,false);
                    obj = document.getElementById('sliderGroup'+i);
                    obj.addEventListener('mousedown',startColorDrag,false);
                    obj.addEventListener('mousemove',doColorDrag,false);
                    obj.addEventListener('mouseup',endColorDrag,false);
                }
                transformShirt();
                // 添加鼠标放开事件监控，这样在整个svg范围内鼠标放开都可以停止拖动；
                document.getElementById('eventCatcher').addEventListener('mouseup',endColorDrag,false);
            }
            // 开始颜色拖动
            function startColorDrag(evt){
                var sliderId = evt.target.parentNode.getAttribute('id');
                endColorDrag(evt);
                slideChoice = parseInt(sliderId[sliderId.length-1]);
            }
            // 结束颜色拖动
            function endColorDrag(evt){
                slideChoice = -1;
            }
            // 进行颜色拖动
            function doColorDrag(evt){
                var sliderId = evt.target.parentNode.getAttribute('id');
                chosen = parseInt(sliderId[sliderId.length -1 ]);
                if(slideChoice >=0 && slideChoice == chosen){
                    var obj = evt.target;
                    // 此处坐标的选择会有问题；当窗口不是最大化的时候，不能进行拖动了；
                    // 需要减去的是svg对象离浏览器顶端的距离；需要进行计算；
                    var s03 = document.getElementById('svg03');
                    console.log(s03.offsetTop);//这个始终是494
                    console.log(evt.clientY);// 这个开始是390多；
                    var pos = evt.clientY - 397;
                    console.log(pos);
                    if(pos <0){
                        pos = 0;
                    }
                    if(pos > 100){
                        pos = 100;
                    }
                    obj = document.getElementById('slide'+slideChoice);
                    obj.setAttribute('y1',pos);
                    obj.setAttribute('y2',pos);
                    rgb[slideChoice] = 100 -pos;
                    var colorStr = 'rgb('+rgb[0]+'%,'+rgb[1]+'%,'+rgb[2]+'%)';
                    console.log(colorStr);
                    obj = document.getElementById('shirt');
                    obj.style.setProperty('fill',colorStr,null);
                }
            }
            // 衣服型号按钮点击事件
            function clickButton(evt){
                var choice = evt.target.parentNode;
                var name = choice.getAttribute('id');
                var old = document.getElementById('scale'+scaleChoice);
                old.removeAttribute('class');
                choice.setAttribute('class','selected');
                scaleChoice = parseInt(name[name.length-1]);
                transformShirt();
            }
            // 衣服变换事件
            function transformShirt(){
                var factor = scaleFactor[scaleChoice];
                var obj = document.getElementById('shirt');
                obj.setAttribute('transform','translate(150,150) scale('+factor+')');
                obj.setAttribute('stroke-width',1/factor);
            }
        ]]>
    script>
    <path id="shirt-outline" d="M-6-30-32-19-25.5-13-22-14-22,30,23,30,23-14,26.5-13,33-19,7-30A6.5,6,0,0,1-6-30" />
    defs>
    <rect id="eventCatcher" x=0 y=0 width=400 height=300 style="fill:none" pointer-events="visible"/>
    <g id="sliderGroup0" transform="translate(230,10)">
        <rect x=-10 y=-5 width=40 height=110 />
        <rect x=5 y=0 width=10 height=100 style='fill:red' />
        <line id="slide0" class="slider" x1=0 y1=0 x2=20 y2=0 />
    g>
    <g id="sliderGroup1" transform="translate(280,10)">
        <rect x=-10 y=-5 width=40 height=110 />
        <rect x=5 y=0 width=10 height=100 style='fill:green' />
        <line id="slide1" class="slider" x1=0 y1=0 x2=20 y2=0 />
    g>
    <g id="sliderGroup2" transform="translate(330,10)">
        <rect x=-10 y=-5 width=40 height=110 />
        <rect x=5 y=0 width=10 height=100 style='fill:blue' />
        <line id="slide2" class="slider" x1=0 y1=0 x2=20 y2=0 />
    g>
    <g id="shirt">
        <use xlink:href="#shirt-outline" x=0 y=0 />
    g>
    <g id="scale0">
        <rect x=100 y=10 width=30 height=30 />
        <text x=115 y=30>Stext>
    g>
    <g id="scale1" class='selected'>
        <rect x=140 y=10 width=30 height=30 />
        <text x=155 y=30>Mtext>
    g>
    <g id="scale2">
        <rect x=180 y=10 width=30 height=30 />
        <text x=195 y=30>Ltext>
    g>
    svg>
    div>
body>
html>

 

你可能感兴趣的:(SVG的内部事件添加)

  • Vue3 KeepAlive原理与使用指南：探索组件缓存与替代方案 念九_ysl Vuevue.js前端javascript
    一、为什么需要组件缓存？在动态组件切换、路由跳转等场景中，频繁的组件销毁/重建会导致以下问题：状态丢失：用户输入的表单数据、滚动位置等无法保留2.性能损耗：重复的组件初始化消耗资源3.交互体验：页面元素闪烁，动画效果中断Vue3的KeepAlive正是为解决这些问题而生的内置缓存解决方案。二、KeepAlive核心原理剖析1.缓存机制使用LRU（最近最少使用）缓存策略创建特殊虚拟节点标识缓存组件通
  • iOS基础开发知识速览 - 理解你要逆向的目标 自学不成才 iOS逆向工程专栏-揭秘苹果的封闭花园ioscocoaxcode
    iOS基础开发知识速览-理解你要逆向的目标正如上一篇文章结尾所预告的，在完成环境搭建后，我们需要了解iOS开发的基础知识。这不是要求你成为一名iOS开发者，而是为了让你在逆向分析过程中能够理解应用的代码结构和运行逻辑。正所谓"知己知彼，百战不殆"，只有了解iOS应用是如何构建的，我们才能更有效地进行逆向工程。本文将为零基础的读者提供iOS开发的核心概念速览，帮助你快速掌握进行逆向工程所需的基础知识
  • 【HTML学习笔记基础篇】 努力的小好 html学习笔记
    HTML学习笔记基础篇一、HTML概述1.1什么是HTML1.2HTML文档的基本结构二、HTML基础标签2.1标题标签2.2段落标签2.3换行标签2.4链接标签2.6列表标签2.7表格标签三、HTML进阶知识3.1行级元素与块级元素3.3语义化标签四、开发工具与技巧4.1开发工具4.2常用技巧五、总结六、示例一、HTML概述1.1什么是HTMLHTML，全称超文本标记语言（HyperTextMa
  • RagFlow专题四、RagFlow 代码实战：基于通义千问（百炼平台）的检索增强生成（RAG）实现 伯牙碎琴 大模型RagFlowRAG检索增强
    RagFlow代码实战：基于通义千问（百炼平台）的检索增强生成（RAG）实现在本篇文章中，我们将从代码实战的角度，讲解如何使用RagFlow结合通义千问（百炼平台API）进行检索增强生成（RAG），实现一个完整的AI检索+生成应用。1.环境搭建在本次代码实战中，我们需要完成以下准备工作：安装Python运行环境安装依赖库（向量数据库+检索库+通义千问APISDK）配置API密钥搭建RagFlow基
  • Redis数据库以及非关系型数据库基本概念 成长中的Mr.Wu redis数据库缓存
    Redis1缓存概念缓存是为了调节速度不一致的两个或多个不同的物质的速度，在中间对速度较慢的一方起到加速作用，比如CPU的一级、二级缓存是保存了CPU最近经常访问的数据，内存是保存CPU经常访问硬盘的数据，而且硬盘也有大小不一的缓存，甚至是物理服务器的raid卡有也缓存，都是为了起到加速CPU访问硬盘数据的目的，因为CPU的速度太快了，CPU需要的数据由于硬盘往往不能在短时间内满足CPU的需求，因
  • K8S学习之基础九：pod的生命周期 云上艺旅 K8S学习kubernetes学习云原生
    Pod生命周期pod从开始创建到终止退出的时间范围成为pod生命周期生命周期包含一下几个重要流程：创建主容器（container是，yaml里创建的容器），初始化容器（initContainers），容器启动后钩子，启动探测、存活性探测、就绪性探测，容器停止前钩子。pod在整个生命周期过程中总会处于以下几个状态：pending：创建了pod资源并存入etcd中，但尚未完成导读containercr
  • 血泪总结 | 主流软件测试流程全攻略：5大阶段、关键产出与避坑指南 做测试的小薄 功能测试敏捷流程团队开发测试工具
    标签：#软件测试#质量保障#测试流程#自动化测试#性能测试引言在软件开发全生命周期中，测试是保障质量的核心环节。本文基于行业主流实践，系统梳理需求分析→测试计划→用例设计→测试执行→交付总结的全流程，结合真实场景案例，详解每个阶段的落地方案、核心产出、避坑指南，助你构建高效可控的质量保障体系。一、需求分析阶段：从模糊到精准的质量起点核心任务参与需求评审与产品、开发团队对齐需求逻辑，例如将模糊描述“
  • Vue.js之MVVM设计模式 炑焽 前端web开发JavaScript核心技术vue.js前端vuejavascript
    前言看到招聘信息网站上有对MVVM框架经验的需求，刚好曾有过这方面的笔记，在复习的同时总结核心知识点分析给大家。MVVM是可以实现View和Model的完全分离，通过ViewModel这个桥梁进行交互，然后ViewModel通过双向数据绑定把View层和Model层连接起来，而View层和Model层之间的通信则完全由ViewModel负责。一、MVC设计模式与MVVM设计模式，vue.js1、什
  • 云计算中的“按需扩展”和“自动扩展”有何不同？ 云上的阿七 云计算
    在云计算中，“按需扩展”（On-DemandScaling）和“自动扩展”（AutoScaling）都是提升系统灵活性的重要机制，但它们在触发方式、控制方式和应用场景上有所不同。1.按需扩展（On-DemandScaling）概念：按需扩展是指手动调整计算资源的规模，以适应业务需求。例如，当访问量增长时，管理员可以手动添加服务器；当负载降低时，手动释放资源，以控制成本。特点：触发方式：由运维人员或
  • uniapp - 详细手机端h5网页调用手机摄像头进行二维码识别扫描，在uniapp的H5移动端微信网页平台中，在浏览器中调用手机扫码功能详细教程，识别二维码并获取扫描结果（完整示例源码，一键复制即用 街尾杂货店& 前端组件与功能(开箱即用)uniapph5移动端手机网页扫码功能教程调用手机摄像头进行二维码识别扫h5平台如何实现微信扫一扫功能uniapp扫描二维码获取结果uniapp手机端网页扫二维码浏览器中怎么调用摄像头进行扫码
    效果图正常情况下，使用uniapp扫码API是不行的，因为不支持h5端。在uniapph5移动端网页项目中，实现了浏览器中调用手机摄像头扫码功能，uniapp手机网页H5扫描二维码功能实现，uni-apph5端调用摄像头扫码，提供完整可运行的代码。uniappVue3和Vue2都能用，跟着本文的步骤，复制源代码后运行改下就行了。步骤1首先来看一下，
  • 数据中心资源管理深度解析（上） 数据中心运维高级工程师 运维数据库大数据安全
    引言随着数据量的爆发式增长和业务需求的多样化，数据中心的资源管理面临着前所未有的挑战。如何高效地管理数据中心的资源，确保资源的合理分配、高效利用和可持续发展，已成为每一个数据中心管理者必须面对的问题。本文将深入探讨数据中心资源管理的各个方面，包括其目的、适用范围、遵循标准、组织架构及职责，以及资源管理的具体内容、原则和实现方法，旨在为从业者提供一份全面、实用的指南。一、数据中心资源管理的目的数据中
  • 设计稿转代码技术原理深度解析 寒鸦xxx 科技研究所css前端
    一、设计稿转代码技术概述1.历史来源设计稿转代码（DesigntoCode,D2C）技术起源于低代码运动和设计系统的普及。早期前端开发依赖手工编码还原设计稿，效率低下且易出错。2010年代，随着Figma、Sketch等矢量设计工具的标准化，其基于JSON的结构化数据存储（如Figma的节点树）为自动化转码奠定了基础。2018年后，阿里Imgcook、微软Sketch2Code等工具首次将AI算法
  • 深度科普 - 大名鼎鼎的bun.js到底是什么? 它能否替代node.js? 是否能成为前端生态的未来? 寒鸦xxx 科技研究所前端javascriptnode.js
    什么是bun?聪明的小伙伴们,你们在接触bun时是否有过这样的疑问呢?bun.js是什么?它是如何诞生的?跟node.js的区别是什么?有什么优势?目前的发展情况如何了?他是否是前端的未来?随便在网上一搜索网页可能会告诉你:Bun.js定位为Node.js的现代化替代品。它集成了运行时、包管理器、构建工具、测试框架等核心功能，并原生支持TypeScript、JSX和WebAPI…但是如果直接把bu
  • 我们为什么需要服务发现？服务发现的基本概念和流程，并通过实践案例说明如何利用服务发现构建微服务架构 Why Do We Need Service Discovery? AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介在现代分布式系统架构中，服务发现（ServiceDiscovery）在微服务架构、云计算和容器化架构等方面扮演着至关重要的角色。服务发现旨在根据服务名、IP地址或其他标识符动态查找服务提供者的位置信息，包括网络地址、端口号、协议类型、QoS参数等。通常情况下，客户端应用需要通过服务发现模块获取服务提供者的可用性信息，并选择合适的服务实例进行访问，从而实现分布式系
  • OpenELB原理及最佳实践 唐唐爱吃糖111 云原生k8sdockergo云计算
    一、OpenELB介绍网址：openelb.ioOpenELB是一个开源的云原生负载均衡器实现，可以在基于裸金属服务器、边缘以及虚拟化的Kubernetes环境中使用LoadBalancer类型的Service对外暴露服务。OpenELB项目最初由KubeSphere社区发起，目前已作为CNCF沙箱项目加入CNCF基金会，由OpenELB开源社区维护与支持。与MetalLB类似，OpenELB也拥
  • 一文看懂 DeepSeek 版本全解析 奔跑吧邓邓子 项目实战人工智能deepseek版本
    目录一、DeepSeek：AI领域的闪耀新星二、各版本深度剖析（一）DeepSeek-V1：初露锋芒（二）DeepSeek-V2系列：性能进阶（三）DeepSeek-V2.5系列：能力提升（四）DeepSeek-V3系列：卓越性能（五）DeepSeek-R1系列：推理强者三、1.5B、7B等分类的奥秘（一）参数规模决定能力（二）适用场景各有不同四、DeepSeek版本发展趋势五、总结一、DeepS
  • MongoDB Chunks核心概念与机制 恬淡虚无真气从之 mongodb数据库
    1.基础定义‌‌Chunk（块）‌：MongoDB分片集群中数据的逻辑存储单元，由一组连续的片键（ShardKey）范围数据组成，默认大小为‌64MB‌（可调整范围为1-1024MB）‌。‌数据分布逻辑‌：分片集群通过记录Chunk与分片（Shard）的映射关系管理数据存储，而非直接跟踪每条数据的位置‌。2.Chunk生命周期‌‌初始状态‌新分片的集合默认生成一个覆盖全片键范围（[minKey,m
  • maven的基本思想与基本操作 无足鸟丶 mavenjava
    Maven是一个强大的项目管理和构建自动化工具，广泛应用于Java项目开发中。以下是Maven的一些常用知识：基本概念项目对象模型（POM）：Maven项目的核心是pom.xml文件，它是一个XML文件，描述了项目的基本信息（如项目名称、版本、开发者等）、依赖关系、构建配置等。通过pom.xml，Maven可以了解项目的结构和需求，从而进行相应的构建和管理操作。约定优于配置：Maven遵循约定优于
  • 线程wait后的等待队列 DanceDonkey java开发语言
    常规情况在Java里，无论是使用Object类的wait()、notify()、notifyAll()方法，还是使用ReentrantLock搭配Condition的await()、signal()、signalAll()方法，基本遵循“哪个对象调用wait/await，线程就进入该对象对应的等待队列，且需由该对象来唤醒”的规则。使用Object的wait()、notify()、notifyAll
  • 深度实测！如何用DeepSeek一键生成全栈项目代码？这5个技巧让你少写80%的代码 阿三0404 人工智能机器学习深度学习c5全栈
    导语：从怀疑到真香，一个全栈开发者的DeepSeek实测之路“最近程序员圈被DeepSeek刷屏了，有人用它3天搞定一个项目，也有人吐槽生成的代码漏洞百出。作为一名同时维护5个企业级项目的全栈工程师，我决定花一周时间深度实测，从登录页面到微服务架构，全面验证它的代码生成能力。结果令人震惊：**合理使用DeepSeek后，我的日常编码工作量减少了80%！**本文将分享我的踩坑经验、5个核心技巧，以及
  • Maven 私服的搭建与使用（二） 计算机毕设定制辅导-无忧学长 #Mavenmavenjava
    四、使用Maven私服4.1将本地Maven仓库迁移到私服为了更高效地利用私服，我们可以将本地已有的Maven仓库迁移到私服中。这里我们使用迁移工具migrate-local-repo-tool.jar，你可以从相关官方渠道或可靠的资源平台获取该工具。在命令行中执行以下命令进行依赖迁移：java-jarmigrate-local-repo-tool.jar-cd"C:/Users/youruser
  • 数据结构与算法必知基础知识 程序员bigsai 文章精选数据结构与算法数据结构算法数据结构与算法
    原创公众号：bigsai文章已收录在全网都在关注的数据结构与算法学习仓库欢迎star前言数据结构与算法是程序员内功体现的重要标准之一，且数据结构也应用在各个方面，业界更有程序=数据结构+算法这个等式存在。各个中间件开发者，架构师他们都在努力的优化中间件、项目结构以及算法提高运行效率和降低内存占用，在这里数据结构起到相当重要的作用。此外数据结构也蕴含一些面向对象的思想，故学好掌握数据结构对逻辑思维处
  • 前端入门实践手册 千篇不一律 前端node.jsvue.js
    文章目录最简单的node服务器最简单的node服务器参考视频教学链接：https://www.zhihu.com/zvideo/1323742450507354112consthttp=require('http');//1、创建一个httpserver服务http.createServer(function(request,response){//这是请求头response.writeHead(
  • Maven 私服的搭建与使用（一） 计算机毕设定制辅导-无忧学长 #Mavenmavenjava
    一、引言在Java项目开发中，Maven作为强大的项目管理和构建工具，极大地提高了开发效率，而Maven私服在开发过程中也扮演着至关重要的角色。私服是一种特殊的远程仓库，架设在局域网内，代理广域网上的远程仓库，供局域网内的Maven用户使用。当Maven需要下载构件时，它首先从私服请求，如果私服上不存在该构件，才从外部的远程仓库下载，缓存在私服上之后，再为Maven的下载请求提供服务。搭建Mave
  • 【图像去噪】论文复现：真实噪声转高斯噪声，提升高斯噪声训练的模型性能！Learning to Translate Noise的Pytorch源码复现，跑通流程，框架结构和损失函数详解！ 十小大 pytorch人工智能python图像去噪图像处理深度学习计算机视觉
    请先看【专栏介绍文章】：【图像去噪（ImageDenoising）】关于【图像去噪】专栏的相关说明，包含适配人群、专栏简介、专栏亮点、阅读方法、定价理由、品质承诺、关于更新、去噪概述、文章目录、资料汇总、问题汇总（更新中）完整代码和训练好的模型权重文件下载链接见本文底部，订阅专栏免费获取！本文亮点：跑通LearningtoTranslateNoise源码，包含基于BasicSR的训练和测试代码，得
  • https 单向认证和双向认证 时空掠影 API数字安全Kotlinhttps网络协议javapythonfastapigophp
    单向认证单向认证是客户端（通常是浏览器）验证服务器的身份。服务器向客户端提供数字证书，客户端通过验证该证书的真实性来确认与服务器的连接是安全的。服务器提供证书：服务器向客户端提供一个数字证书，用于验证服务器的身份。客户端验证服务器：客户端验证服务器的证书，确保服务器的真实性。只验证服务器：客户端不需要提供证书，服务器也不验证客户端的身。importrequestsurl="https://exam
  • MySQL WHERE 子句 Mr_One_Zhang 学习mysqlmysql数据库
    我们知道从MySQL表中使用SELECT语句来读取数据。如需有条件地从表中选取数据，可将WHERE子句添加到SELECT语句中。WHERE子句用于在MySQL中过滤查询结果，只返回满足特定条件的行。语法以下是SQLSELECT语句使用WHERE子句从数据表中读取数据的通用语法：SELECTcolumn1,column2,...FROMtable_nameWHEREcondition;参数说明：co
  • vue3+element plus@2.8.8 el-drawer在父组件内打开 md3356 前端elementuivue.js
    解决问题后自存一下，这种小问题容易忘记遇到的问题：el-drawer默认附到body，使用append-to-body=false也无效内容内容核心问题：drawer_container和el-drawer中间其实还会自动添加一个div包裹住el-drawer，并且在element@2.8.8中没有class了，之前是el-overlay。解决方法：找到drawer_container的直接子节点
  • 代码管理软件对比：探寻适合你的平台 kuaile0906 源代码管理giteedevopsci/cd开源
    在软件开发的广阔天地里，代码管理软件扮演着至关重要的角色，它就像一位细心的管家，妥善地管理着代码的版本、协作开发的流程等诸多事务。市面上有众多代码管理软件可供选择，每一款都有其独特的魅力与优势。今天，我们就来详细对比一下其中较为知名的几款，包括Gitee、GitHub、Bitbucket、SourceForge和AzureDevOps。一、Gitee（码云）：本土化开发的首选平台Gitee是中国开
  • 大疆无人机上云API：Java代码实战全攻略 小韩学长yyds 无人机无人机java开发语言
    ✨✨✨这里是小韩学长yyds的BLOG✨✨✨想要了解更多内容可以访问我的主页小韩学长yyds目录开发前的准备上云API基础认知Java开发环境配置获取API凭证与身份验证核心代码实战-功能实现（一）无人机基本信息获取（二）飞行控制功能实现（三）相机控制与数据获取（四）实时数据监控与处理案例实践-具体应用场景开发常见问题与解决方法开发前的准备在使用上云API对大疆无人机进行Java代码二次开发之前，
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他