静茹秋叶
静茹秋叶

在canvas中根据鼠标的位置，获取当前点的RGB值

概述

在canvas画布中，我们往往需要获取到某个点的像素颜色，例如我们常见的调色板。今天以官网上提供的方格调色板为例，在此基础上稍微做一下扩展，讲解一下如何根据鼠标的位置获取某个点的RGB值。

效果图

在canvas中根据鼠标的位置，获取当前点的RGB值_第1张图片
可以点击某个方格，然后在下面的小方格中会显示对应的颜色

大致思路

1、这个例子中有两个canvas，大的canvas展示调色板，小的canvas展示用户选取的颜色。
2、大的canvas通过两个for循环、fillStyle和fillRect在小矩形框中渲染颜色
3、通过鼠标的mousedown事件，获取鼠标当前的位置
4、通过getImageData方法和ImageData.data属性获取像素点的RGB值
5、在小矩形框中渲染该颜色。

代码

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绘制方格调色板title>
head>
<body>
    <canvas id="canvas" style="border: red 1px dashed">canvas>
    <br>
    <div style="margin-top: 10px">
        <span>当前方格的颜色：span>
        <canvas id="rectCanvas" style="border: aquamarine 1px solid">canvas>
    div>
    <script>
        window.onload = function () {
            let canvasEle = document.getElementById('canvas')
            let ctx = canvasEle.getContext('2d')
            // 设置方格调色板的宽度
            let rectWidth = 30

            // 设置canvas的宽和高
            canvasEle.width = rectWidth * 10
            canvasEle.height = rectWidth * 10
            /**
             * @function 初始化小的矩形框
             * **/
            function initRectCanvas (smallRectWidth) {
                let rectCanvasEle = document.getElementById('rectCanvas')
                rectCanvasEle.width = smallRectWidth
                rectCanvasEle.height = smallRectWidth
            }
            initRectCanvas(rectWidth)

            /**
             * @function 绘制矩形框
             * @param leftTopX {Number} leftTopY {Number} 矩形框左上角的坐标
             * @param width {Number} 矩形框的宽 height {height} 矩形框的高
             * @param color {String} 矩形框的填充色
             * **/
            function drawRect(leftTopX, leftTopY, width, height, color) {
                ctx.fillStyle = color
                ctx.fillRect(leftTopX, leftTopY, width, height)
            }
            // 绘制方格调色板
            for (let i = 0; i < 10; i++) {
                for (let j = 0; j < 10; j++) {
                    let currentColor = 'rgb(' + Math.floor(255 - 25.5 * i) + ', ' + Math.floor(255 - 25.5 * j) + ', 0)'
                    console.log(currentColor)
                    drawRect(j * rectWidth, i * rectWidth, rectWidth, rectWidth, currentColor)
                }
            }

            // 根据鼠标当前的位置，填充小矩形框的颜色
            canvasEle.onmousedown = function (e) {
                // 以canvas的左上角位置为（0, 0）点
                console.log('当前鼠标的位置 x：', e.layerX)
                console.log('当前鼠标的位置 y：', e.layerY)

                // 获取ImageData数据
                let imageData = ctx.getImageData(e.layerX, e.layerY, 1, 1)
                console.log(imageData.data)
                let rectColor = 'rgb(' + imageData.data[0] + ', ' + imageData.data[1] + ',' + imageData.data[2] + ')'
                console.warn(rectColor)
                let rectCanvas = document.getElementById('rectCanvas')
                let rectCtx = rectCanvas.getContext('2d')
                rectCtx.fillStyle = rectColor
                rectCtx.fillRect(0, 0, rectCanvas.width, rectCanvas.height)
            }

        }
    script>

body>
html>

参考资料：https://developer.mozilla.org/zh-CN/docs/Web/API/

你可能感兴趣的:(js,前端,javascript,canvas)

  • 基于SSM的大王门店管理系统设计与实现 qq1744828575 javajava
    目录摘要IAbstractII引言11相关技术31.1SSM31.1.1Spring31.1.2SpringMVC31.1.3MyBatis41.2Shiro41.3前端技术41.3.1Bootstrap41.3.2jQuery41.3.3Ajax51.3.4Layui51.3.5Thymeleaf51.4本章小结62系统分析72.1功能需求分析72.2非功能需求113系统设计133.1系统总体设
  • 【华为OD-E卷 - 连续出牌数量 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-连续出牌数量100分（python、java、c++、js、c）】题目有这么一款单人卡牌游戏，牌面由颜色和数字组成，颜色为红、黄、蓝、绿中的一种，数字为0-9中的一个。游戏开始时玩家从手牌中选取一张卡牌打出，接下来如果玩家手中有和他上一次打出的手牌颜色或者数字相同的手牌，他可以继续将该手牌打出，直至手牌打光或者没有符合条件可以继续打出的手牌。现给定一副手牌，请找到最优的出牌策略，
  • SSM 构建个性化商铺系统：功能亮点聚焦商业成功 2402_85758349 后端java
    第二章开发技术与环境配置以Java语言为开发工具，利用了当前先进的SSM框架技术，以MyEclipse10为系统开发工具，MySQL为后台数据库，开发的一个个性化商铺系统。2.1微信开发者工具在传统web浏览器中，在加载htm15页面时先加载视图层的html和css，后加载逻辑层的javascript，然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于NativeSystem的，视图
  • Learning Vue 读书笔记 Chapter 2 追光少年3322 vue.jsjavascript前端vue3
    2.Vue基本工作原理2.1VirtualDOM概念：DOM:DOM以内存中树状数据结构的形式，代表了网页上的HTML（或XML）文档内容。它充当了一个编程接口，将网页与实际的编程代码（如JavaScript）连接起来。VirtualDOM是浏览器中实际DOM的内存虚拟副本，但它更轻量且具有额外的功能。VirtualDOM工作原理：通过用户界面交互，用户向Vue传达了他们希望元素达到的状态；随后，
  • 【课程设计推荐】基于JSP的书店系统设计与实现 想念@思恋 课程设计jspjava课程设计javajsp
    关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末引言二十一世纪是一个集数字化，网络化，信息化的，以网络为核心的社会。当钱天白教授于1986年9月14日在北京计算机应用技术研究所内向德国卡尔斯鲁厄大学发出第一封电子邮件“穿越长城，走向世界”的时候，他也许不知道自己推开了中国信息时代的大门；1994年4月20日，中国科学院计算机中心通过美国Sprint公司连入Internet的64
  • XXL-CRAWLER v1.4.0 ｜ Java爬虫框架 后端爬虫java
    ReleaseNotes1、【提升】爬虫JS渲染能力强化：升级提供"Selenium+ChromeDriver"方案支持JS渲染，兼容性更高，废弃旧Phantomjs方案。非JS渲染场景仍然Jsoup，速度更快。同时支持自由扩展其他实现。2、【优化】进一步优化Selenium兼容问题，完善JS渲染场景下兼容性和性能。3、【重构】重构核心功能模块，提升扩展性；修复历史代码隐藏问题，提升系统稳定习惯。
  • Vue中使input和el-input自动获取焦点的处理 宸晓闹 vue
    【普通input的自定义指令操作】：先在入口文件注册一个全局自定义指令//main.jsVue.directive('focus',{inserted(el,binding,vnode){//聚焦元素el.focus()}}
  • # 深入解析Lodop底层原理与高级应用开发指南 R.Y.N 前端
    一、Lodop架构深度解析（与常规文档的差异化视角）1.1非对称通信协议设计Lodop采用独特的混合型RPC协议，突破传统打印控件基于HTTP的局限性：二进制协议头：前128字节包含加密的会话标识符和指令类型JSON压缩负载：采用自定义的LZJ压缩算法处理JSON打印指令跨域握手机制：通过动态生成XOR校验码实现跨域安全通信//协议逆向解析示例（模拟）functiondecodeLodopPack
  • 前端网页开发学习（HTML+CSS+JS）有这一篇就够！ 软件技术NINI html/css笔记前端学习html
    前端网页开发是一个不断发展的领域，涉及到构建和设计网站以及Web应用程序的用户界面。以下是一份全面的学习指南，涵盖HTML、CSS和JavaScript的基础知识，帮助你入门前端开发。HTML（超文本标记语言）1.基础结构文档类型和标签：定义了文档类型和根元素。htmlDocument标签：包含元数据，如字符集、标题和链接到CSS文件。标签：包含网页的可见内容。2.常用标签文本内容：<h
  • Cypress测试框架详解-----轻松实现端到端自动化测试 王大傻0928 自动化测试自动化javascriptnode.js
    Cypress是一个功能强大、易于使用的自动化测试工具，适用于现代Web应用的端到端测试。它的自动化处理、实时反馈、调试功能和易于集成的特性，使得它成为现在测试人员的热门测试框架选择。什么是Cypress框架？Cypress是一款开源的JavaScript自动化测试框架，是基于NodeJS的现代自动化工具，专为端到端测试设计，用于简化Web应用的测试自动化。支持使用JavaScript或TypeS
  • JavaScript中的隐式类型转换 阿珊和她的猫 javascript开发语言ecmascript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章
  • 分布式服务接口的幂等性如何设计（比如不能重复扣款）？ 码农小旋风 后端
    面试题分布式服务接口的幂等性如何设计（比如不能重复扣款）？面试官心理分析从这个问题开始，面试官就已经进入了实际的生产问题的面试了。一个分布式系统中的某个接口，该如何保证幂等性？这个事儿其实是你做分布式系统的时候必须要考虑的一个生产环境的技术问题。啥意思呢？你看，假如你有个服务提供一些接口供外部调用，这个服务部署在了5台机器上，接着有个接口就是付款接口。然后人家用户在前端上操作的时候，不知道为啥，总
  • openbmc 之 entity-manager 是如何工作的（1） yufeng_windy 网络linuxc++
    基于1e19c030559e84a42c98effa19e35665c7ae4b7c(2.16.0-dev)，即截止文章撰写时的最新代码版本。这篇文章主要从我的视角记录了entitymanager的工作过程，可能存在不准确的地方，还望补充修正。这篇文章之所以产生，是因为发现了一个逻辑不通：就以其自带的configurations/1ux16_riser.json这样一个配置文件为例。在这个配置文件
  • SpringBoot(2) —— 什么是微服务架构 原来是小别扇 SpringBootspringboot分布式java
    微服务1.什么是微服务？微服务是一种架构风格(前面学习的RestFul风格也就是一种风格，但是它是接口风格，而微服务是一种架构风格，我们学习过的架构风格有后端开发的MVC3层架构和MVVM前端架构)，它要求我们在开发一个应用的时候，这个应用必须构建成一系列小服务的组合；可以通过http的方式进行互通。要说微服务架构，先得说说过去我们的单体应用架构。2.单体应用架构所谓单体应用架构（allinone
  • nodejs原生http简单搭建web服务器 wcgdecsdn 服务器node.jshttp
    原生搭建主要作为了解，真正搭建可以使用一些封装的模块express等简单搭建consthttp=require('http')constserve=http.createServer()serve.on('request',(request,response)=>{//防止乱码()response.setHeader('Content-Type','text/html;charset=utf-8'
  • JS - 手写 instanceof 和 new 关键字 DavidZ_13 手写实现代码javascript前端node.js经验分享笔记其他web
    目录instanceof解释手写实现new关键字解释手写实现instanceof解释instanceof是JavaScript中的运算符，用于检查一个对象是否是另一个对象的实例，其实现原理如下：当使用instanceof运算符时，会调用对象的[[Symbol.hasInstance]]方法，该方法在对象的原型链上递归查找，判断目标对象是否为指定类的实例，如果在原型链中找到指定类的原型对象，则返回t
  • jwt权限验证原理 深圳卢先生 数据安全开发语言java
    1.JWT，全称是JsonWebToken，是一种JSON风格的轻量级的授权和身份认证规范，可实现无状态、分布式的Web应用授权！2.JWT由三部分组成：头部（Header）:通常包含令牌的类型（即JWT）和加密算法（如HMACSHA256或RSA）。例如：{"alg":"HS256","typ":"JWT"}载荷（Payload）:包含要传递的声明（Claims）。声明总共可以包括如下七项，但是
  • web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署 万小柯要努力学习 webapi与html部署
    背景：现在越来越多的企业都采用了在开发上前后端分离，前后端开发上的分离有很多种，那么今天，我来分享一下项目中得的前后端分离。B/SSaas项目：(这个项目可以理解成个人中心，当然不止这么点功能)前端：node.js+vue后端：.netcorewebapi前端安装node.js跟创建vue项目这些不是这篇文章的重点，重点在于项目完成后的部署。.netcorewebapi创建后，默认就创建了一个ww
  • Node.js多线程：性能提升的关键
    Node.js扩展：你需要了解的多线程原文链接：https://dev.to/leapcell/scaling-nodejs-multi-threading-you-need-to-know-2nhi作者：Leapcell译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢
  • [JS+CSS+HTML]实现图片拖拽放大缩小功能 神似彭于晏的男人 前端开发功能库csshtml前端
    实现效果：JS(核心代码)1.定义全局缩放值letscale=1;2.获取img标签以及盒子的实例letscale=1;//+++++++++++constimgBox=document.getElementById("imgBox");constimg=document.getElementById("img");3.实现图片的缩放效果//缩放效果(wheel--鼠标滚轮事件)img.addEv
  • Element Plus上传图片前，对图片进行压缩 hongkid vue.jsjavascriptecmascript
    在使用ElementPlus（一个基于Vue3的现代组件库）进行文件上传时，你可能希望在上传图片之前对其进行压缩以减少文件大小，从而提高上传速度和节省存储空间。为了实现这一功能，你可以结合使用JavaScript库来处理图片的压缩。下面是一个简单的示例，展示如何在ElementPlus中使用compressorjs进行图片压缩：安装必要的依赖:首先需要安装compressorjs，可以通过npm或
  • vue中的el是指什么 是小傲雨呀^_^ vue.js前端javascript
    简介：在Vue.js中，el指的是Vue实例的挂载元素。具体来说，el是一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。通过这个选项，Vue可以知道应该从哪个元素开始进行模板编译和渲染。它可以是一个CSS选择器字符串，也可以是一个直接的DOM元素。el的定义：el是Vue实例的一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。用途：指定挂载点：el选项的主要作用是指定Vue实例的挂载
  • Vue3配置vite.config.js代理解决跨域问题 码喽的自我修养 vue2/3从基础到起飞前端工程搭建javascript开发语言ecmascriptvue.js前端nginx
    前言：当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料,创作不易，如果能帮助到带大家，欢迎收藏+关注哦问题再现后台报错：AccesstoXMLHttpRequesta
  • 前端使用 Element Plus架构vue3.0实现图片拖拉拽，后等比压缩，上传到Spring Boot后端 慧香一格 java微服务web前端架构springboot
    图片拖拉拽等比压缩上传为了在前端对图片文件进行等比压缩后再上传到后端，可以使用canvas元素来实现图片的压缩。以下是一个详细的实现步骤：前端实现图片等比压缩：使用canvas元素对图片进行压缩。前端上传压缩后的图片：使用el-upload组件上传压缩后的图片。后端接收并保存图片：在SpringBoot中接收上传的图片并保存。下面是一个详细的实现示例。1.前端实现图片等比压缩首先，确保你已经安装了
  • node笔记_koa框架的路由 yma16 JavaScript专栏nodejs专栏笔记javascriptnode.js前端
    文章目录⭐前言⭐koa原生路由写法⭐引入koa-router安装koa-router动态读取路径文件作为路由⭐结束⭐前言大家好，我是yma16，本文介绍koa框架的路由。往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件
  • Web前端最全Koa 基础篇（二）—— 路由与中间件(1)，前端组件化架构实践 2401_84447112 程序员前端中间件架构
    最后如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】基本使用router.get(“/”,asyncctx=>{ctx.body=“h
  • 情人节用js写一个爱心代码 金刚廉神兽 javascript前端htmlhtml5开发语言
    情人节快乐！你可以用JavaScript写一个简单的爱心代码。以下是一个示例代码，使用HTML5canvas绘制一个爱心图形：LoveHeartvarcanvas=document.getElementById("loveHeart");varctx=canvas.getCon
  • 软件架构原理与实战：深入理解BFF模式及其在微服务中的应用 AI天才研究院 AI实战AI大模型企业级应用开发实战大数据人工智能语言模型AILLMJavaPython架构设计AgentRPA
    1.背景介绍随着互联网的不断发展，软件架构也不断演进，微服务架构成为了当前最流行的软件架构之一。微服务架构将软件应用程序划分为一系列小的服务，每个服务都独立部署和扩展。这种架构的优点在于它的灵活性、可扩展性和容错性。在微服务架构中，服务之间通过网络进行通信，因此需要一种适合网络通信的架构模式。这就是BFF模式的诞生。BFF（BackingFrontend）模式是一种软件架构模式，它将前端应用程序与
  • Vue.js 组件开发：从基础到进阶 学不完了是吧 Vuevue.js
    Vue.js是一个渐进式的JavaScript框架，其核心理念之一就是基于组件的开发。组件可以极大地提高代码的复用性、可维护性和可测试性。本篇文章将从基础到进阶，带你了解Vue.js的组件开发方法和最佳实践。什么是组件？在Vue.js中，组件是一个具有独立功能的可复用模块。组件可以包含HTML模板、CSS样式和JavaScript逻辑。通过组件化开发，可以将复杂的页面分解为多个易于管理的部分。组件
  • JavaScript网页设计案例：响应式动态购物车 学不完了是吧 jsjavascript
    在现代网页开发中，购物车是电子商务网站的重要功能之一。通过JavaScript，我们可以实现一个响应式动态购物车，提供用户友好的体验，并展示前端开发的核心能力。案例需求我们的购物车需要实现以下功能：动态添加商品：用户可以从商品列表中选择并添加商品到购物车。实时更新：购物车的商品数量、价格和总金额自动更新。修改商品数量：用户可以调整购物车中商品的数量。移除商品：用户可以从购物车中移除商品。结算功能：
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他