移动端 HTML5 CANVAS 兼容性问题

目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。
目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。

不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。
<!DOCTYPE HTML>


测试canvas

 <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>



7个回答

draw();
改为
window.onload=draw
试试。。

你的页面是在微信打开还是用手机的浏览器?

代码贴上去 有点问题。 我截图下。
图片说明

是在微信中打开的,不过使用手机上自带的默认浏览器也是这样子的效果。也试过在onload中,不过我的代码,肯定不是onload的问题

测试红米,oppo都存在这个问题,但是苹果那些都没有问题,代码很简单,没有多余的东西,间歇性的出现。。。怀疑是不是系统浏览器内核的问题。。。。
PC上所有浏览器都没有这个问题。

某些设备的浏览器支持html5吗

wjschsg88
wjschsg88 回复famingyuan: 你好,这个问题解决了吗,同样的问题?
3 年多之前 回复
zv2283940160
zv2283940160 回复famingyuan: 你好 你解决这个问题了吗? 我现在也有类似的问题 它不是必现的 只是偶尔会出现
接近 4 年之前 回复
famingyuan
famingyuan 肯定是支持的,因为可以画出来,只是偶尔画不出来
4 年多之前 回复

当前对html5最支持的浏览器是open。

这个还是比较简单,改为window.onload=draw可行的一个办法,每个浏览器的兼容性还是有很多区别的。

famingyuan
famingyuan 这个跟是否onload没有关系的,js是直接写在页面里面,canvas标签之后的。不存在未加载完毕的问题啊?而且之前也试过采用这个方案,始终是存在问题的。用网上的最简单的demo试过,一样有问题。oppo和小米的肯定是有问题的,,,
4 年多之前 回复

所有浏览器都这样吗?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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大神
跪求精通html5 CANVAS大神,用CANVAS 画布上面画矩形图,圆形图,曲线图等等,在线等
html5 canvas 全拼的问题
我在<canvas/>里制作了简单的游戏,如俄罗斯方块。 我想在手机里测试,把,canvas全拼花的玩游戏。 不知道怎么全拼求高手求助
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在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的坑挺多的,有没有可以替代它的插件
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)
html5 canvas输入文字
请问canvas如何实现在画布上输入问题,即画出一个矩形框,可以在框中输入文字。效果图如下。![图片说明](https://img-ask.csdn.net/upload/201508/03/1438592810_949115.png)
html5在canvas中插入图片
在canvas中显示图片非常简单。可以通过修正层为图片添加印章、拉伸图片或者修改图片等,并且图片通常会成为canvas上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。 不过,图片增加了canvas操作的复杂度:必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上,那么canvas将不会显示任何图片。因此,开发人员要特别注意,在呈现之前,应确保图片已经加载完毕。
canvas css标签 html5
vancas作为css元素选择器显示不出来样式为什么,代码如下 <!DOCTYPE html> <html> <head> <meta name="Keywords" content="关键字"> <title>不准删除</title> <stlye> *{margin:0;}<!----解决兼容性问题----> #canvas{ background:red; margin:100px auto; display:block; border:10px soild #c1ba84; } p { background-color:yellow; } </style> </head> <body> <canvas id="canvas" width="450" height="450">不支持</canvas> <script> var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var width=15; context.moveTo(0,0); context.lineTo(450,450); context.stroke(); for(var i=0;i<30;i++){ context.moveTo(i*width,0); context.lineTo(i*width,450); context.stroke(); context.moveTo(0,i*width); context.lineTo(450,i*width); context.stroke(); } //定义社长为6 var snakeCount = 6; var snake = []; //初始化社的坐标 </script> </body> </html>
Html5 Canvas通过鼠标移动画圆,一下为Javascript画圆部分函数 有什么问题?
var canvas=document.getElementById("demo"); var cxt=canvas.getContext("2d"); function circle() { canvas.onmousedown=function(evt) { cxt.lineWidth=1; evt=window.event||evt; var startX=evt.pageX-this.offsetLeft; var startY=evt.pageY-this.offsetTop; } canvas.onmousemove=function(evt) { var x=evt.pageX-this.offsetLeft; var y=evt.pageY-this.offsetTop; cxt.strokeStyle="rgb(180,0,0)"; cxt.beginPath(); var radii=Math.sqrt((startX-x)*(startX-x)+(startY-y)*(startY-y)); cxt.arc(startX,startY,radii,0,Math.PI*2,false); cxt.stroke(); cxt.closePath(); } }
移动端微信中canvas会偶尔出现黑屏
在小米手机和魅族手机出现过 其它安卓手机也有可能会出现 但都不是必现
html5 canvas 绘制base64图片失败
``` <canvas id="canvas1" ...> <!--源//--> <canvas id="canvas2" ...> <!--目的//--> <img id="testImg" src=""> <!--测试//--> ``` 场景: 2个canvas;1个img canvas1显示内容,接着将内容复制到canvas2里面。 实现: var img = canvas1Context.toDataURL('image/jpeg'); img.replace(/^data:image\/(png|jpg);base64,/, ""); myTestImg.src = img;//显示成功! var imggg = new Image(); imggg.src = img; //img.length //7259 canvas2Context.drawImage(imggg, 0, 0, 320, 480); //黑底,无图像,无报错 //png格式是白底,同样无图像
如何让html2canvas兼容ie?
![图片说明](https://img-ask.csdn.net/upload/201905/13/1557728737_627384.png)除了ie其他浏览器都不会报这个错
Html5 canvas 基础demo 为什么都没有
``` <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75); </script> </head> <body> <canvas id="myCanvas" width="320" height="220"></canvas> </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> ```
求HTML5解答关于canvas旋转的问题
想书写一个就是上方是个模型旋转,下方是个太极旋转的图,我是把下方太极vasrotx会画的,rotatex来偏转一个角度来实现立体效果,但是如果我如果旋转太极图,就会和预想的不一样,求教<!doctype html> ``` <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function() { var cvs = document.getElementById("luopan"); ctx = cvs.getContext("2d"); ctx.fillStyle="#fff"; ctx.beginPath(); ctx.arc(200, 200, 150, 1.5*Math.PI, Math.PI/2, false); ctx.closePath(); ctx.fill(); ctx.fillStyle="#000"; ctx.beginPath(); ctx.arc(200, 200, 150, Math.PI/2, 1.5*Math.PI, false); ctx.closePath(); ctx.fill(); ctx.fillStyle="#000"; ctx.beginPath(); ctx.arc(200, 275, 75, 0, Math.PI*2, false); ctx.closePath(); ctx.fill(); ctx.fillStyle="#fff"; ctx.beginPath(); ctx.arc(200, 125, 75, 0, Math.PI*2, false); ctx.closePath(); ctx.fill(); ctx.fillStyle="#fff"; ctx.beginPath(); ctx.arc(200, 275, 10, 0, Math.PI*2, false); ctx.closePath(); ctx.fill(); ctx.fillStyle="#000"; ctx.beginPath(); ctx.arc(200, 125, 10, 0, Math.PI*2, false); ctx.closePath(); ctx.fill(); ctx.globalAlpha = 0.2; ctx.fillStyle = "#f00"; ctx.font = "32pt Arial"; ctx.fillText("阳", 220, 200); ctx.fillText("阴", 100, 250); ctx.globalAlpha = 1.0; ctx.shadowOffsetX = 2; ctx.shadowOffsetY = 2; ctx.shadowBlur = 2; ctx.shadowColor = "rgba(0, 0, 0, 0.5)"; ctx.fillStyle = "#000"; }; </script> <style> body { background:url(4.gif); background-size:cover; } .box{ width: 249px; height: 249px; border: 1px dashed #000; margin: 120px auto; border-radius: 250px; position: relative; transform-style: preserve-3d; transform:rotateX(30deg) rotateY(-30deg); animation: gun 10s linear infinite; } .box::before,.box::after{ content: ""; width: 50px; height: 80px; background: pink; position: absolute; border-radius: 50px 50px 0 0; top: 50%; left: 50%; } .box::before{ transform: rotate(-45deg); margin-left: -36px; margin-top: -40px; } .box::after{ transform: rotate(45deg); margin-left: -16px; margin-top: -40px; } @keyframes gun{ 0%{ transform:rotateX(360deg) rotateY(0deg) } 100%{ transform:rotateX(0deg) rotateY(360deg) } } .box > div{ width: 100%; height: 100%; text-align: center; line-height: 250px; font-size: 60px; position: absolute; color: #fff; } .left{ background-color: rgba(0,0,0,0.3); transform-origin: left; transform: rotateY(-90deg) translateX(-125px); } .right{ background-color:rgba(196,55,97,0.2); transform-origin: right; transform: rotateY(90deg)translateX(125px); } .forward{ background-color: rgba(55,196,118,0.3); transform: translateZ(125px); } .back{ background-color: rgba(0,125,125,0.3); transform: rotateY(-180deg) translateZ(125px); } .up{ background-color: rgba(251,255,0,0.4); transform: rotateX(90deg) translateZ(125px); } .down{ background-color: rgba(68,255,0,0.4); transform: rotateX(-90deg) translateZ(125px); } #luopan{ opacity:0.4; filter:alpha(opacity=40); transform-style: preserve-3d; position: absolute; left:350px; top:250px; transform:rotatex(280deg); animation:FD 1s linear 0s infinite;} @keyframes FD {0% {transform:scale(1.3,1.3);} 25% {transform:scale(1.5,1.5);} 100% {transform:scale(1,1);} } ; </style> </head> <body > <div class = "box"> <div class = "up">金</div> <div class = "down">木</div> <div class = "left">水</div> <div class = "right">火</div> <div class = "forward">土</div> <div class = "back">五行</div> </div> <canvas id="luopan" width="400" height="400" "></> </canvas> </body> </html> ```
如何将页面保存为图片(兼容IE),用html2canvas.min.js 不能兼容ie
如何将页面保存为图片(兼容IE),用html2canvas.min.js 不能兼容ie
html2canvas截图如何解决跨域的问题?
html2canvas截图如何解决跨域的问题?用html2canvas.js截屏时,不在同一域名下的图片不显示!
相见恨晚的超实用网站
搞学习 知乎:www.zhihu.com 简答题:http://www.jiandati.com/ 网易公开课:https://open.163.com/ted/ 网易云课堂:https://study.163.com/ 中国大学MOOC:www.icourse163.org 网易云课堂:study.163.com 哔哩哔哩弹幕网:www.bilibili.com 我要自学网:www.51zxw
花了20分钟,给女朋友们写了一个web版群聊程序
参考博客 [1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
引言 本文主要是记录一下面试字节跳动的经历。 三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成喔~) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch
深深的码丨Java HashMap 透析
HashMap 相关概念 HashTab、HashMap、TreeMap 均以键值对像是存储或操作数据元素。HashTab继承自Dictionary,HashMap、TreeMap继承自AbstractMap,三者均实现Map接口 **HashTab:**同步哈希表,不支持null键或值,因为同步导致性能影响,很少被使用 **HashMap:**应用较多的非同步哈希表,支持null键或值,是键值对...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
JDK12 Collectors.teeing 你真的需要了解一下
前言 在 Java 12 里面有个非常好用但在官方 JEP 没有公布的功能,因为它只是 Collector 中的一个小改动,它的作用是 merge 两个 collector 的结果,这句话显得很抽象,老规矩,我们先来看个图(这真是一个不和谐的图????): 管道改造经常会用这个小东西,通常我们叫它「三通」,它的主要作用就是将 downstream1 和 downstre...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
相关热词 如何提升c#开发能力 矩阵乘法c# c#调用谷歌浏览器 c# 去空格去转义符 c#用户登录窗体代码 c# 流 c# linux 可视化 c# mvc 返回图片 c# 像素空间 c# 日期 最后一天
立即提问