前端用canvas或svg实现画板功能

要求鼠标事件落下开始画,移动中画直线,抬起结束,注意多条直线

2个回答

推荐le5le-topology基于typescript + canvas写的,易集成、方便自定义图形库,支持微服务架构图、流程图、时序图、活动图、类图等

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

做股市k线图,折线图该用canvas还是svg,两者的区别我都了解, 知乎:http://www.zhihu.com/question/19690014 但是发现国内上游企业都在用canvas, 按理说canvas不善于交互的,这种交互类操作应该给svg来做,为什么百度腾讯都在用canvas? canvas效率要比svg好,但是国外的highcharts也超棒啊,求更精准的分析答案

html2canvas 如何截 svg?

如题,正常图片文字都能截图,就svg样式截不了,但是我看源码有一个文件是svg.js,是不是这个文件是用来截svg的?不知道怎么用,求告知

html2canvas不能识别svg中的图形,页面截取的图片,没有svg内容

html2canvas不能识别svg中的图形,页面截取的图片,没有svg内容

如何使用前端代码进行将png转换为svg

如何使用前端代码进行将png转换为svg,目前我能够获取到通过canvas转码为base64格式的png格式,希望转化为svg格式 ``` var bloburl = this.canvas_elem.toDataURL(`image/${'png'}` , 1.0); ```

WEB前端 SVG 弧形进度条

小白前端,请教一下大神。 ![图片说明](https://img-ask.csdn.net/upload/201904/11/1554974809_622846.png)这个是我现在写的,想问一下用svg可以把它写成弧形吗?我现在用的是SVG,是不是用canvas会容易一些?能贴一下代码么? ![图片说明](https://img-ask.csdn.net/upload/201904/11/1554974878_611086.png)这个是理想图 这是我HTML代码 ``` <svg id="js-times-svg" > <defs> <linearGradient id="color-gradient" x1="0" y1="0%" x2="99.33%" y2="0%" gradientUnits="userSpaceOnUse"> <stop offset="0%" style="stop-color:#62B220"></stop> <stop offset="100%" style="stop-color:#f6250a"></stop> </linearGradient> </defs> <line x1="0" y1="50" x2="100%" y2="50.001" stroke="#666" stroke-width="30" stroke-dasharray="5 5"></line> <line id = "colorful" x1="0" y1="50" x2="99.33%" y2="50.001" stroke="url(#color-gradient)" stroke-width="30" stroke-dasharray="5 5" style="transition:all .5s ease;" class="prog"></line> </svg> ``` JS: ``` var i = 0; var flag = 1; setInterval(function(){ console.log(document.querySelector("#colorful").setAttribute("x2",i+"%")); if(flag==1){ if(i==100){ flag = 0; } i++; }else{ if(i==0){ flag = 1; } i--; } },50); ```

怎么使用Html2canvas来实现截图功能。

要具体步骤,已经下好Html2canvas压缩包,接下来该怎么做? 求助大神

前端怎么调整纯canvas网站(snap)中某个组件的位置

初来乍到,先向各位前辈问声好: 我最近遇到一个问题,几经折腾仍然没有什么效果,特来此寻求帮助。 对于一个用前端html5新属性“canvas”技术制作的网站——snap,利用什么工具进行调试,又怎样才能移动网站中的一个canvas组件的位置?具体的我会在下面的截图中标明。 据我了解,snap是一款帮助孩子从小培养编程思想的游戏,孩子不需要懂任何代码也不需要敲键盘,仅仅通过鼠标拖拽相关控件放到脚本区域,就能制作出丰富多彩的动画效果。 [网站链接](http://www.xunqur.com/ide.html "单击左上角下载源代码") 希望大V们不吝赐教,小生在此谢过~![图片说明](https://img-ask.csdn.net/upload/201706/10/1497102158_252727.png)

html2canvas截取不到背景图片和SVG中的图形????

html2canvas.js截取不到页面的背景图片和SVG中的图形。

vml手绘闭合多边形,想转成SVG或者canvas的。

最近要实现一个功能,在一张图片上选好区域后,然后记录后选择的坐标。然后使用 map area 将所选区域显示出来。 我在网上找了一段vml的代码,能实现我的功能。 但是因为vml只支持ie,所以没有办法在 Chrome上用。 这个看了两天了,一直没有实现方法,请各位大神帮帮忙,能将代码改成 SVG或者canvas这种能支持Chrome浏览器的。 下面的代码是vml手绘闭合多边形的。 再次谢谢各位大神了。 <HTML xmlns:v> <head> <title>手绘多边形</title> <meta name="ContentType" content="text/html" /> <meta name="CharSet" content="UTF-8" /> <style type="text/css"> v\:* {behavior:url(#default#VML);} </style> <script language="javascript"> var Working=false;//判断是否画图的状态 var poly1=null,oldvalue="",oldx=0,oldy=0 //为了完成铅笔、记忆点等连续线段 var xx,yy; //鼠标单击事件 function divMousedown() { if(!Working)//第一次点击鼠标 { xx=event.x; yy=event.y; poly1=div1.appendChild(document.createElement("<v:shape path='m0,0 l0,0' filled='true' style='POSITION:absolute;z-index:1;left:"+xx+";top:"+yy+";width:100;height:100;filter: Alpha(Opacity=60);' strokecolor='black' strokeweight='1' coordsize='100,100' fillcolor='yellow'/>")); oldvalue=poly1.path.value.replace("e",""); oldx=xx; oldy=yy; Working=true; } else { if (poly1!=null) oldvalue=poly1.path.value.replace(" e",""); } } //鼠标移动的时候 function divMouseMove() { tempx=event.x; tempy=event.y; if (poly1!=null) { poly1.path.value=oldvalue+","+(tempx-oldx)+","+(tempy-oldy); poly1.path.value=poly1.path.value.replace(",0,0,",",0,").replace(",0 e","e"); } } function divMouseUp() { if(event.button==2) { poly1.path.value=oldvalue+"x e"; Working=false; poly1=null; } } </script> <body style="margin:0px;"> <div id="div1" style="position:absolute; height:100%; width:100%; border:1px solid 0000FF;" onmousedown="divMousedown();" onmousemove="divMouseMove();" onmouseup="divMouseUp();" oncontextmenu="return false;">在页面上点击鼠标左键开始,右击鼠标右键结束</div> </body> </html>

请问使用js能实现向svg中添加div吗

有个svg地图打印模板,想利用js往模板中添加div,Div主要是添加的地图,不知道能否实现,

svg跟canvas如何分工?

HTML5同时支持svg跟canvas 其实很多时候,效果是一样的,用途是一样的 这两者,一般如何分工?

请问如何将从Oracle中取得的SVG图,通过openlayers展示在页面上?

现在有一个方法可以从Oracle中取得SVG图,在浏览器输入localhost:8080/getImage 就可以看到那张SVG图,可是,现在想通过openlayers的OpenLayers.Layer.Image去 展示这张SVG图,请问这该怎么去实现呢???有方法或思路可以提供吗???谢谢!!!

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

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

如何实现一个拥有保存功能的web端的绘画板,并且保存的内容可以再次更改

如何做一个web端的绘画板,并且绘画版的内容可以保存为某种格式的文件,可以再次修改,求指导一个技术方向,我要实现这个东西需要用到什么技术,canvas应该是不可以的,因为canvas保存为图片之后不能继续修改,求指一个技术方向

canvas画布实现拖拽操作

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

SVG到画布的路径

<div class="post-text" itemprop="text"> <p>I would like to know how to render SVG paths and div elements in one image.</p> <p>Example:</p> <pre><code>&lt;div class="objects ui-droppable ui-sortable"&gt; &lt;div class="b_s _jsPlumb_endpoint_anchor _jsPlumb_connected" id="start_block"&gt;START&lt;/div&gt; &lt;div class="b_1 block ui-draggable ui-draggable-handle _jsPlumb_endpoint_anchor _jsPlumb_connected" id="n_block4" title="test"&gt;&lt;span&gt;test&lt;/span&gt;&lt;/div&gt; &lt;div class="b_s _jsPlumb_endpoint_anchor _jsPlumb_connected" id="end_block"&gt;STOP&lt;/div&gt;&lt;div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable" style="display: block; width: 10px; height: 0px; position: absolute; left: 530px; top: 52px; background: transparent;"&gt;&lt;/div&gt; &lt;div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable" style="display: block; width: 10px; height: 0px; position: absolute; left: 529.5px; top: 82px; background: transparent;"&gt;&lt;/div&gt; &lt;svg style="position:absolute;left:519.5px;top:48px" width="20" height="38" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"&gt;&lt;path d="M 0.5 -1 L 0.5 31 M 1.5 30 L -0.75 30 M 0.25 31 L 0.25 -1 M 1.25 0 L -1 0 M 0 0 L 0 30 " transform="translate(9.999999999999998,4)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="rgb(7,152,216)" style="" stroke-width="2"&gt;&lt;/path&gt;&lt;path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M4.684274006738627e-16,32.650000000000006 L10.000000000000002,7.650000000000007 L1.4221210955098638e-15,17.075000000000006 L-9.999999999999998,7.650000000000005 L4.684274006738627e-16,32.650000000000006" class="" stroke="rgb(7,152,216)" fill="rgb(7,152,216)" transform="translate(9.999999999999998,4)"&gt;&lt;/path&gt;&lt;/svg&gt; &lt;div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable" style="display: block; width: 10px; height: 0px; position: absolute; left: 529.5px; top: 126px; background: transparent;"&gt;&lt;/div&gt; &lt;div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable" style="display: block; width: 10px; height: 0px; position: absolute; left: 530px; top: 156px; background: transparent;"&gt;&lt;/div&gt; &lt;svg style="position:absolute;left:520px;top:122px" width="20" height="38" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"&gt;&lt;path d="M 0 -1 L 0 31 M -1 30 L 1.25 30 M 0.25 31 L 0.25 -1 M -0.75 0 L 1.5 0 M 0.5 0 L 0.5 30 " transform="translate(9.499999999999998,4)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="rgb(7,152,216)" style="" stroke-width="2"&gt;&lt;/path&gt;&lt;path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0.5000000000000004,32.650000000000006 L10.500000000000002,7.650000000000007 L0.5000000000000014,17.075000000000006 L-9.499999999999998,7.650000000000005 L0.5000000000000004,32.650000000000006" class="" stroke="rgb(7,152,216)" fill="rgb(7,152,216)" transform="translate(9.499999999999998,4)"&gt;&lt;/path&gt;&lt;/svg&gt; &lt;/div&gt; </code></pre> <p>Current JS code:</p> <pre><code>$("#btnExp").click(function() { //Canvas Count var CCount = 1; //prekopiramo vse elemente v nov div. Vmes SVG pretvorimo v canvas. $("body").append("&lt;div class='ghost_img'&gt;&lt;/div&gt;"); //Gremo cez vse elemente. Jih pripnemo v ghost_img, svg-&gt;canvas canvas pozicioniramo kot svg. $(".objects").find("*").each(function(index) { var object = $(this); //Ce je DIV ga kloniramo if(this.tagName=='DIV'){ $(".ghost_img").append(object.clone()); //Ce je SVG dobimo kordinate, ga transformiramo v canvas in pripnemo, canvasu dodamo -&gt; style: position:absolute, top:y, left:x }else if(this instanceof SVGElement){ $(".ghost_img").append("&lt;canvas id='c"+CCount+'&gt;&lt;/canvas&gt;'); var position = $(this).position(); //alert(position.left + ", top: "+ position.top); var oSerializer = new XMLSerializer(); var sXML = oSerializer.serializeToString(object); canvg(document.getElementById('c'+CCount), sXML); $('#c'+CCount).css("position","absolute"); $('#c'+CCount).css("top",position.top); $('#c'+CCount).css("left",position.left); CCount = CCount+1; } }); //Renderamo celoten ghost_img html2canvas($(".ghost_img"), { onrendered: function(canvas) { theCanvas = canvas; document.body.appendChild(canvas); } }); }); </code></pre> <p>With the code above, every element gets rendered, but the picture is not right. <a href="http://puu.sh/o62p2/915eaf9e90.png" rel="nofollow">How elements get rendered</a> , <a href="http://puu.sh/o6Xll/a2a26ce722.png" rel="nofollow">how they should render</a>. </p> <p>Edit of the code above #1: Okay so here's my idea. I would like to append all the elements to a ghost div, while appending them one by one i would convert the svgs to canvas. I would also set position(left,top) and position absolute to canvases i create. Then i would like to render the whole ghost div.</p> <p>Demo link: <a href="https://jsfiddle.net/0Lvv8qvs/7/" rel="nofollow">Demo</a></p> </div>

如何让canvasjs的生成的chart在现有前端框架漂亮显示?

现象:现有前端框架插入canvasjs的生成的chart后,显示效果不好 code: ``` <div class="col-sm-12"> <div class="widget-box"> <div class="widget-header widget-header-flat widget-header-small"> </div> <div class="widget-body"> <div class="widget-main" id="widgetMain"> <!-- canvasjs的生成的chart所处位置 --> <div id="chartContainer"></div> </div><!-- /.widget-main --> </div><!-- /.widget-body --> </div><!-- /.widget-box --> ``` **显示效果**:见图片 ![图片说明](https://img-ask.csdn.net/upload/201703/31/1490932351_617324.jpg) canvasjs:画各种统计图形的JS canvasjs官网:http://canvasjs.com/javascript-charts/ canvasjs:官网提供的例子(canvasjs的生成的chart直接放在html的body里面) ``` <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> window.onload = function() { var chart = new CanvasJS.Chart("chartContainer", { title: { text: "Line Chart" }, axisX: { interval: 10 }, data: [{ type: "line", dataPoints: [ { x: 10, y: 45 }, { x: 20, y: 14 }, { x: 30, y: 20 }, { x: 40, y: 60 }, { x: 50, y: 50 }, { x: 60, y: 80 }, { x: 70, y: 40 }, { x: 80, y: 60 }, { x: 90, y: 10 }, { x: 100, y: 50 }, { x: 110, y: 40 }, { x: 120, y: 14 }, { x: 130, y: 70 }, { x: 140, y: 40 }, { x: 150, y: 90 }, ] }] }); chart.render(); } </script> <script src="../../canvasjs.min.js"></script> <title>CanvasJS Example</title> </head> <body> <div id="chartContainer" style="height: 400px; width: 100%;"></div> </body> </html> ```

大神们谁用canvas写过电影院选座?

哪位大神用canvas写过电影院在线选座 如下图用canvas写出来![图片说明](https://img-ask.csdn.net/upload/201704/26/1493191743_237291.png)

用canvas实现同心圆有多余的线怎么剪除?

用for循环做同心圆,但是实现出来有多余的线 ``` for(var i=0;i<5;i++){ rgb=Math.floor(Math.random()*1000000); ctx.strokeStyle="#"+rgb; ctx.arc(200,200,100-i*15,0,Math.PI*2,true); ctx.moveTo(300-i*15,200); ctx.stroke(); } ``` ![图片说明](https://img-ask.csdn.net/upload/201901/07/1546845946_682681.jpg) 1、多余的线怎么除掉?本来以为每次画圆重新定位(moveTo)就行,但是只有最右边的短线消失了。 2、想画成实心圆的,但是用了fillstyle和fill之后,出现最外圈的圆覆盖了里面的圆。怎么实现外圈不覆盖里圈? 3、用设置div的层叠和圆角也能实现同心圆,所以两种方式对比那个好?(纯属个人好奇) 最终想实现的是这样: ![图片说明](https://img-ask.csdn.net/upload/201901/07/1546846491_424385.jpg)

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

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

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

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

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

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

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

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

将一个接口响应时间从2s优化到 200ms以内的一个案例

一、背景 在开发联调阶段发现一个接口的响应时间特别长,经常超时,囧… 本文讲讲是如何定位到性能瓶颈以及修改的思路,将该接口从 2 s 左右优化到 200ms 以内 。 二、步骤 2.1 定位 定位性能瓶颈有两个思路,一个是通过工具去监控,一个是通过经验去猜想。 2.1.1 工具监控 就工具而言,推荐使用 arthas ,用到的是 trace 命令 具体安装步骤很简单,大家自行研究。 我的使用步骤是...

学历低,无法胜任工作,大佬告诉你应该怎么做

微信上收到一位读者小涛的留言,大致的意思是自己只有高中学历,经过培训后找到了一份工作,但很难胜任,考虑要不要辞职找一份他能力可以胜任的实习工作。下面是他留言的一部分内容: 二哥,我是 2016 年高中毕业的,考上了大学但没去成,主要是因为当时家里经济条件不太允许。 打工了三年后想学一门技术,就去培训了。培训的学校比较垃圾,现在非常后悔没去正规一点的机构培训。 去年 11 月份来北京找到了一份工...

JVM内存结构和Java内存模型别再傻傻分不清了

讲一讲什么是Java内存模型 Java内存模型虽说是一个老生常谈的问题 ,也是大厂面试中绕不过的,甚至初级面试也会问到。但是真正要理解起来,还是相当困难,主要这个东西看不见,摸不着。 这是一个比较开放的题目,面试官主要想考察的是对Java内存模型的了解到了什么程度了,然后根据回答进行进一步的提问 下面,我们就这个问题的回答列一下我们的思路 具体的思路如下: 说一说Java内存模型的缘由 简略辨析...

和黑客斗争的 6 天!

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

Google 与微软的浏览器之争

浏览器再现“神仙打架”。整理 | 屠敏头图 | CSDN 下载自东方 IC出品 | CSDN(ID:CSDNnews)从 IE 到 Chrome,再从 Chrome 到 Edge,微软与...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

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

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

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

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

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

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

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

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

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

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

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

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

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

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

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

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

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

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

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

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

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中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多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

立即提问
相关内容推荐