使用html2canvas一直报错,有用过的大神指教一下吗

一直报错onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value!如下图
图片说明

6个回答

js代码

  $("#btn_upload4").click(function () {
         var  filename = 1+ "_fansImages.pdf";
             // 将 id 为 Modal5 的 div 渲染成 canvas
            html2canvas(document.getElementById("Modal5"), {

                // 渲染完成时调用,获得 canvas
                onrendered: function(canvas) {

                    // 从 canvas 提取图片数据
                    var imgData = canvas.toDataURL('image/jpeg');

                    var canWidth = canvas.width;
                    var canHeight = canvas.height;
                    var arrDPI = js_getDPI();//获取显示器DPI
                    var dpiX = 96;
                    var dpiY = 96;
                    if(arrDPI.length>0){
                        dpiX = arrDPI[0];
                        dpiY = arrDPI[1];
                    }

                    // var doc = new jsPDF("p", "mm", "a4");
                    var doc = new jsPDF('', 'in', [(canWidth+10)/dpiX,(canHeight+10)/dpiY]);//设置PDF宽高为要显示的元素的宽高,将像素转化为英寸  
                    // doc.addImage(imgData, 'JPEG', 0, 0,210,297);
                    doc.addImage(imgData, 'JPEG', 0, 0,0,0);

                    doc.save(filename);
                },
               background : "#f7f7f7"    //设置PDF背景色(默认透明,实际显示为黑色)
            });  
     })

html代码

 <div class="modal fade" id="Modal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 1050;">
                    <div class="modal-dialog modal-lg" >
                        <div class="modal-content" style="width:1000px;margin-left:-5%" >
                            <div class="modal-header" style="height:60px">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel" style="float:left ;">正太分析图</h4>
                                <button type="button" class="btn btn-default" style="background-color:#337ab7;color:#fff;margin-top:3px;float:right" id="btn_upload4" >打印正太图</button>
                            </div>
                            <!--startprint-->
                            <div class="modal-body">
                                <div class="ibox" >
                                    <div style="width:21%;height:40%; float:left; border:1px solid;margin-top:30px" >
                                        <p style="text-align: center;">Process Data</p></br>
                                            <div class="col-md-6">LSL:</div>
                                            <div class="col-md-6"><span id="lsl"></span></div>
                                            <div class="col-md-6">Target:</div>
                                            <div class="col-md-6"><span id="Target"></span></div>
                                            <div class="col-md-6">USL:</div>
                                            <div class="col-md-6"><span id="USL"></span></div>
                                            <div class="col-md-6">SampleM:</div>
                                            <div class="col-md-6"><span id="SM"></span></div>
                                            <div class="col-md-6">SampleN:</div>
                                            <div class="col-md-6"><span id="SampleN"></span></div>
                                            <div class="col-md-6">Within:</div>
                                            <div class="col-md-6"><span id="Within"></span></div>
                                            <div class="col-md-6">Overall:</div>
                                            <div class="col-md-6"><span id="Overall"></span></div>
                                    </div>
                                    <!-- echart图 -->
                                    <div id="main" style="width: 500px;height:300px;background-color: #ffffff;margin: 0 auto"></div>
                                    <div style="width: 22%;height:20% ; float:right;margin-top:-31%;">
                                        <div style="border:1px solid;width:150px;height:50px">
                                            <p>————With in</p>
                                            <p>—— ——Over all</p>
                                        </div>
                                        <div style="border:1px solid;width:200px;height:150px;margin-top:5px">
                                            <p style="text-align: center;">Potential(Within)Capabilitys</p>
                                            <div class="col-md-6">Cp:</div>
                                            <div class="col-md-6"><span id="Cp"></span></div>
                                            <div class="col-md-6">CPL:</div>
                                            <div class="col-md-6"><span id="CPL"></span></div>
                                            <div class="col-md-6">CPU:</div>
                                            <div class="col-md-6"><span id="CPU"></span></div>
                                            <div class="col-md-6">CPK:</div>
                                            <div class="col-md-6"><span id="CPK"></span></div>
                                            <div class="col-md-6">CCPK:</div>
                                            <div class="col-md-6"><span id="CCPK"></span></div>

                                        </div>
                                        <div style="border:1px solid;width:200px;height:150px;">
                                            <p style="text-align: center;">Overall Capability</p>
                                            <div class="col-md-6">Pp:</div>
                                            <div class="col-md-6"><span id="Pp"></span></div>
                                            <div class="col-md-6">PPL:</div>
                                            <div class="col-md-6"><span id="PPL"></span></div>
                                            <div class="col-md-6">PPU:</div>
                                            <div class="col-md-6"><span id="PPU"></span></div>
                                            <div class="col-md-6">PPK:</div>
                                            <div class="col-md-6"><span id="PPK"></span></div>
                                            <div class="col-md-6">CPM:</div>
                                            <div class="col-md-6"><span id="CPM"></span></div>

                                        </div>
                                    </div>
                                    <div class="content" style="width: 100%;height:20%;margin-top: 8%;">
                                        <div id="right" style="border:1px solid;width:225px;height:130px;margin-top:5px">
                                            <p style="text-align: center;">O bserv ed Performnance</p>
                                            <div class="col-md-6">PPM &lt LSL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmlsl" ></span></div>
                                            <div class="col-md-6">PPM &gt USL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmtotal" ></span></div>
                                            <div class="col-md-6">PPM Total:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmusl" ></span></div>
                                        </div>      
                                        <div  id="mid" style="border:1px solid;width:225px;height:130px;margin-top:5px;">
                                            <p style="text-align: center;">Exp.Within Performance</p>
                                            <div class="col-md-6">PPM &lt LSL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmlsls" ></span></div>
                                            <div class="col-md-6">PPM &gt USL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmtotals" ></span></div>
                                            <div class="col-md-6">PPM Total:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmusls" ></span></div>
                                        </div>
                                        <div id="left" style="border:1px solid;width:225px;height:130px;margin-top:5px">
                                            <p style="text-align: center;">Exp.Overall Performance</p>
                                            <div class="col-md-6">PPM &lt LSL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmlsl1" ></span></div>
                                            <div class="col-md-6">PPM &gt USL:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmtotal1" ></span></div>
                                            <div class="col-md-6">PPM Total:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="ppmusl1" ></span></div>
                                        </div>
                                        <div id="passTital" style="border:1px solid;width:165px;height:130px;margin-left:5px;margin-top:5px;float:left">
                                            <p style="text-align: center;">Percent Of Pass</p >
                                            <div class="col-md-6">PASS:</div>
                                            <div class="col-md-6" style="text-align:center"><span id="pass" ></span></div>

                                        </div>          
                                    </div>  
                                    </div>
                                </div>
                            </div>
                            <!--endprint--> 
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>

你把代码贴一下 ,前端和后台的

fangBlood
fangBlood 问题无法编辑了,答案贴在下面了 你看一下
一年多之前 回复

你是要把DIV保存为图片对吗?

重新下一份源码,估计是源码有问题

好像如果ie的话jspdf会抛错的

最新的html2canvas已经弃用了onrendered,改成以下代码:

html2canvas(document.body,{ width:200,height:100 }).then(function(canvas){
        var imgUri = canvas.toDataURL();
        $("body").append('<a href="'+imgUri+'" download="下载的图片">保存图片</a>');
    });
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html2canvas在360浏览器兼容模式下报错问题

需求是将页面上的一张图表做前端导出,我用到了两个插件,一个是html2canvas进行截图,还有一个是jspdf生成pdf文件并且保存到本地 firefox和chrome都已经通过测试了,360的兼容模式下不能正常跑。 代码跑到这里的时候会报错: html2canvas($("#vm0"), { onrendered: function (canvas) { $(canvas).attr({"style":"margin-top:10px;","id":"vm0_save"}) $("#realchart").append(canvas); } }); 刚开始浏览器控制台抛出这个错误: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497850918_99930.png) 下了一个es6-promise依赖包,然后在html2canvas.js最上面加了一句: var Promise = require('es6-promise').Promise; 这个报错就不再出现了,但是随之而来的是下面这个报错: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497851219_728316.png) 然后就没有什么头绪解决了,有遇到过这个问题的大神吗? 另外发现html2canvas的坑挺多的,有没有可以替代它的插件

html2canvas 生成canvas 后 转成图片报错

``` html2canvas($("#bodydiv"), { onrendered: function (canvas) { document.body.appendChild(canvas); convertCanvasToImage(document.getElementsByTagName("canvas")); } }); 生成后用 function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); return image; } ``` 报 canvas.toDataURL is not a function 这个错 这个生成的canvas原本在页面里没有的 如果我直接写一个空的canvas 就能获取到 有么有道友遇到过

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

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

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

eclipse如何去掉<canvas>标签报错?

![图片说明](https://img-ask.csdn.net/upload/201909/05/1567668690_557816.png)

IE8及以下不兼容html2canvas问题

已经引入Html5.js 没什么用。 html2canvas($('.j_rtss'), { onrendered: function(canvas) { $('#vsave').attr( 'href' , canvas.toDataURL() ) ; $('#vsave').attr( 'download' , '1.png' ) ; document.getElementById("vsave").click(); } }); 以上代码不会被执行,其他浏览器测试正常,

html2canvas截图的问题

![图片说明](https://img-ask.csdn.net/upload/201709/19/1505813974_264937.jpg) 当我加上allowTaint: true, taintTest: false,这两个属性的时候就会报这个错,但不加这两个就会截取不全,怎么解决? ![图片说明](https://img-ask.csdn.net/upload/201709/19/1505814126_118072.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 // }) }); ```

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

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

html2canvas 插件和WdatePicker插件发生冲突!!!

基于bootstrap 框架中引入My97 DatePicker 4.2时间插件,同时要实现同时将界面中多个canvas中的效果导出为一张图因此引入了html2canvas 0.5.0-beta3插件实现图片的导出功能,但是在点击导出时,可以成功导出图片但是底部有报错, 具体的实现方法在下面 //导出图片的实现放大 //id为要导出区域的id html2canvas($("#" +id)).then(function (canvas) { var imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 获取生成的图片的url var saveLink = document.createElement('a'); saveLink.href = imgUri; saveLink.download = '截图.png'; saveLink.click(); }); 报错的截图如下: 哪位大神有遇到过同样的问题,求解。

JavaScript canvas Math 报错 帮忙看看 感谢!

``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3-2 画一个五角星</title> </head> <body> <canvas id="canvas" style="border: 1px solid #aaa; display: block;margin: 50px auto;">当前浏览器不支持Canvas,请更换浏览器再试</canvas> <script> window.onload = function(){ var canvas = document.getElementById("canvas"); canvas.width = 800; canvas.height = 800; var context = canvas.getContext("2d"); //context绘制 context.lineWidth = 10; drawStar(context, 150, 300, 400, 400); } function drawStar(cxt, r, R, x, y){ cxt.beginPath(); for (var i = 0; i < 5; i ++){ cxt.lineTo( Math.cos( (18 + i * 72) / 180 * Math.PI ) * R + x, -Math.sin( 18 + i * 72) / 180 * Math.PI ) * R + y); cxt.lineTo( Math.cos( (54 + i * 72) / 180 * Math.PI ) * r + x, -Math.sin(54 + i * 72) / 180 * Math.PI ) * r + y); } cxt.closePath(); cxt.stroke(); } </script> </body> </html> ```

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

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

使用html2canvas将png保存到服务器

<div class="post-text" itemprop="text"> <p>I am using a method from <a href="http://developergang.com/convert-div-image-using-html2canvas-save-using-ajax-php/" rel="nofollow noreferrer">this tutorial</a> to save a picture generated with html to a png or jpeg file in server.</p> <p>I suspect there is an error in the original script but cannot find it</p> <p>the picture should appear in the image_id div, but it does not.</p> <p>here is my code:</p> <pre><code>&lt;body&gt; &lt;div class='container' id="printableArea"&gt; ...here goes the div to output as png &lt;/div&gt; &lt;div id="image_id"&gt; &lt;img src="" alt="image" /&gt; &lt;/div&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"&gt;&lt;/script&gt; &lt;script&gt; html2canvas([document.getElementById('printableArea')], { onrendered: function (canvas) { var imagedata = canvas.toDataURL('image/png'); var imgdata = imagedata.replace(/^data:image\/(png|jpg);base64,/, ""); //ajax call to save image inside folder} $.ajax({ url: 'save_image.php', data: { imgdata:imgdata }, type: 'post', success: function (response) { console.log(response); $('#image_id img').attr('src', response) } }); } &lt;/script&gt; </code></pre> <p>the php file i use is the following: </p> <pre><code>&lt;?php $imagedata = base64_decode($_POST['imgdata']); $filename = md5(uniqid(rand(), true)); //path where you want to upload image $file = $_SERVER['DOCUMENT_ROOT'] . '/images/'.$filename.'.png'; $imageurl = 'http://***.com/images/'.$filename.'.png'; file_put_contents($file,$imagedata); echo $imageurl; ?&gt; </code></pre> </div>

使用html2canvas网页截图,页面元素中如果包含canvas标签的话,canvas部分无法截取!!

1、场景基本描述:地图基于leftlet,在地图上叠加echarts图表。 <br/> 截图效果图大致如下: <br/> ![图片说明](https://img-ask.csdn.net/upload/201907/15/1563158959_674682.png) <br/> 后来地图加载方式换成mapbox方式,图表还是echarts。 <br/> <br/> 截图效果图大致如下: <br/>![图片说明](https://img-ask.csdn.net/upload/201907/15/1563159644_681998.png) <br/> <br/> 正确截图效果应当如下: <br/>![图片说明](https://img-ask.csdn.net/upload/201907/15/1563160401_546311.png) <br/> <br/> 经排查原因:mapbox使用canvas绘制地图,leftlet使用div绘制地图。 <br/> <br/> 问题:使用插件网页截图如果页面元素本身已经包含canvas元素,canvas元素部分不会截取。 请问我该怎么做?或者有没有更好的截图插件能够达到我预想的截图效果。

使用html2canvas提交时,从表单创建屏幕截图

<div class="post-text" itemprop="text"> <p>I try to create a screenshot from a form when submitting with html2canvas. I use this code:</p> <pre><code>//Create Screen var element = $("#formmain"); var getCanvas; html2canvas(document.querySelector("#formmain")).then(canvas =&gt; { document.body.appendChild(canvas), save_img(canvas.toDataURL('image/jpeg')) }); </code></pre> <p>save_img function:</p> <pre><code>function save_img(data){ //ajax method. $.post('save_screen.php', {data: data}, function(res){ //if the file saved properly, trigger a popup to the user. if(res != ''){ yes = confirm('File saved in output folder, click ok to see it!'); if(yes){ location.href =document.URL+'temp/'+res+'.jpg'; } } else{ alert('something wrong'); } }); } </code></pre> <p>It is creating a screenshot but the input form fields are allways empty in screens.</p> </div>

跪求精通html5 CANVAS大神

跪求精通html5 CANVAS大神,用CANVAS 画布上面画矩形图,圆形图,曲线图等等,在线等

html2canvas是未解析的函数或方法

<div class="post-text" itemprop="text"> <p>Trying to take a screenshot from a webpage using html2canvas. The attached code is the function that I used. I arrive a 502 gateway error when run. The html2canvas function is an unresolved function or method. How to solve that?</p> <pre><code>&lt;head&gt; &lt;title&gt;PHP Test&lt;/title&gt; &lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src ="html2canvas.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script&gt; function capture(){ const element = $("#logo"); //this is the html element whose screenshot we want to take html2canvas(element,{ background:'#FFFFFF', onclone:function(canvas{ var imgData = canvas.toDataURL('image.png'); $.ajax({ url:'save.php', // save.php is the php script to save the captured screnshot to server type:'post', dataType : 'text', data:{ base64data : imgData } }) }) }) } &lt;/script&gt; &lt;/head&gt; </code></pre> </div>

html2canvas 截取页面放大不清晰

html2canvas 截取页面成图片,放大打印后图片不清晰,文字也模糊,求大神帮忙,新人一枚

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

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

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

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

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

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

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

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

win10暴力查看wifi密码

刚才邻居打了个电话说:喂小灰,你家wifi的密码是多少,我怎么连不上了。 我。。。 我也忘了哎,就找到了一个好办法,分享给大家: 第一种情况:已经连接上的wifi,怎么知道密码? 打开:控制面板\网络和 Internet\网络连接 然后右击wifi连接的无线网卡,选择状态 然后像下图一样: 第二种情况:前提是我不知道啊,但是我以前知道密码。 此时可以利用dos命令了 1、利用netsh wlan...

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

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

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

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

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

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

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

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

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

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

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

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

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

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

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

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

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

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中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协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

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

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

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

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

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

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

美团面试,问了ThreadLocal原理,这个回答让我通过了

他想都想不到,ThreadLocal我烂熟于心

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

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

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

程序员是做全栈工程师好?还是专注一个领域好?

昨天,有位大一的同学私信我,说他要做全栈工程师。 我一听,这不害了孩子么,必须制止啊。 谁知,讲到最后,更确定了他做全栈程序员的梦想。 但凡做全栈工程师的,要么很惨,要么很牛! 但凡很牛的,绝不是一开始就是做全栈的! 全栈工程师听起来好听,但绝没有你想象的那么简单。 今天听我来给你唠,记得帮我点赞哦。 一、全栈工程师的职责 如果你学习编程的目的只是玩玩,那随意,想怎么学怎么学。...

立即提问
相关内容推荐