用html5的canvas画时钟的问题

问题1; //初始化画布
context.save();
context.clearRect(0,0,canvas.width,canvas.height);

context.translate(canvas.width/2,canvas.height/2);

context.scale(0.9,0.9);
context.rotate(-Math.PI/2);
context.save();

        初始化的时候加一句  context.rotate(-Math.PI/2)是什么意思?

问题2;
//分钟刻度
context.lineWidth=2;
context.beginPath();
for(var i=0;i<60;i++){
if(i%5!=0){
context.moveTo(radius-15,0);
context.lineTo(radius-10,0);
}
context.rotate(Math.PI/30);
}
context.stroke();
context.restore();
context.save();
画分钟刻度的原理是什么,moveTo和lineTo后面的y坐标为什么显示为0?

5个回答

 context.rotate(-Math.PI/2);//只是为了调整坐标系看着方便些,就是把x轴朝上,y轴朝右。如果不转,就是计算角度费劲些,其他没什么影响,就是画分针,时针,秒针的时候按照对应角度计算就行了

 看context.rotate(Math.PI/30);下面有个坐标轴旋转的,也就是y轴对于每次划的分钟刻度线来说,位置都是垂直往上,没变过,也就是沿着x轴的。所以y轴坐标一直是0


danielinbiti
danielinbiti 回复sinat_34890672: 看看代码哪多画了吧
大约 4 年之前 回复
sinat_34890672
sinat_34890672 懂了,分给你了,还有个问题,为啥我的时钟有两个 秒针啊,一前一后
大约 4 年之前 回复

用HTML5 Canvas画的时钟

效果图

 html> head> meta charset="utf-8"> title>canvas钟表_by http://www.sitejs.cntitle> style> #c1{ background:-webkit-radial-gradient(#ccc,#930); display:block; margin:100px......
答案就在这里:用HTML5 Canvas画的时钟
----------------------你好,人类,我是来自CSDN星球的问答机器人小C,以上是依据我对问题的理解给出的答案,如果解决了你的问题,望采纳。

context.rotate(-Math.PI/2) 逆时针转90度。弧度pi等于角度360,顺时针为正,逆时针为负。

说错了
context.rotate(-Math.PI/2) 逆时针转90度。弧度pi等于角度180,顺时针为正,逆时针为负。

只是为了调整画布的2D环境的x轴与y轴

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于html5canvas的画时钟问题

![图片说明](https://img-ask.csdn.net/upload/201605/23/1463995557_17817.png) ``` <script type="text/javascript"> var canvas,context; function window_onload(){ canvas = document.getElementById("myCanvas"); ctx = canvas.getContext("2d"); setInterval("draw()",1000); } </script> </head> <body onLoad="window_onload()"> <canvas width="800" height="800" id="myCanvas"></canvas> </body> </canvas> <script> function draw(){ var radius=250; var now=new Date(); var sec=now.getSeconds(); var mins=now.getMinutes(); var hour=now.getHours(); ctx.save(); ctx.clearRect(0,0,800,800); ctx.translate(400,400); ctx.rotate(-Math.PI/2); ctx.stroke(); ctx.save(); /*画圆盘*/ ctx.lineWidth="7"; ctx.beginPath(); ctx.arc(0,0,250,2*Math.PI,false); ctx.stroke(); ctx.restore(); /*画小时刻度*/ ctx.save(); ctx.strokeStyle="blue"; ctx.lineWidth="3"; ctx.beginPath(); for(x=0;x<12;x++){ ctx.rotate(30*Math.PI/180); ctx.moveTo(240,0); ctx.lineTo(200,0); } ctx.stroke(); ctx.restore(); /*画分钟刻度*/ ctx.save(); ctx.strokeStyle="red"; ctx.beginPath(); for(x=0;x<60;x++){ if(x%5!=0){ ctx.moveTo(240,0); ctx.lineTo(220,0); } ctx.rotate(6*Math.PI/180); } ctx.stroke(); ctx.restore(); /*画秒针*/ ctx.save(); ctx.rotate(sec*6*Math.PI/180); ctx.strokeStyle="red"; ctx.beginPath(); ctx.moveTo(190,0); ctx.lineTo(0,0); ctx.stroke(); ctx.restore(); ctx.save(); ctx.restore(); ctx.restore(); } </script> ``` 以上为代码,为啥钟上会有两个秒针?

移动端 HTML5 CANVAS 兼容性问题

目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。 目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。 不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。 <!DOCTYPE HTML> <html> <head> <title>测试canvas</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <body> <canvas id="myCanvas" ></canvas> <script type="text/javascript"> function draw () { var canvas = document.getElementById('myCanvas'); canvas.width = 640; canvas.height = 600; var context = canvas.getContext("2d"); context.fillStyle = "red"; context.fillRect(0, 0, 640, 300); }; draw(); </script> </body> </html> ``` ```

html5 canvas画布,如何实现剪切功能?

用铅笔抑或是涂鸦的形式在画布上画上东西,想要剪切画布上的一部分,可以实现对剪切部分的拖动。网上关于canvas画布的资料不多,哪位能够帮帮忙呀。

想要在html5 canvas画布中打开一张本地图片,代码有什么问题

``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> var canvas=document.getElementById("demo"); var cxt=canvas.getContext("2d"); //打开图片 function preImg(sourceId, targetId) { cxt.clearRect(0,0,400,400); if (typeof FileReader === 'undefined') { alert('Your browser does not support FileReader...'); return; } var reader = new FileReader(); reader.onload = function(e) { var img = document.getElementById(targetId); var cxt=document.getElementById("demo").getContext("2d") img.src = this.result; img.onload=function() { cxt.drawImage(img,0,0); } } reader.readAsDataURL(document.getElementById(sourceId).files[0]); } </script> </head> <body> <form action=""> <input type="file" name="imgOne" id="imgOne" onchange="preImg(this.id,'imgPre');" /> <img id="imgPre" src="" style="display: block;" /> </form> <canvas id="demo" width="400" height="400" style="border:1px solid red"></canvas> </body> </html> ```

关于html5 canvas 绘图动画的问题,我要实现把一张图片绘制在canvas中,然后使其动起来

情况说明: 图像可以绘制,但是使用setInterval以后就一闪而过,然后没有图像;了 <!doctype html> <html> <head> <meta charset="utf-8"> <!-- TemplateBeginEditable name="doctitle" --> <title>我的图片</title> </head> <body> <canvas id="Map" width="500" height="500" style="background:gray;"></canvas> <script> // 设置绘图环境 var myMap = document.getElementById("Map"); var cxt=myMap.getContext('2d'); // 设置图像位置初始位置的变量 var x=20; var y=20; // 创建绘图对象,并且画出来 var img =new Image(); img.src="image/gun.png"; draw(); function draw() { cxt.clearRect(0,0,500,500); x+=10; y+=50; img.onload=function() { cxt.drawImage(img,x,y,80,80); } } window.setInterval("draw()",100); </script> </body> </html>

HTML5的canvas标签为什么会覆盖之前画的东西的颜色

![图片说明](https://img-ask.csdn.net/upload/201712/03/1512305137_554765.png) 请注意这条线是黑色的 我选择颜色画第二条![图片说明](https://img-ask.csdn.net/upload/201712/03/1512305162_311961.png) 为什么左边那条线变成红色了,被我选择的颜色给覆盖了??? 源代码/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0 auto; } canvas{ border:1px solid red; } </style> </head> <body> <div> 背景颜色:<input type="color" onchange="penColorChange()"> 画笔颜色:<input type="color"> 画笔粗细: <select id="selected"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>10</option> </select> </div> <canvas width="1349" height="1000" id="my_canvas"> 你的浏览器不支持canvas标签 </canvas> <p id = "p_1"></p> </body> <script> var b = false; var canvas = document.getElementById("my_canvas"); var draw =canvas.getContext("2d"); document.getElementById("my_canvas").onmousedown = function (e) { draw.moveTo(e.offsetX,e.offsetY); b = true; } document.getElementById("my_canvas").onmousemove = function (e) { if(b){ draw.lineTo(e.offsetX,e.offsetY) draw.stroke(); } document.getElementById("p_1").innerHTML = e.offsetX+" " +e.clientY; } document.getElementById("my_canvas").onmouseup=function () { b = false; } //画笔颜色变换 function penColorChange() { draw.strokeStyle="red"; } </script> </html> ``` ```

canvas画布实现拖拽操作

想请问一下,在画布上画出了一个网络图由点和线构成,那么改如何拖动这个画布改变位置呢?能不能在canvas这个标签上绑定事件?

html5 canvas 画一个矩形,文字超出矩形怎样自动换行?

DrawingManager.prototype.showLayerTitle = function (layer, isSelected) { let x, y; if (layer.p1) { x = layer.p1.x1 + layer.x + 5, y = layer.p1.y1 + layer.y + 5; } else { x = layer.x + 5, y = layer.y + 5; } this.$canvas.drawText({ name: layer.name + "_title", layer: true, cursors: { mouseover: 'hand' }, fromCenter: false, fillStyle: '#9cf', strokeStyle: isSelected ? '#03e2dc' : '#d3e2dc', strokeWidth: 1, //笔划宽度 shadowColor: 'black', //阴影颜色 shadowBlur: 2, //阴影模糊 shadowOffsetX: 2, shadowOffsetY: 2, groups: ['grpTitle'], x: x, y: y, fontSize: isSelected ? 16 : 14, // fontFamily: 'Verdana, sans-serif', text: layer.data.title === '' ? '...':layer.data.title, click: () => { if(this.canvasDrawingModel === 0){ saveCategory(layer.data.title, layer.name); } } }) }; 如何让text换行

HTML5的canvas画布碰撞检测

``` <!DOCTYPE html> <html> <head> <title>防止重叠</title> <meta charset="utf-8"/> <style> #canvas1{ background-color:black;} #div1{ float:left;} #div2{ width:350px; height:150px; background-color:#999999; margin-left:10px; padding-left:5px; padding-top:5px; float:left;} </style> </head> <body> <div id="div1"> <canvas id="canvas1" width="300px" height="200px"></canvas> </div> <div id="div2"> </div> <script> var oCan=document.getElementById('canvas1'); var cxt=oCan.getContext('2d'); var rects=new Array(4); var colors=new Array("#CBD2F1","#544FE8","#F0F0CC","#C9F2DA"); for(var i=0;i<rects.length;i++){ rects[i]=new oRect(i*90,0,2,colors[i]); } flashMap(); function flashMap(){ cxt.clearRect(0,0,300,200); for(var i=0;i<rects.length;i++){ drawerRect(rects[i]); } game(); } function oRect(x,y,direct,color){ this.x=x; this.y=y; this.direct=direct; this.color=color; this.cout=5; this.speed=2; this.iTouch=function() { switch(this.direct) { case 0: for(i=0;i<rects.length;i++) { var et=rects[i]; if(et!=this) { if(et.direct==0||et.direct==2) { if(this.x>et.x+20||this.x+20<et.x||this.y-this.speed>et.y+30||this.y+30<et.y) { return true; } } if(et.direct==3||et.direct==1) { if(this.x>et.x+30||this.x+20<et.x||this.y-this.speed>et.y+20||this.y+30<et.y) { return true; } } } } break; case 1: for(i=0;i<rects.length;i++) { var et=rects[i]; if(et!=this) { if(et.direct==0||et.direct==2) { if(this.x>et.x+20||this.x+30+this.speed<et.x||this.y>et.y+30||this.y+20<et.y) { return true; } } if(et.direct==3||et.direct==1) { if(this.x>et.x+30||this.x+30+this.speed<et.x||this.y>et.y+20||this.y+20<et.y) { return true; } } } } break; case 2: for(i=0;i<rects.length;i++) { var et=rects[i]; if(et!=this) { if(et.direct==0||et.direct==2) { if(this.x>et.x+20||this.x+20<et.x||this.y>et.y+30||this.y+30+this.speed<et.y) { return true; } } if(et.direct==3||et.direct==1) { if(this.x>et.x+30||this.x+20<et.x||this.y>et.y+20||this.y+30+this.speed<et.y) { return true; } } } } break; case 3: for(i=0;i<rects.length;i++) { var et=rects[i]; if(et!=this) { if(et.direct==0||et.direct==2) { if(this.x-this.speed>et.x+20||this.x+30<et.x||this.y>et.y+30||this.y+20<et.y) { return true; } } if(et.direct==3||et.direct==1) { if(this.x-this.speed>et.x+30||this.x+30<et.x||this.y>et.y+20||this.y+20<et.y) { return true; } } } } break; } } this.run=function() { switch(this.direct) { case 0://向上 if(this.y>0&&this.iTouch()) { this.y-=this.speed; } break; case 1://向右 if(this.x<280&&this.iTouch()) { this.x+=this.speed; } break; case 2://向下 if(this.y<180&&this.iTouch()) { this.y+=this.speed; } break; case 3://向左 if(this.x>0&&this.iTouch()) { this.x-=this.speed; } break; } if(this.cout<=0){ this.cout=Math.round(Math.random()*10); this.direct=Math.floor(Math.random()*3.9999999); } this.cout--; } } function game(){ var str="矩形坐标为:<br/>"; for(var i=0;i<rects.length;i++){ str=str+"矩形"+(i+1)+": x="+rects[i].x+"&nbsp;&nbsp;y="+rects[i].y+"&nbsp;&nbsp;direct="+rects[i].direct+"&nbsp;&nbsp;cout="+rects[i].cout+"<br/>"; } document.getElementById('div2').innerHTML=str; } function drawerRect(iRect){ cxt.fillStyle=iRect.color; switch(iRect.direct){ case 0: case 2: cxt.fillRect(iRect.x,iRect.y,20,30); cxt.fill(); break; case 1: case 3: cxt.fillRect(iRect.x,iRect.y,30,20); cxt.fill(); break; } } window.setInterval("flashMap()",100); for(var i=0;i<rects.length;i++){ window.setInterval("rects["+i+"].run()",100); } </script> </body> </html> ```

html canvas渲染字体的问题

为什么字体会变这么大,有没有什么解决办法 ``` <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <style> #canvas{ width: 100%; height: 100%; background-color: #000; } </style> <body> <canvas id="canvas"> </canvas> </body> <script> var can =document.getElementById('canvas'); var ctx =can.getContext("2d"); ctx.fillStyle="#fff"; ctx.font="5px Arial"; ctx.fillText("helloWorld",20,20) </script> </html> ``` 问题已经解决了,在此说明下希望帮助到遇到同样问题的同学,就是canvas的宽和高不要设置在css中 不管是外部引入的还是style行间的.直接在canvas后接宽高设置就好了 如下 ``` <canvas id="canvas" width="800px" height="800px"> </canvas> ```

急!!!!!!!!!!!!!! html2canvas跨域问题

功能需求如下: 在页面上点击按钮,解析iframe里面嵌入的页面,然后生成图片,通过HTML5 的canvas 实现一个画板涂鸦功能。 急!!!!!!!!!!!!!! 最近遇到个问题,需要自动捕获页面然后生成图片,使用的最新版的html2canvas,实现后,项目本地的html都可以解析,但是现在涉及到跨域问题,由于集成的系统比较多,然后无法使用nginx代理的方式实现,现在求大神帮忙解决解决,这个问题困扰了我很多天,试了很多种办法,请求援助~ 如果有大神,可以QQ联系我,晚上可能不在CSDN上,QQ:1492138976,C币一定结!!!!

canvas画布跨域问题 苹果端

canvas 画布将多张图片拼凑, 使用 toDataURL 时出现跨域报错, 加上 headImg.crossOrigin = ”*“之后 在安卓端可以正常显示, 但是在 chrome以及苹果端 还是有跨域报错 不能正常显示图片 求解决方案。

H5 canvas多次重复画图后 ,位置不是第一次开始的位置

timer = window.setInterval(function () { drawLine_V0101();}, 5000); function drawLine_V0101() { try { //获取Canvas对象(画布) var canvas = document.getElementById("myCanvas1"); //简单地检测当前浏览器是否支持Canvas对象,以免在一些不支持html5的浏览器中提示语法错误 if (canvas.getContext) { //获取对应的CanvasRenderingContext2D对象(画笔) var ctx = canvas.getContext("2d"); //圆弧的旋转角度,顺时针负增长,逆时针正增长 ctx.rotate(-8 * Math.PI / 180); //设置弧线的颜色为蓝色 ctx.strokeStyle = "#00FFD5"; var circle = { x: 60, //圆心的x轴坐标值 y: 60, //圆心的y轴坐标值 r: 47, //圆的半径 }; for (var i = 1; i <10; i++) {//开始一个新的绘制路径 ctx.beginPath(); //圆弧的旋转角度 circle.x = circle.x-0.342; circle.y = circle.y - 0.940; //沿着坐标点(100,100)为圆心、半径为50px的圆的顺时针方向绘制弧线 ctx.arc(circle.x , circle.y, circle.r,65 * Math.PI / 180, 120 * Math.PI / 180, false); //按照指定的路径绘制弧线 ctx.stroke(); if (i == 1) { ctx.save(); } } ctx.restore();//回复路径 } } catch (e) { alert(e.message); } } <!--绘制弧线 V0101--> <div id="huxian" style="width: 150px;height:150px;position:absolute;z-index:3; left:5.76%;bottom:29.5%"> <canvas id="myCanvas1" style="width:150px;height:150px;border: 1px solid red;"></canvas> </div>

html5中canvas绘制图片问题

我想是,上传图片,然后先在canvas里面预览,然后确定了之后再提交上去,但是把图片绘制到canvas里面的时候出了点问题,麻烦各位大神帮我看看是怎么回事,感激不尽! ``` var a = inputObj.files[0]; if(isAvaiable() && isImage(a)) { var b = new FileReader; b.readAsDataURL(a); b.onload = function (e) { var image = new Image; image.src = e.target.result; image.onload = function () { console.log("canvas's width : " + edgeLen + "\n"); //canvas是正方形的,edgeLen是它的边长,打印出来是421 console.log("image's width : " + image.width + "\n"); //图片宽度,打印出来是1024 console.log("image's height : " + image.height + "\n"); //图片高度,打印出来是768 console.log("changed image's height : " + image.height * edgeLen / image.width + "\n");//根据比例来算出画在canvas上面高度,打印出来是315.75 var ctx = drawObj.getContext("2d"); var imgWidth = image.width; var imgHeight = image.height * edgeLen / imgWidth; ctx.drawImage(image, 0, 0, edgeLen, imgHeight);//用这个画,出来的图像像是在图片上从0,0开始截了一部分出来 //ctx.drawImage(image, 0, 0, edgeLen, 149.5);//用这个画就能全部显示出来,并且占满整个canvas }; } } ``` ![图片说明](https://img-ask.csdn.net/upload/201612/29/1482993074_468053.jpg)

html2canvas+Canvas2Image在移动端出现的问题

移动端想要实现长按保存图片的功能,用html2canvas+canvas2image来实现,,PC端能正常下载,但是在移动端下载的文件没有后缀名,而且下载失败,下面是代码和图片 ![图片说明](https://img-ask.csdn.net/upload/201905/14/1557813395_266950.jpg) ``` let dom = $(".dom").get(0); // 调用html2canvas插件 jsShot.html2canvas(dom).then(function (canvas) { // canvas宽度 var canvasWidth = canvas.width; // canvas高度 var canvasHeight = canvas.height; var img = jsShot.Canvas2Image.convertToImage(canvas, canvasWidth, canvasHeight); let type = $('#sel').val(); //图片类型 let w = $('#imgW').val(); //图片宽度 let h = $('#imgH').val(); //图片高度 let f = $('#imgFileName').val(); //图片文件名 w = (w === '') ? canvasWidth : w; //判断输入宽高是否为空,为空时保持原来的值 h = (h === '') ? canvasHeight : h; // 调用Canvas2Image插件 jsShot.Canvas2Image.saveAsImage(canvas, w, h, type, f); // var dataString = canvas.toDataURL("image.png/png"); // var link = document.createElement("a"); // link.download = 'image'; // link.href = dataString; // link.click(); // that.$nextTick(()=>{ // that.screenShow=false // }) }); ```

html5 canvas输入文字

请问canvas如何实现在画布上输入问题,即画出一个矩形框,可以在框中输入文字。效果图如下。![图片说明](https://img-ask.csdn.net/upload/201508/03/1438592810_949115.png)

html2canvas截图如何解决跨域的问题?

1、问题描述 如果不跨域的话,截图正常。 如果有跨域的图片,那么js报错,报错信息如下: Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 2、代码 ``` /** * 截图 */ function doScreenShot(){ html2canvas(document.body, { onrendered: function(canvas) { canvas.id = "mycanvas"; var image =canvas.toDataURL("image/png").replace("image/png","image/octet-stream"); window.location.href=image; // it will save locally } }); } ``` 3、补充 看到官方(https://github.com/niklasvh/html2canvas)上面有介绍代理啥的,也没看明白怎么使用,好像还没有java方面的代理。有人能补充一下这方面的使用介绍么? 或者有其他的web页面截图方面的方法也可以介绍下,谢谢~ ------------- 附: html2canvas 1、官网 https://github.com/niklasvh/html2canvas 2、这个是别人发的提问帖子,问的同样的问题,提问的人说他问题已经解决了,我他妈楞是没看懂啊http://stackoverflow.com/questions/9825962/how-to-use-html2canvas-proxy

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

2020春招面试了10多家大厂,我把问烂了的数据库事务知识点总结了一下

2020年截止目前,我面试了阿里巴巴、腾讯、美团、拼多多、京东、快手等互联网大厂。我发现数据库事务在面试中出现的次数非常多。

立即提问
相关内容推荐