糖豆S
糖豆S

纯 canvas 实现漂亮的仪表盘

纯 canvas 实现漂亮的仪表盘_第1张图片
经验：

  1. save-restore-restore-restore 是不行的。用 save 保存的状态只能用一次，最后两个 restore 是回不到第一次 save 的状态的。
  2. oninput 是变了就触发，onchange 是变了且 失去焦点 才触发

<html>

<head>
	<meta charset="UTF-8">
	<style>
		canvas {
			background: linear-gradient(20deg, rgba(255, 152, 0, 0.5) 0, rgba(255, 87, 34, 0.9) 45%, rgba(255, 87, 34, 0.8) 50%, rgba(255, 152, 0, 0.6) 100%);
		}
	style>
head>

<body>

	<canvas id="canvas">canvas>
	
	<input type="range" value="70" oninput="handleInput()" id="inputRange">
	<img src="" style="display:none;" id="beautiful-icon">
	<img src="" style="display:none;" id="beautiful-icon-light">


	<script>
		const width = 500;
		const height = 300;
		let canvas;
		let beautiful_icon_base64;
		let beautiful_icon_light_base64;

		window.onload = function() {
			// 给图片设置src（base64）
			document.getElementById("beautiful-icon").setAttribute("src", beautiful_icon_base64)
			document.getElementById("beautiful-icon-light").setAttribute("src", beautiful_icon_light_base64)
			// 给画布设置宽高
			canvas = document.getElementById("canvas");
			canvas.setAttribute("width", width);
			canvas.setAttribute("height", height);
			// 画一个
			handleInput(60);
		}

		function handleInput() {
			const val = parseInt(document.getElementById("inputRange").value);
			draw(val);
		}

		function draw(value) {
			let startAngle = 17 / 16 * Math.PI, // 和数学上的保持一致
				endAngle = -1 / 16 * Math.PI,
				splitNumber = 25,
				diamondNumber = 10,
				diamondSize = 20,
				center = [width / 2, height / 2 + 32];
			var ctx = canvas.getContext('2d');
			ctx.save();
			ctx.clearRect(0, 0, width, height);
			ctx.translate(center[0], center[1]);
			// 
			ctx.beginPath();
			ctx.strokeStyle = 'white';
			ctx.lineWidth = 5;
			ctx.shadowBlur = 10;
			ctx.shadowColor = "rgba(255, 255, 255, 0.8)";
			ctx.arc(0, 0, 35, 2 * Math.PI - startAngle, 2 * Math.PI - endAngle, false);
			ctx.stroke();
			// 画刻度
			ctx.lineWidth = 2;
			let r1 = 90;
			let r2 = 105;
			ctx.shadowBlur = 0;
			for (let i = 0; i <= splitNumber; i++) {
				let angle = startAngle - (startAngle - endAngle) / splitNumber * i;
				let startX = Math.cos(angle) * r1;
				let startY = -Math.sin(angle) * r1;
				let endX = Math.cos(angle) * r2;
				let endY = -Math.sin(angle) * r2;
				if (i <= value * splitNumber / 100) {
					ctx.strokeStyle = 'white';
				} else {
					ctx.strokeStyle = '#ffa96d';
				}
				ctx.beginPath();
				ctx.moveTo(startX, startY);
				ctx.lineTo(endX, endY);
				ctx.stroke();
			}
			// 画指针
			ctx.strokeStyle = '#fff';
			let r3 = 115;
			let angle = startAngle - (startAngle - endAngle) / splitNumber * value * splitNumber / 100;
			let startX = Math.cos(Math.PI + angle) * 12;
			let startY = -Math.sin(Math.PI + angle) * 12;
			let endX = Math.cos(angle) * r3;
			let endY = -Math.sin(angle) * r3;
			ctx.lineWidth = 3;
			ctx.beginPath();
			ctx.moveTo(startX, startY);
			ctx.lineTo(endX, endY);
			ctx.stroke();
			// 
			// 画指针中心的圈圈
			ctx.beginPath();
			ctx.lineWidth = 2;
			ctx.fillStyle = "pink";
			ctx.arc(0, 0, 4, 0, 2 * Math.PI);
			ctx.fill();
			ctx.stroke();
			// 画钻石
			for (let i = 0; i <= diamondNumber; i++) {
				ctx.restore();
				// 不能连着用 restore()，没有用！
				ctx.save();
				let angle = startAngle - (startAngle - endAngle) / diamondNumber * i;
				let startX = Math.cos(angle) * 130;
				let startY = -Math.sin(angle) * 130;
				ctx.translate(center[0] + startX, center[1] + startY);
				ctx.rotate(Math.PI / 2 - angle);
				let scale = 50;
				if (i < diamondNumber * 0.5) {
					scale = 0.5
				} else if (i < diamondNumber * 0.8) {
					scale = i / diamondNumber
				} else {
					scale = 1;
				}
				ctx.scale(scale, scale);
				let img;
				if (i <= value * diamondNumber / 100) {
					img = document.getElementById('beautiful-icon');
				} else {
					img = document.getElementById('beautiful-icon-light');
				}
				if (value === 0) {
					img = document.getElementById('beautiful-icon-light');
				}
				ctx.drawImage(img, 0, 0, diamondSize * 2, diamondSize * 2, -diamondSize, -diamondSize, diamondSize * 2, diamondSize * 2);
			}
			ctx.restore();
		}
	script>
	<script>
		beautiful_icon_base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAACGklEQVQ4T52VTYiOURTHf/+NomxIPkpZsKEklK+NsCFjQdREksUwG1KancxkpdlgQZIUs0KzMNhIFjQ2ZDEppXxHImIhio7+4zx1553nfce8p5567rn3/u655/mf84jCIqIT6ABWADOBIeABMCDpl5dGxBTgALA5n4fAE2BQ0t0Kp+olInqAk+VBxft9YD/wG7gAbGqy7rCkM54bBUfEALC7WPwNeANMBxak/zPwB5id41fAd2ARMLXYu07SsCJia165mjsl6Uhxk1XARWBJ+q4BJySNZFAGny1u8RRYbXA/cDQ3DUna1njNiFgMXAZeSNpVMz8XeATMy7ntBl8B9qSjQ9LNuvxFxCxJn5rk1unsBY7nfLfB94D16Zgj6WOzza38EWElOWpbn8GngUPpmCHpa5vghcDz3NtpcHcm376Vkh63Ce4Czufe5QZbk3fSMUYRkzmgSOl7S7DS8Y2sOLN2Sro+SWj54fok9VbgUss/gR2Sbv8PPCL2AZdy7TNgg6QPZUm7nF3Wti/AMklvJ1CC1WRVVbZWknvHv5KuLCJuAVty/E7S/GbgiHCpvyzmfcvBajwGbGeDrkckLa2DR0QU/tG8luvGgWvglt9GSW5MPngNMNwKOi4VDWkpK/I1sDc729WJoC3BGZ27lgvI9gOYVkB7JLmB1VptKhoiPwicK3xu9l2SKom1B87I/RPwx3F3O1b+gppF/BdXfsvYA+llAgAAAABJRU5ErkJggg==';
		beautiful_icon_light_base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAC0klEQVQ4T52VTUgUYRjH//+xhIIIjCiD2PHrUhCRQV8XKZtdIzskBmJEdNCZhYogvEVGJ/GSiburEUF5qvCQmbub0qHQi9JBgiB0/IhEjMKgSNqZJ2Z2V8dtV9P39M7z8Xuf9/88L0N4lhkM1MGWahDlAHaA6CX47k8eu8va+xedUGmuzZ+eW2i0wSoAVSCGxZb3IkpPSWd0MI1jemPq/iYQLd6D0nsB3m4mriRsJkh5IEBltjhFeN0Xid53fC54Qg90k1LvCV6AyDTIbQBUt1LgKwkLgl2puEkAPwApA7hlqVLKCTUUH+KUrp21yV4P9F5ROHZj6SYN2hHm8aEA+1OVPLMs625J18CY8z3TeLrMUpRQ+hYEPvzk4lFOGIFWQm4mQewtCkfPZV5zqrFqn63YjwlMqOHYhUz/ZIO/EHkYEWCP47PEPs8JQ3tC8KJjUESqfZH4y2z6zV6t2lnY3j+fzefYxnWtWSFvp/wGTcP/BkCFq2N+Yndx2+BcruTV7FOGVm6DI06MLXKHZlBrg/CaWzE2FfjCfd83Ap4J+ksTgk9urrCOpq4ZIENJsBz2heOjGwGbhtYAsNPtlCiHOGX4K23gdQq2YiLWc0BaUgJf8q38MneOTSPwApBqt2pKrS8Uf74eqLdxjr4lkXizC86Y5d+0WaN2Rl/9D9zUA5dBeZScVnxkAifVrtis90m3gGhKwb5ZlIOlofjManBTD1SA4kxVkqvwuNoRHU6e4VlmUOuD8IzbWMHn4khsby6wqQdUUMwlKFmjhqI9S9+ZiSvmWmSsOBI/kA1uGn5J29O6euNWVJx2eOEARrdb1qmCroEFxz/ZGDgmigytBv1HihWyeF6k01+x5RIUZRchT9eCrgpOjqHfeThGCvQLwNZlDdmkhqOtuXqQVYqMynUA4eUmISGChqJwLDliOdaaYCdvXNfqSTaTmFfIW76O5V9QLvBfnb8g11oJ5jAAAAAASUVORK5CYII='
	script>

body>

html>

你可能感兴趣的:(写着玩)

  • 2019-08-08 65454
    东莞家庭聚会出行旅游去哪里玩住？想起来有很久没有和家里人聚会啦，这次组织家人来到威廉古堡别墅轰趴，一大家子27个人，在别墅订了一天办，玩的非常的开心，小孩子玩游戏机，也很放心不会丢，我们就在唱歌、打麻将、打桌球一系列的活动，还准备小次等小孩生日在别墅举办，还可以给孩子做一个生日的策划
  • 2018-12-16 宝妈林秀云
    2018年12月16日星期日天气晴本来今天是要参加读经班的，小宝贝昨天晚上突然发烧了，所以就没办法参加。同时今天也是小宝贝的生日，因为发烧她爸爸就不买蛋糕给她过生日了。就给她买了榴莲披萨当蛋糕。姐姐还为她做了生日贺卡，这个生日贺卡姐姐可是花了很长时间才完成的。吃完披萨准备上楼了，这时杨欣也想跟我们一起上楼，就被奶奶叫住说：“不要上楼了要准备睡觉了”。本来我想小宝贝可能会吵着跟杨欣一起玩。出乎我的意
  • 继续《时光音乐会》 湘梅子
    平安夜，与我无关。晚饭后陪孙子玩，直到他入睡。回家，看期待的周五《时光音乐会》。今天的庄主是郁可唯。出道十多年，竟然为影视唱了八十多首歌。她的歌声很温暖，有时还很空灵，声音处理很细腻，听起来很享受。原来《知否，知否》是她原唱，当时电视剧很火，歌我也学会了。我也喜欢她的《路过人间》歌友们谈笑风生，我这个观众也不时会心笑着。每次看完这个节目，总是意犹未尽。也只有这个节目，我先生有兴趣跟我一起看完，还总
  • 随记│开学49日 Silence的小茶馆
    开学四十九天哇，今天还是上了一上午课啦，然后有丢丢升温啦（嘿嘿少穿一件哇，不错不错）然后就是好像可以休息了哈（毕竟到周五了）结果周日还是得上课哇。下午还是就休息哈，想着说学习一会儿，但其实是没有想好究竟是要做啥的，所以就还是有在玩诶，主要也是睡了挺久哇（我的过，我的错）所以明天能改正嘛？然后看完综艺第二季啦，就找到第一季看看哇，很不错啦！但还是得学习啊，毕竟作为学生捏，学习还是最重要哒！恩，今天就
  • 大都会资本BMAN的2018年终总结 非线性思考
    1投资的本质是认知变现赚钱=足够的认知*高效的的变现。2投资的三大基石策略:提升认知高效变现知行合一3如果你亏钱了要么是认知的问题，要么是变现的问题，要么而是知行合一的问题。4投资需要知行合一，很简单的道理，却拦住了很多高手，是因为认知和行动中间还隔着人性。顶级的高手能把自己从贪嗔痴中抽离出来，顶级高手没有人性，只有原则。5如果你玩的是空气币，就不要幻想拿着它改变世界，那是你套出了幻觉，眼光放短一
  • 山海师秘录（草稿小段） 白淼清流
    “阿弱，山北头还有两树好梨！我们给你留着呢，你快去采了吧，我们玩会儿就回家了。”几个伙伴都望着宁虚，其中一个胖胖喊道。宁虚望过去：“知道啦！你们趁着路好走，赶紧回家吧，这天一会儿怕是要下雨！”说罢，宁虚紧了紧后背的竹筐，迈步向山上走去。今天是村里采梨的最后一天，最多倒晚饭时，剩下的梨子便不许村民再采摘，熟透了便掉到地上，当做下次结果的肥料。宁虚顺着工匠铺出的简陋石道，却没有去同伴所说的山北头，而是
  • 2018-11-27 李丁梅
    今天带齐家去了办公室，肆拾玖坊西南负责人过来约谈。齐家这里摸摸，那里拿拿，换个地方爬爬。我陪着齐家一起玩，很简单的东西对于他来说趣味无穷，玩很久。
  • 大三成了分手季? 三聿鱼
    图片发自App一次玩真心话大冒险的时候，知道漂亮的A学姐原来和社团那个帅帅的学长H原来是彼此的前任。知道时还是惊讶的，知道学长H现在在准备考研，上次从湖边回学校时，他说现在很忙，所以社团那边也没有再去。他想考武汉大学，每天都是泡图书馆。后来和学姐A在假期一次一次合作后，也熟络很多，知道她也将要回老家实习，想考公务员。学姐A大学专业是英语，当时想问更多，觉得不变开口，也没再问。在那次真心话大冒险中，
  • 高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？ 寻求改变
    我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情
  • 终于可以出去玩了 开心外婆
    今天终于可以带宝宝下去玩了，吃过早饭就准备出门。首先把口罩带好，虽然现在疫情差不多结束了吧，但防护措施还是要做好，宝宝两个多月没出门，好久没带口罩刚带上有点不舒服，总是用手去拿，然后告诉他一定要带好口罩，要不然就不能出去，可能宝宝很想出去，后来就没有摘口罩了。出去也不敢乱走，就在小区广场上玩他的踏板车，玩了两圈就有一个大白经过广场并告诉我马上旁边楼栋要做核酸，要我们先回家去，就这样结束了上午的活动
  • 2023-08-11 Tom梁
    当下，文玩之风可谓风靡，喜欢星月菩提的玩友越来多。有许多玩友发私信来问小编“盘玩星月菩提有没有攻略？”。所以今天给大家分享实用的星月菩提盘玩攻略，希望对大家有所帮助。一、挑选方法大家都知道挑选星月菩提的唯一标准就是密度。密度越低，上色越快；密度越高，上色就越慢。但是小编觉得高密籽更适合盘玩，虽然上色慢，但耐盘，生命周期比低密度的要长很多。那么怎么去判断它的密度呢？其实很简单，看星眼的大小、疏密、颜
  • 2021-09-10 彧瑛
    [cp]九月果香，九月菊黄，九月忽然想起，是谁在播撒着希望？九月我们收集阳光，九月我们深情歌唱，一个感动的季节，被求知的眼睛珍藏。一寸一寸的粉笔，染白您的头发，腾然而起点燃成烛，照亮别人，让后来者攀上崖顶，让后来者踏着你的双肩，送一批批学子上路。黑发积霜织日月，粉笔无言写春秋。这就是老师的一生一一人类灵魂工程师的真实写照。粉笔里飞舞着您的万千情丝，书写着您的青春岁月；教室里定格着您的音容笑貌，记录
  • 一伊妹妹 杨欣仪小朋友
    大姨家的小棉袄就是一伊妹妹。她长得很可爱，小小的脚丫、小小的手。大姨说她很乖，睡醒了也不哭不闹，我一逗她，她就乐。她在床上趴着原地转圈玩，她玩一会儿就睡一会儿。好好玩的小娃娃。
  • 十一今日套圈，神了 二十八亩甜
    10//8℃阴腊月二十三今天是老妈的生日，醒来第一件事就是给老妈发生日红包，顺便看看前几天买的生日礼物到没，结果要明天老爸过生才能收到，还好给二老都买了，要不我爸以为只有我妈的，会吃醋的，哈哈哈哈。让十一给外婆说生日快乐，十一依然不会说。今天的十一还是有记录的点。和多多姐姐一起玩反斗乐园，看到姐姐一进来就和姐姐来了个大大的拥抱，后来还和一个刚学会走路的妹妹也来了个大大拥抱，结果两小只直接抱到侧翻了
  • 2021-07-14 掌心是爱的温度
    今天傍晚去埭美回来的宝宝，在院子里玩的时候，突然蹲下去捡起地上的玩具圈圈，然后再独自站起来，淡定地向前走了一段路，真的好厉害了，突然感觉娃就在一瞬间就长大了，这个可爱的小家伙！每天还爱看书，老妈今天拿了我姐他们以前的一本小布书给他，竟然爱不释手，中午睡前看，下午睡醒又看，晚上睡前又看。。。。。。
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • 夏日随笔日记夏天的夜 住在城里的庄户孩子
    浅聊微信朋友圈及其它文/王立虎（一）又是一个深夜了，夏天的夜显得有些浮躁有些闷热，透过窗户外面街道上街灯依旧明亮，照着匆忙的车与人回家。关上电脑，打开，还是先完成日更，一直坚持着努力着写着，虽没有什么优秀的大作出现，但有时候还是佩服自己对文学的执着和爱好，佩服自己的自律。写点吧，在这夜深人静的时候，独处着，习惯着，随笔写下自己一天的心情，有感悟，有事件，有温度，我想写下总是好的。也有人喜欢这个点来
  • 泰国之旅五 Ulrica一tf
    听，晨曦中，海鸟在叫我们起床喽！今天我们要去岛上游泳、潜水。早餐过后，我们坐快艇去岛上玩儿，大家把游泳衣都事先换好了，那快艇坐起来有点儿晕，颠簸的屁股都要裂开了，靠近大船的时候左右摇摆而且柴油味儿很大，所以第一站下来女儿和好朋友都感到不舒服了。P蔡拿了一瓶清凉的泰国青草药膏涂上了，又吃了一片晕船的含片，到后来才好。这一站是海上滑翔，团队里好多孩子都去玩了。大家玩的都很开心，除了有些卡屁股外，还是够
  • 如何给QQ邮箱自动发邮件？无惧「小爱」下线！代码全公开，两步搞定 AI码上来 AI实战微信人工智能python
    前两天，搞了个微信AI小助理-小爱(AI)，爸妈玩的不亦乐乎。零风险！零费用！我把AI接入微信群，爸妈玩嗨了，附教程（下）最近一直在迭代中，挖掘小爱的无限潜力:链接丢给它，精华吐出来！微信AI小助理太强了，附完整提示词拥有一个能倾听你心声的「微信AI小助理」，是一种什么体验？小爱打工，你躺平！让「微信AI小助理」接管你的文件处理，一个字：爽！我把多模态大模型接入了「小爱」，痛快来一场「表情包斗图」
  • 【木纹泪日记第8篇】不忘祖先恩情，不忘人生来路，不负韶华流年 木纹泪
    天气说变就变，这个季节说冷就冷，昨天还是大太阳，今天就是阴雨连连，幸好回老家给粥宝带了棉袄。今天奶奶的三周年祭总算顺顺利利的办完了，中午完事后饭都顾不上吃，开车一路飞奔赶上下午的考试，总算两件事都兼顾上了，一样也没耽搁。堂兄弟姐妹表兄弟们，各自带着家眷都回来了，一年又一年，大家都已成家，都有了孩子，突然就觉得时间好快，曾几何时我们还都是在一起嬉笑玩闹的小孩子啊…面对新生，面对死亡，不由得感慨：生命
  • 女人，爱自己多一点。 莫郁凡
    今天碰到熟人，刚想过去问，沒想到一个漂亮女人走过来，手里提着樱桃，顺便取出一个给他直接喂嘴里，他吃也不是，不吃也不是，我对他点了一下头，转身就走了，听见他说，下次别在外面给我递东西，注意影响，那个女的说，我就不，说着直接亲上去了……中年男人，你这样玩你老婆知道吗？那个顶着大太阳，在地里给苹果套袋，辛辛苦苦挣钱，早上都舍不得给自已买早餐的女人，这样辛苦的付出，值得吗？你难道能心安吗？面对这样的男人，
  • 不倒翁一样的孩子 初依的光
    曾加过一个户外群，在那个户外群里认识了一位小姐姐。她是位十分有爱心的人，每逢周末都会去“爱心之家”（孤儿院）陪那里的孩子玩。那时候周末呆家很无聊，而我也想去看看那里的孩子，于是与她约了一个时间，去超市买了一大堆东西准备那个周末去“爱心之家”看看那里的孩子。事先与院助小姐姐通过气，大包小包刚拎到门口时就看到院助小姐姐已经站在门口等待。将手里生活用品一一放到客厅，院助小姐姐单独留下我说在去二楼看孩子之
  • 鸡飞狗跳的周末 兰花盛开L
    我一直想着可以在周末的时候帮大女儿补上一些课，可实际情况呢？昨天晚上，三闺女想要我抱着上厕所，可是我现在抱她已经有些为难了，所以没有答应她的要求。这下可不得了了，三闺女直接哭着跺脚，跺脚跺的地板咚咚咚的响，把楼下的老妈都吵醒了。这一闹腾，闹了将近一个小时。大姑娘星期六去果山的时候，因为看到手中玩的野草里有蚂蚁，心里可能有点阴影，晚上也在那里叫，给我说床上有蚂蚁。一个晚上，都没有怎么睡好。迷迷糊糊躺
  • 小儿咳嗽治疗 毋梦
    家有小女，4岁，前段时间穿了一不透气的衣服跳床，出来后吹了阵风，当晚就嗓子哑了，第二天带她去古镇玩，嗓子哑加重，于是买了一杯暖和和的冰糖雪梨粥，想润润嗓子，没有大的效果。观察她的舌苔，有些白，稍有点腻，再加上没有大便，前一天吃得有点多，想起家里还有午时茶颗粒，给吃了些。无效，且开始发烧，38度以上，睡着时喉咙不干净，有呼哧呼哧的声音，而且开始咳嗽，有点像小儿喉炎的症状，因为之前得过，知道这个疾病的
  • 苔花如米小，也学牡丹开2023-05-09 金声说今事
    抱孩子在楼下的空地处玩，凳子后面是一排修剪整齐的绿色灌木，一年四季都绿油油的嗡嗡嗡嗡嗡嗡，坐下没一会就发现灌木丛中有好多蜜蜂咋回事呢蜜蜂在绿叶中找什么，难道是谁漏了这么多蜜蜂在这，看看也没发现什么呀不理它，继续逗女儿玩，蜜蜂越来越多，在绿叶间上下穿梭，为啥这么多蜜蜂呢，还是按捺不住好奇心凑近去看，平平常常的绿叶子，没啥特别的呀，那为啥会有这么多的蜜蜂呢？我就不信了，顺着蜜蜂飞行的方向，盯着其中一只
  • 搞笑的数学老师 鹿悦
    今天,陈老师来到了我们班,我们都一脸闷闷不乐的写着家庭作业。陈老师一提到回答问题,我们的脸都快要掉到抽屉里了。"小牛，你来回答一下这道题。"突然，我们班都安静的鸦雀无声，紧接着一阵哄堂大笑的声音在班里回荡着。我们都说陈老师很有意思：史卓听就叫小史，曲子昱就叫小曲，朱宇豪就叫小朱，于恩智就叫小于。至于我呀，陈老师经常叫我小佑或者小张2号。（因为班里有许多姓张的同学）。我们都非常喜欢这个风趣幽默的陈老
  • 梦幻西游：老王最辉煌时刻！4500块买个宝宝，一本书下去卖3万？ 变态手游
    其实很多时候，我们不得不去承认，梦幻西游这就是一个玩几率的游戏。当然了，这尤其体现在你在给召唤兽打书的时候，就比如原本是个须弥宠，能值很多钱，而你一本大法将须弥拍了下去，好吧，一文不值。而当然了，其实咱们接下来要说的就是，一次很成功的几率游戏。这要怎么说呢？那就是老王在直播的时候，直接就是花了4500人民币买了这样的一只召唤兽，接下来不妨给各位一起欣赏下，那就是一只带有死亡召唤与法术防御的幽灵。感
  • 算法笔试-编程练习-好题-04 Glen 997 大厂校招-编程集训算法大厂笔试动态规划堆盒子
    题目:堆盒子礼盒大小不同，我们玩堆盒子的游戏，怎么堆盒子使得堆出的高度最高，每个礼盒的大小由长、宽、高表示，堆盒子的时候要求下面的盒子长、宽、高都必须大于上面的盒子，不包含等于。高度为堆出的礼盒的所有高度的总和。输入描述输入的第一行是礼盒的个数N，接下来输入N行，每行表示每个礼盒的长、宽、高。礼盒的数量不超过1000个，每个盒子的长、宽、高取值范围为1~10。输出描述输出一行，输出能堆出盒子的最高
  • 2019.12.29 3edc4fc38269
    今天周日终于可以懒床了，八点了，小淏淏自己穿衣服起来了，还给我说你再睡会吧，我睡不着了，我自己起来玩。可捞着周末了，玩具现在全部进柜子里了，自己不知道玩什么了。时间长了电视都不知道看了。让他默写拼音，到现在韵母竟然还能掉两三个，这马上要期末考试了，还丢三落四的，我对他的期末考试没有信心了。就睡觉比较听话，趟床上一会就睡着了，上学时候还不懒床，一叫就起来，这个习惯挺好。今天从舞蹈课回来，看我打针还问
  • 很讨厌说三胎放开了再生一个的婆婆 辋水沦涟
    挺替林静担心的。昨天在操场带着孩子玩，林静婆婆说:三胎放开了再生一个。我和兆婷异口同声说道:可不能再生了，两个都养不起了!林静婆婆说:怎么养不起啊！生了就能养，不就养个孩子吗？这个时候我已经火气往上冒了，特别讨厌老人说这种话，只知道自己养孩子的时候成本低到可以不计，多个孩子就是多双筷子。然后就觉得现在养孩子啊也是这样，三个五个生就是了，怎么养不起？敢情自己不挣钱也不养孩子呢！你知道现在养个小孩成本
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他