chwshuang
chwshuang

js画图开发库--mxgraph--[grid-网格.html]

 js画图开发库--mxgraph--[grid-网格.html] 

 

点击图形下方按钮：网格根据图形大小变化：

<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>Grid example for mxGraph</title>

<!-- 如果本文件的包与src不是在同一个目录,就要将basepath设置到src目录下 -->
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>

	<!-- 引入支持库文件 -->
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<!-- 示例代码 -->
	<script type="text/javascript">
		//程序在此启动
		function main(container)
		{
			// 	// 检测浏览器兼容性
			if (!mxClient.isBrowserSupported())
			{
				mxUtils.error('Browser is not supported!', 200, false);
			}
			else
			{
				mxEvent.disableContextMenu(document.body);
				
				//去锯齿效果
				mxRectangleShape.prototype.crisp = true;
				
				// 在容器中创建图形
				var graph = new mxGraph(container);
				graph.graphHandler.scaleGrid = true;
				graph.setPanning(true);

				// 默认右键下拉列表
				new mxRubberband(graph);

				// 动态地创建网格（需要画布）
				(function()
				{
					try
					{
						var canvas = document.createElement('canvas');
						canvas.style.position = 'absolute';
						canvas.style.top = '0px';
						canvas.style.left = '0px';
						canvas.style.zIndex = -1;
						graph.container.appendChild(canvas);
						
						var ctx = canvas.getContext('2d');
						
						// 过滤画布事件，修改画布作为容器 
						mxGraphViewIsContainerEvent = mxGraphView.prototype.isContainerEvent;
						mxGraphView.prototype.isContainerEvent = function(evt)
						{
							return mxGraphViewIsContainerEvent.apply(this, arguments) ||
								mxEvent.getSource(evt) == canvas;
						};
						
						var s = 0;
						var gs = 0;
						var tr = new mxPoint();
						var w = 0;
						var h = 0;

						function repaintGrid()
						{
							if (ctx != null)
							{
								var bounds = graph.getGraphBounds();
								var width = Math.max(bounds.x + bounds.width, graph.container.clientWidth);
								var height = Math.max(bounds.y + bounds.height, graph.container.clientHeight);
								var sizeChanged = width != w || height != h;
								
								if (graph.view.scale != s || graph.view.translate.x != tr.x || graph.view.translate.y != tr.y ||
									gs != graph.gridSize || sizeChanged)
								{
									tr = graph.view.translate.clone();
									s = graph.view.scale;
									gs = graph.gridSize;
									w = width;
									h = height;
									
									// 根据需要清除背景
									if (!sizeChanged)
									{
										ctx.clearRect(0, 0, w, h);
									}
									else
									{
										canvas.setAttribute('width', w);
										canvas.setAttribute('height', h);
									}
	
									var tx = tr.x * s;
									var ty = tr.y * s;
	
									// 设定网格线的距离（以像素为单位）
									var minStepping = graph.gridSize;
									var stepping = minStepping * s;
	
									if (stepping < minStepping)
									{
										var count = Math.round(Math.ceil(minStepping / stepping) / 2) * 2;
										stepping = count * stepping;
									}
	
									var xs = Math.floor((0 - tx) / stepping) * stepping + tx;
									var xe = Math.ceil(w / stepping) * stepping;
									var ys = Math.floor((0 - ty) / stepping) * stepping + ty;
									var ye = Math.ceil(h / stepping) * stepping;
	
									xe += Math.ceil(stepping);
									ye += Math.ceil(stepping);
	
									var ixs = Math.round(xs);
									var ixe = Math.round(xe);
									var iys = Math.round(ys);
									var iye = Math.round(ye);
	
									// 绘制网格
									ctx.strokeStyle = '#f6f6f6';
									ctx.beginPath();
									
									for (var x = xs; x <= xe; x += stepping)
									{
										x = Math.round((x - tx) / stepping) * stepping + tx;
										var ix = Math.round(x);
										
										ctx.moveTo(ix + 0.5, iys + 0.5);
										ctx.lineTo(ix + 0.5, iye + 0.5);
									}
	
									for (var y = ys; y <= ye; y += stepping)
									{
										y = Math.round((y - ty) / stepping) * stepping + ty;
										var iy = Math.round(y);
										
										ctx.moveTo(ixs + 0.5, iy + 0.5);
										ctx.lineTo(ixe + 0.5, iy + 0.5);
									}
	
									ctx.closePath();
									ctx.stroke();
								}
							}
						};
					}
					catch (e)
					{
						mxLog.show();
						mxLog.debug('Using background image');
						
						container.style.backgroundImage = 'url(\'editors/images/grid.gif\')';
					}
					
					mxGraphViewValidateBackground = mxGraphView.prototype.validateBackground;
					mxGraphView.prototype.validateBackground = function()
					{
						mxGraphViewValidateBackground.apply(this, arguments);
						repaintGrid();
					};
				})();
				
				
				// 创建默认窗体
				var parent = graph.getDefaultParent();
								
				// 开启更新事务
				graph.getModel().beginUpdate();
				try
				{
					var v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30);
					var v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30);
					var e1 = graph.insertEdge(parent, null, '', v1, v2);
				}
				finally
				{
					// 结束更新事务
					graph.getModel().endUpdate();
				}

				graph.centerZoom = false;
				//创建一个放大按钮
				document.body.appendChild(mxUtils.button('+', function()
				{
					graph.zoomIn();
				}));
				//创建一个缩小按钮
				document.body.appendChild(mxUtils.button('-', function()
				{
					graph.zoomOut();
				}));
			}
		};
	</script>
</head>

<!-- 页面载入时启动程序 -->
<body onload="main(document.getElementById('graphContainer'))">

	<!-- 创建带网格壁纸和曲线的一个容器  -->
	<div id="graphContainer"
		style="overflow:hidden;width:821px;height:641px;cursor:default;">
	</div>
</body>
</html>

 

 

 

你可能感兴趣的:(grid,js画图开发库,mxgraph,网格.html)

  • 卡尔曼滤波记录 qq_30362711 优化与求解机器学习
    参考这个：https://www.kalmanfilter.net/alphabeta.html。这个吊打其他一切教程
  • 前端主流的项目开发过程详解 GISer_Jinger Javascript项目Vue前端javascript
    前端主流的项目开发涉及多个方面，包括使用的技术栈、框架、工具以及开发流程等。以下是对前端主流项目开发的详细分析：一、技术栈前端主流项目开发的技术栈通常包括HTML、CSS、JavaScript以及相关的库和框架。其中，JavaScript是核心，它使得网页更加动态和交互。而HTML和CSS则分别负责网页的结构和样式。HTML：用于构建网页的基本结构，如标题、段落、链接、图像等。CSS：用于控制网页
  • 【前端】Electron入门开发教程，从介绍Electron到基础引用以及部分深度使用，附带常见的十个报错问题的解决方案和代码优化。 爱上大树的小猪 前端electronjavascript
    Electron是一个使用JavaScript、HTML和CSS等Web技术创建跨平台桌面应用程序的框架。它结合了Chromium渲染引擎和Node.js运行时，允许开发者构建高质量的桌面应用。下面是一个简要的Electron开发教程，从基础到深入，并包括一些常见的报错问题及其解决方案。一、介绍ElectronElectron能够使用前端技术栈开发桌面应用，支持Windows、macOS和Linu
  • 【Leetcode 热题 100】62. 不同路径 冠位观测者 LeetcodeTop100Likedleetcode算法数据结构
    问题背景一个机器人位于一个m×nm\timesnm×n网格的左上角。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角。问总共有多少条不同的路径？数据约束1≤m,n≤1001\lem,n\le1001≤m,n≤100题目数据保证答案小于等于2×1092\times10^92×109解题过程这是个显而易见的组合问题，对于每个用例，总共要移动的步骤数量是固定的(m+n−2)(m+n-2)(
  • CSS中的响应式布局初识 匹马夕阳 css集锦css前端
    响应式布局是一种Web设计方法，使网站能够在各种设备（如台式电脑、平板电脑、手机等）上有良好的显示效果。响应式布局通常使用CSS媒体查询来调整页面布局以适应不同的屏幕尺寸和分辨率。下面我将通过一个简单的示例来讲解如何实现响应式布局。示例场景假设我们要创建一个简单的Web页面，它包含一个标题和两个并排的内容区域。在较大的屏幕上，内容区域将并排显示；在较小的屏幕上，内容区域将堆叠显示。HTML代码首先
  • LeetCode刷题第九天（994. 腐烂的橘子） 隰有扶苏丶 leetcodejava算法python数据结构
    文章目录题目描述广度深度优先解法JAVA代码算法复杂度题目描述在给定的网格中，每个单元格可以有以下三个值之一：值0代表空单元格；值1代表新鲜橘子；值2代表腐烂的橘子。每分钟，任何与腐烂的橘子（在4个正方向上）相邻的新鲜橘子都会腐烂。返回直到单元格中没有新鲜橘子为止所必须经过的最小分钟数。如果不可能，返回-1。示例1：输入：[[2,1,1],[1,1,0],[0,1,1]]输出：4示例2：输入：[[
  • Vue全流程--Vue2组件的理解第二部分 不清参 Vue全流程vue.jsjavascript前端
    组件命名规则好的命名规则可以省去很多不必要的麻烦，这个好习惯还是要养成的一个单词组成：第一种写法(首字母小写)：school第二种写法(首字母大写)：School多个单词组成：第一种写法(kebab-case命名)：my-school第二种写法(CamelCase命名)：MySchool(需要Vue脚手架支持)备注：(1).组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。(2).
  • WPF学习记录之MVVM（一）数据绑定 一个新的不能再新的开发者 wpfmicrosoft
    这个是我自己的学习记录，大佬们不喜勿喷，刚接触这个圈子一个月，为了给跟我一样的新手分享一下都能怎么实现数据绑定，互相参考，所以选择公开记录。数据绑定弄清楚之后非常的简单，我这个练习绑定的数据选择在DataGrid里面绑定，一开始感觉DataGrid很麻烦，之后感觉幸亏选择了DataGrid。一、首先需要实现DataContext的绑定，要在MainWindow.xaml.cs的窗口构造器里面，将D
  • 关于如何转换MarkDown文本并在Html内进行显示 Singe.Chen HTMLhtml前端
    今天遇到一个问题，从ChatGpt的API获取的文本格式为MarkDown，在HTML上使用textarea控件显示的时候就只是文字格式，并没有对MarkDown格式进行处理，今天就分享一下如何在Html上进行MarkDown格式文本的显示1.创建一个HTML页面，包括textarea和一个用于显示Markdown内容的div：TextareatoMarkdown2.将文本输入到div控件的.in
  • WPF开发技巧：在WPF的DataGrid中实现动态增加列并刷新表格 Singe.Chen #WPFwpf
    1.VM代码usingPrism.Mvvm;usingSystem;usingSystem.Collections.Generic;usingSystem.Collections.ObjectModel;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingSystem.Windows.Input;usingNewto
  • python openpyxl包excel 绘制 线性图表 呜呜呜小吴莫哭 python仿真excel可视化python
    https://openpyxl.readthedocs.io/en/stable/charts/line.html说明：来自英文手册未翻译LineChartsLinechartsallowdatatobeplottedagainstafixedaxis.Theyaresimilartoscattercharts,themaindifferenceisthatwithlinechartseachd
  • linux 开源oa系统,linux版64位免费OA办公系统4.17 大柚子蛇精病 linux开源oa系统
    安装包为海钛瑞OA办公自动化系统Linux平台免费版，目前可以在centos7或以上版本安装。先安装好Firebird(可以这里下载http://www.hitai.com/oa/download/download31.html),记下数据库管理员(SYSDBA)密码，默认密码为masterkey,请修改。安装步骤如下：1.下载本安装包2.解压缩tar-xzvfgooffice64_4.17.ta
  • java excel 转 图片_Java 将Excel转为图片、html、XPS、XML、CSV 甜甜呀嘿 javaexcel转图片
    通过文档格式转换，可满足不同办公场合对文档操作的需求。本文将介绍转换Excel文档为其他常见文档格式的方法。通过文中的方法，可支持将Excel转换为包括PDF、图片、html、XPS、XML、CSV、PCL、ODS、PostScript、以及OfficeExcel不同版本，如，version97-2003，version2007，version2010，version2013，version201
  • pdfjs转图片_PDF转图片，在线PDF转JPG/PNG 诡道荒行 pdfjs转图片
    原理使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5。依赖需要pdf.min.js和pdf.worker.min.js两个js文件全部代码实现pdfjsLib.G
  • 10.1、LNMT架构 weixin_30832405 java数据库运维
    Java环境安装包下载路径：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htmlTomcat安装包下载路径：https://tomcat.apache.org/download-90.cgijpress软件下载：http://jpress.io/downloadJava环境安装上传j
  • pdfjs转图片_PDF转图片，PDF转JPG/PNG，完全由JS实现-阿里云开发者社区 陈紫璇 pdfjs转图片
    原理使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5。依赖需要pdf.min.js和pdf.worker.min.js两个js文件全部代码实现pdfjsLib.G
  • 全面掌握React：2025年学习路径指南 chenNorth。 前端reactreact.js学习前端
    文章目录第一步：Web开发的基石——JavaScript与TypeScript第二步：Web设计的核心——HTML与CSS第三步：进入React的世界第四步：用TailwindCSS进行样式设计第五步：用Shadcn/UI增强你的UI第六步：用ReactHookForm处理表单第七步：用Next.js提升你的技能第八步：用Remix掌握全栈开发第九步：ReactNative+Expo：轻松开发移动
  • html5 h265播放器,PC端播放H265 健康和谐男哥 html5h265播放器
    说明需要在PC端浏览器(Chrome)中播放直播视频，视频格式有H264/H265。有不少三方库可以实现。通过video.js(支持H264，不支持H265)videojs-contrib-hlsembedVideo.jsExampleEmbeddata-setup='{}'>参考地址：通过hls.js(支持H264，不支持H265)pcplaym3u8(hlsjs)video{width:600
  • 基于python3.10的Django4.1项目安装启动（二） weixin_40686234 前端djangobootstrappythonhtml
    创建模版---templates和引入静态文件，bootstrap一.创建模版---templates1.在url.py页面编辑路由path("home/",views.home),#用于创建一个templates首页模板2.在views.py页面建立视图映射defhome(request):#去app目录下新建templates目录再新建home.html文件returnrender(reque
  • html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发... miao君 html5webglstl
    4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
  • SAP GR/IR在系统AP中收货和校验对会计业务的影响（详细） trassion SAP-FISAPGRIR采购
    转自：http://www.studa.net/kuaiji/100405/14523268.html【摘要】正确理解和掌握SAP系统采购收货和发票校验的集成性对会计业务的影响,可以为物料数据分析和成本数据分析提供有力工具,保证数据真实、完整、实时和丰富,为企业管理者提供决策支持。【关键词】SAP;采购收货;发票校验;集成;影响mySAPERP系统是一种可以实现跨地区、跨部门、甚至跨公司整合实时信
  • 怎么创建一个能在线测试php的html5网页？ 很酷的站长 编程记录html5专题php专题phphtml5开发语言
    代码示例：一、搭建服务器环境首先，你需要在服务器上搭建PHP运行环境。如果你使用的是Linux服务器，可以使用Apache或Nginx作为Web服务器，并安装PHP解释器。对于Windows服务器，可以使用WAMP（Windows,Apache,MySQL,PHP）或XAMPP等集成环境。二、创建HTML表单页面创建一个HTML页面，包含一个表单，用户可以在表单中输入PHP代码，将该代码提交到服务
  • 一个简单的html5导航页面 很酷的站长 html5专题html5前端html
    一个简单的HTML5导航页面的示例代码：html简单导航页面/*样式部分*/body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}nav{background-color:#333;overflow:hidden;}nava{float:left;display:block;color:whit
  • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
    一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
  • 基于Python的Selenium详细教程总结（极简版） weixin_41663997 pythonselenium开发语言
    基于Python的Selenium详细教程总结一、PyCharm安装配置Selenium使用环境:Windows11,Python3.10.5,PyCharm2022.1.3,Selenium4.3.0需要技术:Python,HTML,CSS,JavaScriptSelenium安装:查看已安装的Python包:piplist安装Selenium4.3.0:pipinstallselenium==
  • 基于requests库的爬虫实战 京东商品信息爬取 Jerry104393 Pythonpython爬虫正则表达式
    一，功能描述：目标：从京东商城爬取商品信息，输出商品名称和价格二、技术路线：requests-re-bs4三，程序设计结构：1.爬取网页内容：getHTMLText()2.提取信息到合适的数据结构中:parsePage()3.利用数据结构展示并输出:printGoodsList()四、体会：本次实验遇到的最大技术难题就是怎么剔除HTML标签（查看源代码发现可以用i和em两个标签精确定位），后来查看
  • 计算机毕业设计JAVA房屋租赁系统mybatis 煦洋cxsj985 mybatisjava开发语言
    计算机毕业设计JAVA房屋租赁系统mybatis计算机毕业设计JAVA房屋租赁系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan
  • Formality：黑盒(black box) 日晨难再 Synopsys#Formality数字IC硬件工程
    相关阅读Formalityhttps://blog.csdn.net/weixin_45791458/category_12841971.html?spm=1001.2014.3001.5482简介在使用Formality时，黑盒(blackbox)的概念很重要，指的是一个其功能未知的设计。黑盒通常用于设计中不可综合的组件，包括RAM、ROM、模拟电路和硬核IP等。它也是需要匹配的对象之一，必须确
  • 开启eslint后，html中全角符号绕过eslint检测 Э时间行者于我 前端前端
    直接在需要的地方复制这块eslint代码就行
  • gin框架学习笔记 蛮吉(lambda) goginjsonjava中间件
    gin框架学习笔记官网reviewgin是用go编写的web框架，由于httprputer(基于radix树路由)速度快了40倍，支持中间件，路由组处理，json等多方式验证，内置了json/xml/html等渲染，是一个易于使用的go框架如果是用常量，比如http.statusOkimpport“net/http”gin使用默认的encoding/json作为默认的json包，但是可以通过其他标
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他