zhengweihao
zhengweihao

使用canvas绘制平面直角坐标系

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no, email=no">
	<title>quadrant</title>
	<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
	<style type="text/css">
		body {
			padding: 0;
			margin: 0;
			background-color: #333;
		}
		input {
			border: solid 0px #DDD;
			border-radius: 5px;
			padding: 5px 10px;
		}
		button {
			border: solid 0px #CCC;
			border-radius: 5px;
			background-color: #FFF;
			padding: 5px 10px;
		}
		#quadrant {
			background-color: #CCC;
			width: 640px;
			height: 640px;
			margin: 50px auto 0 auto;
		}
	</style>
</head>
<body>
	<div id="quadrant">
		<canvas width="640" height="640"></canvas>
		<div>
			<input name="func" />
			<button id="draw">draw</button>
			<button id="reset">reset</button>
		</div>
	</div>
	<script type="text/javascript">
	var defaultColor = '#333';

	var $quadrant = $('#quadrant');
	var $canvas = $quadrant.find('canvas');
	$quadrant.css('margin-top', ($(window).height() - $canvas.height()) / 2);

	var ctx = $canvas.get(0).getContext("2d");

	// 绘制线条
	function drawLine(ctx, config) {
		if(ctx && config && config.x0 && config.y0 && config.x1 && config.y1) {
			// 默认线条颜色为灰色
			var color = config.color;
			if(typeof(color) === 'undefined' || color.length <= 0) {
				color = defaultColor;
			}
			ctx.strokeStyle = color;

			// 绘制线条
			var x0 = config.x0, 
				y0 = config.y0, 
				x1 = config.x1, 
				y1 = config.y1;
			ctx.moveTo(x0, y0);
			ctx.lineTo(x1, y1);
			ctx.stroke();
		}
	}

	// 绘制点
	function drawPoint(ctx, config) {
		if(ctx && config && config.x && config.y) {
			config.x0 = config.x - 1;
			config.y0 = config.y - 1;
			config.x1 = config.x;
			config.y1 = config.y;
			drawLine(ctx, config);
		}
	}

	// 绘制尖角
	function drawAngle(ctx, config) {
		var size = config.size ? config.size : 5;
		var top = config.top;
		var left = config.left;
		var mode = config.mode ? config.mode : 1;
		var color = config.color ? config.color : ''

		if(size && top && left && mode) {
			if(mode > 4 || mode < 1) {
				mode = 1;
			}
			var line1Config = {}, line2Config = {};
			line1Config.x0 = line2Config.x0 = left;
			line1Config.y0 = line2Config.y0 = top;
			switch(mode) {
				case 1:// 开口向左
					line1Config.x1 = left - size;
					line1Config.y1 = top + size;
					line2Config.x1 = left - size;
					line2Config.y1 = top - size;
				break;
				case 2:// 开口向上
					line1Config.x1 = left - size;
					line1Config.y1 = top - size;
					line2Config.x1 = left + size;
					line2Config.y1 = top - size;
					break;
				case 3:// 开口向右
					line1Config.x1 = left + size;
					line1Config.y1 = top + size;
					line2Config.x1 = left + size;
					line2Config.y1 = top - size;
					break;
				case 4:// 开口向下
					line1Config.x1 = left - size;
					line1Config.y1 = top + size;
					line2Config.x1 = left + size;
					line2Config.y1 = top + size;
					break;
			}

			drawLine(ctx, line1Config);
			drawLine(ctx, line2Config);
		}
	}

	// 创建坐标系
	var cWidth = $canvas.get(0).width;
	var cHeight = $canvas.get(0).height;
	var qPadding = 50;
	var qWidth = cWidth - qPadding * 2;
	var qHeight = cHeight - qPadding * 2;
	function createQuadrant(ctx) {
		// 绘制x轴
		var xLine = {
			x0: qPadding, 
			y0: qPadding + qHeight / 2, 
			x1: qPadding + qWidth, 
			y1: qPadding + qHeight / 2
		};
		drawLine(ctx, xLine);
		drawAngle(ctx, {top: xLine.y1, left: xLine.x1, model: 1});

		// 绘制y轴
		var yLine = {
			x0: qPadding + qWidth / 2, 
			y0: qPadding, 
			x1: qPadding + qWidth / 2, 
			y1: qPadding + qHeight
		};
		drawLine(ctx, yLine);
		drawAngle(ctx, {top: yLine.y0, left: yLine.x0, mode: 4});
	}
	createQuadrant(ctx);

	// 绘制函数图像
	function drawFunction(ctx, func) {
		// 绘制坐标系中的点
		function drawQuadrantPoint(x, y) {
			// 换算坐标系与画布中的点
			var cX = qPadding + qWidth / 2 + x;// canvas x
			if(cX > cWidth - qPadding) {
				cX = cWidth - qPadding;
			}
			if(cX < qPadding) {
				cx = qPadding;
			}
			var cY = qPadding + qHeight / 2 - y;
			if(cY > cHeight - qPadding) {
				cY = cHeight - qPadding;
			}
			if(cY < qPadding) {
				cY = qPadding;
			}
			drawPoint(ctx, {'x': cX, 'y': cY});
		}

		// 计算坐标系的最大最小值
		var minX = qWidth / -2, maxX = qWidth / 2;
		for(var i=minX; i<=maxX; i++) {
			var y = func(i);
			drawQuadrantPoint(i, y);
		}
	}

	// 清空坐标系
	function resetQuadrant(ctx) {
		ctx.beginPath();
		ctx.clearRect(0, 0, cWidth, cHeight);
		createQuadrant(ctx);
	}

	$(function() {
		var $func = $('input[name="func"]').val('Math.tan(x)');
		$('#draw').on('click', function(event) {
			resetQuadrant(ctx);
			var funcStr = $func.val();
			drawFunction(ctx, function(x) {
				return eval(funcStr);
			});
		}).click();
		$('#reset').on('click', function(event) {
			resetQuadrant(ctx);
		});
	});
	</script>
</body>
</html>

　　本文为测试canvas的基本API，并实现了绘制平面直角坐标系及函数线条功能，但因目前画布像素仅为640*640，绘制效果较差，不能够投入实际使用。

你可能感兴趣的:(canvas)

  • Python爬虫【三十四章】爬虫高阶：动态页面处理与Playwright增强控制深度解析 程序员_CLUB Python入门到进阶python爬虫开发语言
    目录一、技术演进背景与行业挑战二、核心技术栈深度解析2.1动态渲染双引擎架构2.2浏览器指纹伪装方案2.3BeautifulSoup集成实践三、进阶应用场景突破3.1电商价格监控系统3.1.1技术架构创新3.1.2实现效果3.2社交媒体舆情分析3.2.1无限滚动模拟3.2.2WebSocket监控3.2.3Canvas指纹防护四、性能优化与合规方案4.1资源消耗对比测试4.2反爬对抗升级方案五、总
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • canvas入门教学（1）基本认识与了解 WebGIS小智 Canvas专题讲解htmljavascriptcanvaswebgl
    从本文章开始，笔者将带大家从0开始，一点一点慢慢的学习canvas。掌握webgl图形渲染的一些底层的原理和逻辑，方便大家后续更容易理解一些gis框架和原理。canvas本质上是一个html元素，和其他html元素一样，本质上也属于document。canvas翻译过来中文叫做画布，顾名思义canvas的设计者最初是希望人们能够在网页上也有绘画的能力。canvas的用途很广，例如游戏，签名类，地图
  • 【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方） 土门子拉马努金 高中数学之函数高中数学函数
    【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in
  • 微信小程序 环形进度条_微信小程序：实时圆形进度条实现 武奘 微信小程序环形进度条
    第九程序给大家带来微信小程序：实时圆形进度条实现，希望大家在开发小程序过程中能够帮助大家解决。废话不多说，先上一张效果图！实现思路建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。WXML代码开始动态绘制WXSS代码特别注意：底层的canvas最好使用z-index:-99；放置于底层page{width:100%;height:100%;background-colo
  • 像素风格超级玛丽HTML游戏
    像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏，模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码：像素超级玛丽*{margin:0;padding:0
  • 像素风格坦克大战游戏 代码改变世界10086 游戏像素游戏游戏csscss3
    像素风格坦克大战游戏下面我将实现一个基于HTML5Canvas的像素风格坦克大战游戏，玩法类似经典的FC坦克大战。设计思路使用像素风格渲染游戏元素玩家控制坦克移动和射击敌方AI坦克自动移动和攻击可破坏的砖墙和不可破坏的钢墙基地保护机制计分系统和生命值显示实现代码像素坦克大战*{margin:0;padding:0;box-sizing:border-box;font-family:'PressSt
  • 像素世界：回合制角色扮演游戏
    像素世界：回合制角色扮演游戏我将设计一个原创的像素风格回合制RPG游戏，包含角色移动、战斗系统、物品收集等核心功能。设计思路使用Canvas创建像素风格的游戏世界实现角色移动和地图探索设计回合制战斗系统添加物品收集和角色成长元素采用复古像素艺术风格下面是完整的实现代码：像素世界：回合制RPG*{margin:0;padding:0;box-sizing:border-box;font-family
  • canvas使用 CDwenhuohuo canva可画
    是HTML5引入的一个新标签，它首次出现在2004年的Safari浏览器中，由Apple提出，并在后来的HTML5标准中被正式采纳。IE8及以下❌不支持Canvas的基本用法-WebAPI|MDNvue3import{onMounted}from'vue';onMounted(()=>{constcanvas=document.getElementById('myCanvas');constctx
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • canvas使用滑杆交互_如何使用JavaScript和Canvas开发交互式文件上传器 cukw6666 jsjavascriptcssvuepythonViewUI
    canvas使用滑杆交互介绍(Introduction)Howniceorfuncanwemaketheinteractionsonawebsiteorwebapplication?Thetruthisthatmostcouldbebetterthanwedotoday.Forexample,whowouldnotwanttouseanapplicationlikethis:我们可以在网站或Web
  • 使用JavaScript和Canvas开发广告素材上载互动 culiu9261 javascriptjscsshtmlvueViewUI
    Howniceorfuncanwedotheinteractionsonawebsiteorwebapplication?Thetruthisthatmostcouldbebetterthanwedotoday.Forexample,whowouldnotwanttouseanapplicationlikethis?我们可以在网站或Web应用程序上进行互动有多有趣？事实是，大多数情况可能会比今天更
  • 常见的漏洞利用框架整理 网安导师小李 编程网络安全程序员node.jsweb安全网络安全tomcatpythonjava
    一、常见的漏洞利用框架MetasploitFramework：一个广泛使用的开源漏洞利用框架，用于测试和评估系统的安全性。ExploitDB：一个在线漏洞利用数据库，包含各种漏洞的利用代码。Canvas：由Immunity开发的商业漏洞利用框架，提供高级的漏洞利用技术和功能，用于渗透测试和漏洞研究。CoreImpact：一款商业漏洞利用框架，用于对网络和应用程序进行安全评估和渗透测试。Cobalt
  • vue3 antd modal对话框里的前端html导出成pdf并下载 清岚_lxn vue3pdfvue3html2canvasjspdf
    1.安装html2canvas和jspdf：npminstallhtml2canvasjspdf2.新建exportToPDF.tsimporthtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf';constexportToPDF=async(element,filename='export.pdf')=>{constpdf=newjsPDF('p
  • mongo insert可以添加多条数据 五大RobertWu伍洋
    db.inventory.insertOne({item:"canvas",qty:100,tags:["cotton"],size:{h:28,w:35.5,uom:"cm"}})db.inventory.insertMany([{item:"journal",qty:25,tags:["blank","red"],size:{h:14,w:21,uom:"cm"}},{item:"mat",q
  • react 录音功能 Mr_wuying react.jsjavascript前端
    在这有两种录音时的动态效果1.使用react-media-recorder库实现基础录音功能2.添加录音计时器显示录音时长3.实现音频可视化效果，通过Canvas绘制频谱图4.处理麦克风权限状态检测5.提供开始/停止录音和清除录音的控制按钮先添加依赖npminstallreact-media-recorder//exportdefaultAudioRecorder;importReact,{use
  • Node.js 倒计时图片服务部署与 Nginx 反向代理实战总结 易易前端 nodenode.jsnginx运维
    Node.js倒计时图片服务部署与Nginx反向代理实战总结场景描述我们希望实现一个倒计时图片接口，供邮件等外部平台引用，如：https://your-domain.com/countdown/countdown.png?end=2025-09-30T00:00:00通过访问该链接生成实时倒计时PNG图，用于促销活动倒计时展示。技术栈与组件Node.js+Expresscanvas模块绘制PNGN
  • 【前端】ikun-qrcode：极简的二维码生成组件，使用view而非canvas避免层级问题 青春狗头少年不会梦到格温学姐 前端
    文章目录背景ikun-qrcode界面效果如何发布一款自己的插件到uniapp市场。（5分钟搞定）背景之前在uniapp上100行搞定二维码生成，现在封装为vue组件分享出来：下载地址：https://ext.dcloud.net.cn/plugin?id=19351ikun-qrcode使用基础的view渲染二维码，需要给定宽高和单位和数据：uniapp默认整体宽度是750rpx。界面效果如何发
  • melody-canvas：实时音频可视化与创意画布
    melody-canvas：实时音频可视化与创意画布项目介绍melody-canvas是一个开源项目，致力于为用户提供一个强大的音频可视化与画布编辑平台。通过该平台，用户可以利用Web技术实时地将音频信号转换成视觉元素，同时支持画布上的图像和文本编辑，创作出独一无二的音频艺术作品。项目技术分析melody-canvas的核心功能基于现代Web技术构建，主要包括以下技术组件：WebAudioAPI：
  • Vue3 - 实现一个雨水滴落的动画效果 程序员的成长之路 Vue3html5javascriptvue
    在Vue3中实现一个雨水滴落的动画效果，可以使用HTML5的元素和JavaScript来绘制和控制动画。以下是一个实现雨水滴落效果的示例：创建一个Vue3项目首先，确保你已经创建了一个Vue3项目。如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。创建一个名为R
  • 数字图像处理（三：图像如果当作矩阵，那加减乘除处理了矩阵，那图像咋变）：从LED冬奥会、奥运会及春晚等等大屏，到手机小屏，快来挖一挖里面都有什么
    数字图像处理（三）一、（准备工作：咋玩，用什么玩具）图像以矩阵形式存储，那矩阵一变、图像立刻跟着变？1.Python+JupyterNotebook/Lab+库(NumPy,OpenCV,Matplotlib,scikit-image)2.MATLAB+ImageProcessingToolbox3.JavaScript+HTML5Canvas+浏览器4.专业的图像处理软件(带脚本/插件功能)二、
  • UGUI 性能优化系列：第四篇——高级优化与注意事项 吉良吉影NeKoSuKi 性能优化unity游戏引擎c#开发语言架构
    UGUI性能优化系列：第一篇——基础优化与资源管理UGUI性能优化系列：第二篇——Canvas与UI元素管理UGUI性能优化系列：第三篇——渲染与像素填充率优化UGUI性能优化系列：第四篇——高级优化与注意事项在前面的三篇文章中，我们从UGUI的基础渲染管线、资源管理，到Canvas的重建机制、UI元素管理，再到渲染与像素填充率优化，逐步深入地探讨了UGUI性能优化的核心策略。现在，我们将进入本系
  • 如何区别HTML和HTML5？ 代码的余温 htmlhtml5前端
    要区分HTML（通常指HTML4及更早版本）和HTML5，主要可以从以下关键方面进行比较：一、文档声明区别二、语义化标签对比用途HTML4标签HTML5新标签头部区域导航栏内容区块独立文章侧边栏页脚主要内容区✅HTML5通过语义化标签取代了泛滥的，提升可读性和SEO三、多媒体支持差异四、图形技术演进constctx=document.getElementById('myCanvas').getCo
  • UGUI 性能优化系列：第二篇——Canvas 与 UI 元素管理 吉良吉影NeKoSuKi 性能优化uiunity游戏引擎c#开发语言
    UGUI性能优化系列：第一篇——基础优化与资源管理UGUI性能优化系列：第二篇——Canvas与UI元素管理UGUI性能优化系列：第三篇——渲染与像素填充率优化在UGUI性能优化中，Canvas是一个核心概念，它像一块画板，承载着所有的UI元素。对Canvas的理解和管理，是优化UGUI性能的关键。同时，单个UI元素的生命周期和属性管理也会直接影响性能。本篇文章将深入探讨Canvas的重建机制、分
  • UGUI 性能优化系列：第三篇——渲染与像素填充率优化 吉良吉影NeKoSuKi 性能优化unity游戏引擎c#开发语言
    在UnityUGUI性能优化之旅中，我们已经学习了基础的资源管理和Canvas与UI元素的管理。现在，我们将把目光转向更深层次的渲染层面，特别是如何优化像素填充率（PixelFillRate）。在这个环节中，Overdraw（过度绘制）是一个我们必须理解和解决的关键问题，因为它直接关系到GPU的工作效率。一、Overdraw（过度绘制）的危害与检测1.什么是Overdraw？为什么会影响性能？想象
  • 精通Canvas：15款时钟特效代码实现指南 烟幕缭绕
    本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提
  • 【web应用】若依框架中，使用Echarts导出报表为PDF文件 JosieBook #Java全栈前端echartspdf
    文章目录前言一、Echarts准备工作1、查看是否安装了Echarts2、Echarts导入script中3、使用Echarts创建图表二、报表制作打印html2canvas和jsPDF准备工作1、安装html2canvas和jsPDF依赖包2、html2canvas和jsPDF引用到script中3、制作并打印报表三、导出结果前言若依框架前端中，要使用一些文本、数据、图表制作报表，然后导出，那么
  • 【第5章 动画】5.11 动画制作的最佳指导原则 ncj393437906 《HTML5Canvas核心技术图形动画与游戏开发》canvas
    文章目录在制作动画时，请牢记下列指导原则：使用类似requestNextAnimationFrame（）这样的“polyfill式”方法来保持浏览器兼容性。将业务逻辑的更新与动画的绘制分开。使用“基于时间的运动”来协调动画的播放速度。用剪辑区域或图块复制技术将复杂的背景图像恢复到屏幕上。必要时可使用一个或多个离屏缓冲区以提升背景的绘制速度。不要通过CSS指定阴影及圆角效果。不要在Canvas中进行
  • 【总结】暂序 ncj393437906 《HTML5Canvas核心技术图形动画与游戏开发》canvas
    文章目录目前项目业务是使用canvas对数据进行成图，不涉及动画游戏业务，《HTML5Canvas核心技术图形、动画与游戏开发》这本书总共有10章，目前只用看到【第5章-动画】章节，目前笔记就先记录到这。
  • Unity UGUI GraphicRaycaster.Raycast详解 上班摸鱼君 unity游戏引擎
    一、源码//////对当前Canvas上的所有可交互UI图形执行射线检测，判断是否被点击或触碰。//////指针事件的数据（包含鼠标位置、触摸点等）///用于存储命中的UI元素结果列表publicoverridevoidRaycast(PointerEventDataeventData,ListresultAppendList){//如果Canvas不存在，则无法进行任何UI检测，直接返回if(c
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他