风舞红枫
风舞红枫

使用canvas绘制六边形

近期遇到了一个六边形边框的需求，实现如下图效果：有六边形边框，中间是一张图片，图片超出的部分要裁切掉。

使用canvas绘制六边形_第1张图片

代码实现如下：

<html>
	<head>
		<style>
			html,body{
				width:100%;
				height:100%;
				padding:0;
				margin:0;
			}
			canvas{
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
			}
		</style>
	</head>
	<body>
		<canvas></canvas>
	</body>
	<script type="text/javascript">
		var canvas = document.getElementsByTagName('canvas')[0];
		var context = canvas.getContext("2d");
		
		//六边形横向宽
		width = 209;
		//边框粗细
		borderWidth = 3;
		//六边形边长
		hexagonWidth = (width - borderWidth)/4;
		
		//设置canvas宽高
		canvas.width = width;
		canvas.height = width / 2 * Math.sqrt(3) + borderWidth;
		
		//图片缩放比例
		imgScale = 0.5;
		
		//绘制图片
		var img = new Image()
		img.src = './1.png'
		img.onload = function(){
		    context.drawImage(this, canvas.width/2 - img.width/2*imgScale , canvas.height/2 - img.height/2*imgScale , img.width*imgScale , img.height*imgScale)
			
			//如果图片绘制后覆盖边框，可再次调用一边绘制六边形代码
		}
		
		//绘制六边形，裁切
		context.beginPath();
		context.save(); 
		context.translate(canvas.width/2,canvas.height/2);
		context.strokeStyle = '#79b1f7'; 
		context.lineWidth = borderWidth; 
		context.lineTo(-1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
		context.lineTo(1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
		context.lineTo(2*hexagonWidth,0*hexagonWidth);
		context.lineTo(1*hexagonWidth,-1 * Math.sqrt(3)*hexagonWidth);
		context.lineTo(-1*hexagonWidth,-1 * Math.sqrt(3)*hexagonWidth);
		context.lineTo(-2*hexagonWidth,0*hexagonWidth);
		context.lineTo(-1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
		context.stroke(); 
		context.restore();
		context.clip();
		context.closePath();
	</script>
</html>

如果图片太大时会出现覆盖边框的问题，如下图。这是由于canvas绘制线条的特性而导致的（以中心向两边绘制固定宽度，比如代码中设置的宽度为3，则连接线外部与内部的宽度各为1.5，所以覆盖的边框宽为1.5）。
使用canvas绘制六边形_第2张图片
解决代码如下：

//图片缩放比例
imgScale = 1;
		
img.onload = function(){
    context.drawImage(this, canvas.width/2 - img.width/2*imgScale , canvas.height/2 - img.height/2*imgScale , img.width*imgScale , img.height*imgScale)
	
	//如果图片绘制后覆盖边框，可再次调用一边绘制六边形代码
	context.beginPath();
	context.save(); 
	context.translate(canvas.width/2,canvas.height/2);
	context.strokeStyle = '#79b1f7'; 
	context.lineWidth = borderWidth; 
	context.lineTo(-1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
	context.lineTo(1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
	context.lineTo(2*hexagonWidth,0*hexagonWidth);
	context.lineTo(1*hexagonWidth,-1 * Math.sqrt(3)*hexagonWidth);
	context.lineTo(-1*hexagonWidth,-1 * Math.sqrt(3)*hexagonWidth);
	context.lineTo(-2*hexagonWidth,0*hexagonWidth);
	context.lineTo(-1*hexagonWidth,Math.sqrt(3)*hexagonWidth);
	context.stroke(); 
	context.restore();
	context.closePath();
}

解决后效果图如下：
使用canvas绘制六边形_第3张图片

你可能感兴趣的:(canvas,canvas,html,js,css,html5)

  • 【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽黑客鹏哥 web安全CTF网络安全大赛pythonLinux
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 【现代前端框架中本地图片资源的处理方案】 Gazer_S 前端框架前端缓存javascriptchrome
    现代前端框架中本地图片资源的处理方案前言在前端开发中，正确引用本地图片资源是一个常见但容易被忽视的问题。我们不能像在HTML中那样简单地使用相对路径，因为JavaScript模块中的路径解析规则与HTML不同，且现代构建工具对静态资源有特殊的处理机制。本文将详细探讨在webpack和Vite等构建工具中处理本地图片引用的各种方法。传统方式的局限性在传统开发中，我们可能习惯这样引用图片：constl
  • STL两级空间配置器＜128kb（内存池+自由链表）与一级空间配置器(mmap(),allocate()) zjkzjk7711 c++链表开发语言
    STL的两级空间配置器（Two-LevelAllocator）STL（标准模板库）中的两级空间配置器（Two-LevelAllocator）是SGISTL（SiliconGraphicsSTL）设计的内存管理机制，用于提高小对象（≤128B）和大对象（>128B）的分配效率。1.什么是两级空间配置器？在SGISTL的__default_alloc_template（SGISTL的默认分配器）中，采
  • javaweb将上传的图片保存在项目文件webapp下的upload文件夹下 yuren_xia 后端技术前端技术webappjavatomcateclipse
    前端HTML表单(upload.html)首先，创建一个HTML页面，允许用户选择并上传图片。图片上传上传图片注意：表单的method设置为"post"，enctype需设置成"multipart/form-data"2.后端Servlet(UploadServlet.java)接下来，创建一个Servlet来处理文件上传请求，并将上传的图片保存到webapp/load目录下。packagecom
  • Cuppa CMS任意文件读取漏洞（CVE-2022-25401） 风中追风-fzzf #文件读取安全web安全
    一、漏洞概述CuppaCMSv1.0中文件管理器的复制功能允许将任何文件复制到当前目录，从而授予攻击者对任意文件得读取权限，/templates/default/html/windows/right.php文件存在任意文件读取漏洞。二、影响范围v1.0三、访问页面四、漏洞复现1、访问接口POST接口/templates/default/html/windows/right.phpPOST/temp
  • 深入剖析 Java 反序列化：FASTjson 漏洞与 Shiro 漏洞 阿贾克斯的黎明 网络安全phpweb安全开发语言
    目录深入剖析Java反序列化：FASTjson漏洞与Shiro漏洞引言Java反序列化原理示例代码FASTjson漏洞分析漏洞成因示例代码防护措施Shiro漏洞分析漏洞成因示例代码（模拟攻击场景）防护措施总结引言在Java应用开发中，反序列化是一项重要的技术，但同时也隐藏着巨大的安全风险。FASTjson和Shiro作为Java开发中常用的工具和框架，其反序列化漏洞曾引发了广泛关注。本文将深入探讨
  • 前端开发中的常见问题与疑惑：解析与应对策略 lina_mua javascriptvue.jshtml前端es6
    1.引言1.1前端开发的复杂性前端开发涉及HTML、CSS、JavaScript等多种技术，同时还需要考虑性能优化、跨浏览器兼容性、用户体验等问题。随着前端技术的快速发展，开发者面临的挑战也越来越多。1.2本文的目标本文旨在总结前端开发中常见的问题与疑惑，并提供相应的解决方案和应对策略，帮助开发者更好地应对挑战。2.HTML/CSS常见问题2.1布局问题：如何实现复杂的页面布局？问题描述：实现复杂
  • 探索表单设计新境界：React JSON Schema Form 编辑器 包椒浩Leith
    探索表单设计新境界：ReactJSONSchemaForm编辑器react-json-schema-form-builderVisualeditorforformsbasedonjsonschema,builtinReactJS项目地址:https://gitcode.com/gh_mirrors/re/react-json-schema-form-builder在当今快速迭代的软件开发领域，灵活
  • Geo3D城市引擎大规模建筑植被渲染 苹果园dog WebGLGIS3d
    import*asGeo3Dfrom"../src";importInitHelperfrom"./InitHelper";//3D场景初始化constsceneControl=InitHelper.init3D();constcontainer=document.querySelector("#map")asHTMLElement;container&&sceneControl.render(c
  • Day5 --- Flask-RESTful请求响应与SQLAlchemy基础 laufing 问题flaskrestfulpython
    文章目录昨日回顾今日内容1.请求解析1.1RequestParser处理请求1.2参数详解1.3处理请求案例2.返回响应2.1序列化数据:2.2返回JSON格式3.ORM与Flask-SQLAlchemy3.1ORM介绍ORM框架3.2Flask-SQLAlchemy扩展3.3定义模型类3.4数据库迁移操作4.数据增删改查4.1新增数据4.2简单查询4.3更新数据4.4删除数据5.数据操作案例昨日
  • 点击修改按钮图片显示有问题 小丁学Java 产品资质管理系统vue
    问题可能出在表单数据的初始化上。在ave-form.vue中，我们需要处理一下从后端返回的图片数据，因为它们可能是JSON字符串格式。vue:src/views/tools/fake-strategy/components/ave-form.vue//...existingcode...@Watch('value')watchValue(v:any){this.$nextTick(()=>{thi
  • 【Python】7天-python实现缓存-day01 qq_40375355 Python-7天小项目pythonpython缓存开发语言
    使用Python实现类似redis的缓存，原文是使用go实现的，本文使用python实现，用来比较两者的区别，方便从python转go的开发者比较二者的不同。PS：原文链接是：https://geektutu.com/post/geecache-day1.htmlPS:预计在完成前还会对本文多次修改仅作参考PS:测试代码也会在后续补充一、LRU和LRU-K原文使用的是LRU算法，这里改成LRU-K
  • Django模板系统深入 jay丿 djangosqlite数据库
    Django模板系统深入模板继承和重用Block标签在Django模板中，{%block%}标签允许你定义一个“块”，这个块可以在子模板中被重写或填充。{%blocktitle%}MySite{%endblock%}Welcometomysite{%blockcontent%}{%endblock%}{%extends"base.html"%}{%blocktitle%}MyChildPage{%
  • MRtrix3安装报错2则：Checking for Qt: ERROR: error linking Qt application! 皎皎如月明 linux运维服务器
    服了，mrtrix3官网现在只推荐了conda安装这种方法，但是conda安装我一直报错，报错代码如下：Solvingenvironment:failedwithinitialfrozensolve.Retryingwithflexiblesolve.Collectingpackagemetadata(repodata.json):donePackagesNotFoundError:Thefoll
  • drupal如何查看已有网页的源码 dev.null 前端前端
    在Drupal中查看已有网页的源码（HTML源代码），你可以通过以下几种方法：方法1：使用浏览器的开发者工具打开网页：访问你想查看源代码的页面。右键点击页面：在页面的任意空白处，右键点击，然后选择查看页面源代码（ViewPageSource）或者检查（Inspect）选项（具体名称取决于浏览器）。查看源代码：如果选择了“查看页面源代码”，浏览器将会显示该页面的HTML源码。如果选择了“检查”，会打
  • 【华为OD-E卷 - 120 分割数组的最大差值 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-分割数组的最大差值100分（python、java、c++、js、c）】题目给定一个由若干整数组成的数组nums，可以在数组内的任意位置进行分割，将该数组分割成两个非空子数组（即左数组和右数组），分别对子数组求和得到两个值，计算这两个值的差值，请输出所有分割方案中，差值最大的值输入描述第一行输入数组中元素个数n，10?prefixSum[i-1]:0);}longtotalSum
  • Python爬虫实战（一）：翻页爬取数据存入SqlServer_python爬虫翻页 2401_84563438 程序员python爬虫sqlserver
    print(str(e))#关闭游标，断开数据库cursor.close()db.close()#实现主要逻辑defrun(self):fortype_numinrange(1,46):#1.拼接网页获取每个类别的页数pageurl=self.baseurl%(1,type_num)html_str=self.parse_url(url)page=self.get_page_num(html_st
  • Vue的单元测试和端到端测试：确保组件可靠性与应用完整性 哎 你看 vuevue.js单元测试前端
    引言在软件开发过程中，测试是保证代码质量和应用稳定性的关键环节。Vue.js作为流行的前端框架，提供了一套完善的测试工具和生态系统，支持开发者进行单元测试和端到端测试。本文将深入探讨如何为Vue组件编写单元测试，并讨论如何使用Cypress等工具进行端到端测试。单元测试1.单元测试的概念单元测试是针对程序中最小的可测试单元进行检查和验证的过程，通常关注函数或方法级别的测试。2.Vue组件的单元测试
  • 1-5.WPS JS宏对象的属性、方法、集合---学习笔记 爱上妖精的尾巴 WPSJS宏编程教程学习笔记wps笔记jsjavascript开发语言学习
    每个对象都有属性与方法。比如人就是一个对象，而人的手或脚就可以看做是人对象下的子对象。人的身高、体重就是属性。而人在吃、喝、拉、撒、睡就是方法(动作)。而多个对象就可以形成集合，比如一屋子人。在JS中，也是万物皆对象。比如JS中的字符串、数组、函数等都是对象。这些对象都有自己的属性与方法，后面在对应的章节中都有讲解。而在WPS表格，也有很多对象，比如WPS表格程序就是最大的对象，再比如WPS的工作
  • Vue.js 组件化开发：从入门到进阶 小李学软件 vue学习前端框架vue.js前端javascript前端框架
    Vue.js组件化开发：从入门到进阶大家好，今天我们来聊一聊Vue.js的“组件化开发”。目前Vue开发已经相对成熟了，相信很多朋友对组件化开发并不陌生。如果你对组件化开发已经非常熟悉，看到我的文章，欢迎点个支持一下。如果你是刚入门，我强烈建议学习一下哦。如果你想巩固Vue组件化的知识，非常推荐来学习。一、什么是组件化开发？在进入正题之前，想问大家一个问题：你有没有拼过乐高？如果有的话，你就会知道
  • Kali Linux信息收集工具 dechen6073
    http://www.freebuf.com/column/150118.html可能大部分渗透测试者都想成为网络空间的007，而我个人的目标却是成为Q先生！看过007系列电影的朋友，应该都还记得那个戏份不多但一直都在的Q先生（由于年级太长目前已经退休）。他为007发明了众多神奇的武器，并且总能在关键时刻挽救大英雄于危难之间。但是与Q先生相比我很惭愧。因为到目前为止我还没有发明出什么可以与他相比的
  • Vue.js组件开发：从基础到进阶 码上飞扬 vue.js
    在现代前端开发中，Vue.js因其简洁、灵活和易上手的特点，成为了众多开发者首选的框架之一。组件化是Vue.js的核心思想之一，它让我们能够更高效、模块化地开发应用。在本文中，我们将从Vue.js的组件开发的基础知识开始，逐步探索如何通过Vue.js进行高效的组件化开发。一、Vue.js组件的基础Vue.js中的组件可以理解为一个具有特定功能的代码块，它通常包含视图（HTML）、样式（CSS）和逻
  • 比较RPC和RESTful API的优缺点 事业运财运爆棚 android
    RPC和RESTfulAPI是两种不同的远程调用方式，它们各自具有不同的优缺点。RPC的优点包括：高效：RPC使用自定义的通信协议，可以减少报文传输量，提高传输效率。灵活：RPC支持多种语言，不同的编程语言可以方便地调用远程接口。通用：RPC可以基于XML、JSON等标准化的数据格式进行通信，使得不同语言之间可以正确地传递数据。RPC的缺点包括：实现复杂：RPC需要实现编码、序列化、网络传输等功能
  • HarmonyOS NEXT 原生应用/元服务调试概述 李洋-蛟龙腾飞公司 华为
    一、概述DevEcoStudio提供了丰富的HarmonyOS应用/元服务调试能力，支持JS、ArkTS、C/C单语言调试和ArkTS/JS+C/C跨语言调试能力，并且支持三方库源码调试，帮助开发者更方便、高效地调试应用/元服务。HarmonyOS应用/元服务调试支持使用真机设备、模拟器、预览器调试。接下来以使用真机设备为例进行说明，详细的调试流程如下图所示：1.配置签名信息：使用真机设备进行调试
  • redis中的bigkey及读取优化 w_t_y_y #java操作redisredis数据库缓存
    一、bigKey介绍1、简介在Redis中，BigKey（大键）指的是占用大量内存的单个键。通常，Redis是一个高性能的内存数据库，但是当某些键变得非常大时，会带来性能上的影响。例如，大量的内存消耗、长时间的操作延迟，甚至可能导致Redis停止响应或崩溃。通俗的来说，指的是value值大，而不是key值大。2、case大字符串（String）：单个字符串值过大，例如存储非常大的JSON或XML数
  • 现代前端框架渲染机制深度解析：虚拟DOM到编译时优化 桂月二二 前端框架
    引言：前端框架的性能进化论TikTokWeb将React18迁移至Vue3后，点击响应延迟降低42%，内存占用减少35%。Shopify采用Svelte重构核心交互模块，首帧渲染速度提升580%。Discord在Next.js14中启用ReactServerComponents后，服务端数据吞吐量增加240%，客户端Bundle体积减少54%。一、主流框架技术架构差异1.1三大范式运行机制对比维度
  • 常用的HTML标签及属性 微剑 python前端开发htmlcss
    前端开发常用的HTML标签和属性较为丰富，以下是一些常用的HTML标签和属性：1.标题标签：h1、h2、h3、h4、h5、h6；属性：id、class、style2.段落标签：p；属性：id、class、style3.图像标签：img；属性：src、alt、title、width、height、border、align4.超链接标签：a；属性：href、target、title、id、class、
  • freemarker解析html标签,【转】Freemarker输出$和html标签等特殊符号 weixin_39970689
    原文：http://blog.csdn.net/achilles12345/article/details/41820507场景：程序员都不喜欢看文档，而更喜欢抄例子。所以，我们把平台组的组件都做成例子供别人参考。我们前端展示层使用的是freemarker，所以遇到这个问题，比如我们要让前端显示freemarker自己的源码时就有问题了(因为我们例子程序的页面也是使用freemarker)。遇到的
  • java 解析html标签_Java解析HTML标签 理性教会 java解析html标签
    #基于状态机思想实现解析HTMLTAG，后续有时间的话尝试写一个JSON解析工具。importjava.util.HashMap;importjava.util.Map;publicclassTagParser{privateIntegerindex=0;privatechar[]tagChar;privateintposition=0;/*解析符号*/privatecharsymbol='"';
  • Vue.js 深入解析：从基础到进阶 sleepwalking450 vue.js前端javascript
    Vue.js是一个渐进式JavaScript框架，专注于构建用户界面，尤其是单页面应用（SPA）。它的设计理念强调“渐进式框架”，即你可以从最基本的功能开始，逐步引入更多的功能以应对复杂的应用需求。Vue.js既可以作为一个简单的UI渲染引擎，也可以通过VueRouter和Vuex扩展为强大的全栈开发工具。本篇文章将对Vue.js的核心特性进行更加细致的分析，帮助你从基本的入门知识到更加复杂的高级
  • 怎么样才能成为专业的程序员？ 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其他