- 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(); }}
注意startX和startY作用域，而且你也没有执行circle绑定鼠标事件
<canvas id="demo" width="500" height="400"></canvas>
<script>
var canvas = document.getElementById("demo");
var cxt = canvas.getContext("2d");
function circle() {
var startX,startY/////////
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();
}
}
circle()///////////////
</script>
- 其他相关推荐
- 移动端 HTML5 CANVAS 兼容性问题
- 移动端 HTML5 CANVAS 兼容性问题 html5 目前在做微信公众平台 ，使用到canvas绘制图片，在某些设备上出现偶尔无法绘制的问题。 目前测试出现在 oppo R8007 小米s1上，代码是最最简单的代码，比如绘制一行字，画矩形等，均出现间歇性的无法绘制的问题。 不知道是代码哪里没有做对，还是怎样？请教各位大神，有没有什么解决方案。
- html2canvas+Canvas2Image在移动端出现的问题
- 移动端想要实现长按保存图片的功能，用html2canvas+canvas2image来实现，，PC端能正常下载，但是在移动端下载的文件没有后缀名，而且下载失败，下面是代码和图片  ``` 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上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。 不过，图片增加了canvas操作的复杂度：必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上，那么canvas将不会显示任何图片。因此，开发人员要特别注意，在呈现之前，应确保图片已经加载完毕。
- 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> ```
- html5 canvas上有多个图片元素，如何实现每个图片能用鼠标拖拽移动？或是有其他的方法= =
-  像上图所示，图片都放在canvas上，要实现像装扮类游戏可以拖拽图片, <canvas id=cv width="1000px" height="800px" style="background-color: black;margin: 0;padding: 0"></canvas> var hair2 = new Image(); hair2.src = "头发2.png"; hair2.onload = function(){ canv.drawImage(hair2,660,130,171,190); }; 画布和图片是按照上述方法贴上去的。 求指点，谢谢么么哒~
- html5 canvas输入文字
- 请问canvas如何实现在画布上输入问题，即画出一个矩形框，可以在框中输入文字。效果图如下。
- canvas的鼠标事件为什么没有响应
- <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfApplication1" mc:Ignorable="d" Title="MainWindow" Height="350" Width="525" > <Grid Name="grid1" > <Viewbox > <Canvas Name="canvas4" Height="350" Width=" 525" MouseDown="canvas4_MouseDown"> </Canvas> </Viewbox> </Grid> </Window> private void canvas4_MouseDown(object sender, MouseButtonEventArgs e) { double mouseX = 100; double Height = canvas4.Height; Line line1 = new Line(); line1.X1 = mouseX; line1.Y1 = 0; line1.X2 = mouseX; line1.Y2 = Height; line1.StrokeThickness = 0.5; line1.Stroke = System.Windows.Media.Brushes.Blue; canvas4.Children.Add(line1); }
- 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格式是白底，同样无图像
- canvas（html5）放大缩小 点击事件
- 已实现点击事件。和移动鼠标，以鼠标为原点的放大缩小。可是经过放大和缩小后，点击就失效了。 请问在这种放大缩小的情况下还能怎样去实现点击呢？求思路！ 例如： 给定的点击区域，当鼠标点击这区域是会打印提示 ``` x:1386, y:50, width: 120, height: 40 ``` 放大缩小 ``` canvas.addEventListener('mousemove',function(evt){ lastX = evt.offsetX || (evt.pageX - canvas.offsetLeft); lastY = evt.offsetY || (evt.pageY - canvas.offsetTop); dragged = true; if (dragStart){ var pt = context.transformedPoint(lastX,lastY); context.translate(pt.x-dragStart.x,pt.y-dragStart.y); redraw(); } },false); 、、、、、、 var zoom = function(clicks){ var pt = context.transformedPoint(lastX,lastY); context.translate(pt.x,pt.y); var factor = Math.pow(scaleFactor,clicks); zoomSize = factor; context.scale(factor,factor); context.translate(-pt.x,-pt.y); redraw(); } ``` 可是，经过放大缩小后，位于原本区域的图片，移动到其他地方，图形也扩大或缩小了，这时候的点击就等于失效了
- 如何将页面保存为图片（兼容IE），用html2canvas.min.js 不能兼容ie
- 如何将页面保存为图片（兼容IE），用html2canvas.min.js 不能兼容ie
- html5 canvas 全拼的问题
- 我在<canvas/>里制作了简单的游戏，如俄罗斯方块。 我想在手机里测试，把，canvas全拼花的玩游戏。 不知道怎么全拼求高手求助
- canvas如何响应鼠标事件删除不规则图形
- 首先，这个canvas有背景色。 其次，我已写好一个画图函数。每次点击鼠标，就能在鼠标的位置添加一个不规则图形。 这时，能否通过在已建立的不规则图形上再次点击鼠标，而把该图形删除。 同时，canvas的背景色不受影响，或许和该图形叠加的其他图形也不受影响。 我的思路是这样的。 0）将我的不规则图形看作尽可能大的矩形，用这个矩形来近似处理该不规则图形。 1）用一个队列，记录下每次鼠标的点击位置，也就是每个图形生成的坐标。 2）每次点击鼠标，均进行判定 若 该位置在某个不规则图形的近似矩形范围内，则重绘背景及其他所有不规则图形。 否则 在当前位置画新的不规则图形。 我的思路是否可行？
- 想要在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标签为什么会覆盖之前画的东西的颜色
-  请注意这条线是黑色的 我选择颜色画第二条 为什么左边那条线变成红色了,被我选择的颜色给覆盖了??? 源代码/ <!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 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做背景上面怎么加入HTML的标单控件
- 利用canvas绘制了一个带有动态效果的背景，现在想要在上面加上表单控件，该怎么去做 之前有思路是设置为 document.body.style.background = 'url(' + canvas.toDataURL('image/png') + ')'; 可是还是不行，再body写表单控件会出现在canvas效果图的上面
- 终于明白阿里百度这样的大公司，为什么面试经常拿ThreadLocal考验求职者了
- 点击上面↑「爱开发」关注我们每晚10点，捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类，各个线程都拥有一份线程私有的数
- Java学习的正确打开方式
- 在博主认为，对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍，博客次之，这又是一个层次了，这里暂时不提后面再谈。博主将为各位入门java保驾护航，各位只管冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。 何谓学习？博主所理解的学习，它是一个过程，是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
- 程序员必须掌握的核心算法有哪些？
- 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过
- 大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了
- 大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
- 《奇巧淫技》系列-python！！每天早上八点自动发送天气预报邮件到QQ邮箱
- 此博客仅为我业余记录文章所用，发布到此，仅供网友阅读参考，如有侵权，请通知我，我会删掉。 补充 有不少读者留言说本文章没有用，因为天气预报直接打开手机就可以收到了，为何要多此一举发送到邮箱呢！！！那我在这里只能说：因为你没用，所以你没用！！！ 这里主要介绍的是思路，不是天气预报！不是天气预报！！不是天气预报！！！天气预报只是用于举例。请各位不要再刚了！！！ 下面是我会用到的两个场景： 每日下
- Python 植物大战僵尸代码实现(2):植物卡片选择和种植
- 这篇文章要介绍的是： - 上方植物卡片栏的实现。 - 点击植物卡片，鼠标切换为植物图片。 - 鼠标移动时，判断当前在哪个方格中，并显示半透明的植物作为提示。
- 死磕YOLO系列，YOLOv1 的大脑、躯干和手脚
- YOLO 是我非常喜欢的目标检测算法，堪称工业级的目标检测，能够达到实时的要求，它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置，当然，也能预测物体的类别。 之前我有写博文介绍过它，但是每次重新读它的论文，我都有新的收获，为此我准备写一个系列的文章来详尽分析它。这是第一篇，从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址：https://www.c
- 知乎高赞：中国有什么拿得出手的开源软件产品？(整理自本人原创回答)
- 知乎高赞：中国有什么拿得出手的开源软件产品？ 在知乎上，有个问题问“中国有什么拿得出手的开源软件产品（在 GitHub 等社区受欢迎度较好的）？” 事实上，还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung，获得该问题下回答中得最高赞(236赞和1枚专业勋章)，对这些受欢迎的 Github 开源项目分类整理如下： 分布式计算、云平台相关工具类 1.SkyWalk
- 记一次腾讯面试：进程之间究竟有哪些通信方式？如何通信？ ---- 告别死记硬背
- 有一次面试的时候，被问到进程之间有哪些通信方式，不过由于之前没深入思考且整理过，说的并不好。想必大家也都知道进程有哪些通信方式，可是我猜很多人都是靠着”背“来记忆的，所以今天的这篇文章，讲给大家详细着讲解他们是如何通信的，让大家尽量能够理解他们之间的区别、优缺点等，这样的话，以后面试官让你举例子，你也能够顺手拈来。 1、管道 我们来看一条 Linux 的语句 netstat -tulnp | gr...
- 20行Python代码爬取王者荣耀全英雄皮肤
- 引言 王者荣耀大家都玩过吧，没玩过的也应该听说过，作为时下最火的手机MOBA游戏，咳咳，好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤，而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难，难点在于分析，我们首先得得到皮肤图片的url地址，话不多说，我们马上来到王者荣耀的官网： 我们点击英雄资料，然后随意地选择一位英雄，接着F12打开调试台，找到英雄原皮肤的图片
- 网络（8）-HTTP、Socket、TCP、UDP的区别和联系
- TCP/IP协议是传输层协议，主要解决数据如何在网络中传输，而HTTP是应用层协议，主要解决如何包装数据。 一、TCP与UDP的不同 1. 是否需要建立连接。 UDP在传送数据之前不需要先建立连接；TCP则提供面向连接的服务； 2. 是否需要给出确认 对方的传输层在收到UDP报文后，不需要给出任何确认，而 TCP需要给出确认报文，要提供可靠的、面向连接的传输服务。 3.虽然UDP不提供可靠交...
- 简明易理解的@SpringBootApplication注解源码解析（包含面试提问）
- 欢迎关注文章系列 ，关注我 《提升能力，涨薪可待》 《面试知识，工作可待》 《实战演练，拒绝996》 欢迎关注我博客，原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】，同时推出 如果此文对你有帮助、喜欢的话，那就点个赞呗，点个关注呗！ 《提升能力，涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什
- 防劝退！数据结构和算法难理解？可视化动画带你轻松透彻理解！
- 大家好，我是 Rocky0429，一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学，没学过的经常听到这样的说法还没学就觉得难，其实难吗？真难！ 难在哪呢？当年我还是个小蒟蒻，初学数据结构和算法的时候，在忍着枯燥看完定义原理，之后想实现的时候，觉得它们的过程真的是七拐八绕，及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程，但是到了数论、图...
- 西游记团队中如果需要裁掉一个人，会先裁掉谁？
- 2019年互联网寒冬，大批企业开始裁员，下图是网上流传的一张截图： 裁员不可避免，那如何才能做到不管大环境如何变化，自身不受影响呢？ 我们先来看一个有意思的故事，如果西游记取经团队需要裁员一名，会裁掉谁呢，为什么？ 西游记团队组成： 1.唐僧 作为团队teamleader，有很坚韧的品性和极高的原则性，不达目的不罢休，遇到任何问题，都没有退缩过，又很得上司支持和赏识(直接得到唐太宗的任命，既给
- 开挂的人生！那些当选院士，又是ACM/IEEE 双料Fellow的华人学者们
- 昨日，2019年两院院士正式官宣，一时间抢占了各大媒体头条。 朋友圈也是一片沸腾，奔走相告，赶脚比自己中了大奖还嗨皮！ 谁叫咱家导师就是这么厉害呢！！！ 而就在最近，新一年度的IEEE/ACM Fellow也将正式公布。 作为学术届的顶级荣誉，不自然地就会将院士与Fellow作比较，到底哪个含金量更高呢？ 学术君认为，同样是专业机构对学者的认可，考量标准不一，自然不能一概而论。 但...
- 聊聊C语言和指针的本质
- 坐着绿皮车上海到杭州，24块钱，很宽敞，在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传，然而，对于C语言，指针却是与生俱来的。 那么，什么是指针，为什么大家都想避开指针。 很简单， 指针就是地址，当一个地址作为一个变量存在时，它就被叫做指针，该变量的类型，自然就是指针类型。 指针的作用就是，给出一个指针，取出该指针指向地址处的值。为了理解本质，我们从计算机模型说起...
- Python语言高频重点汇总
- Python语言高频重点汇总 GitHub面试宝典仓库——点这里跳转 文章目录Python语言高频重点汇总**GitHub面试宝典仓库——点这里跳转**1. 函数-传参2. 元类3. @staticmethod和@classmethod两个装饰器4. 类属性和实例属性5. Python的自省6. 列表、集合、字典推导式7. Python中单下划线和双下划线8. 格式化字符串中的%和format9.
- 究竟你适不适合买Mac？
- 我清晰的记得，刚买的macbook pro回到家，开机后第一件事情，就是上了淘宝网，花了500元钱，找了一个上门维修电脑的师傅，上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷，只是想要个固态硬盘的笔记本，用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后，最终决定，还是买个好（xiong）看（da）的。 已经有好几个朋友问我mba怎么样了，所以今天尽量客观
- 代码详解：如何用Python快速制作美观、炫酷且有深度的图表
- 全文共12231字，预计学习时长35分钟生活阶梯（幸福指数）与人均GDP（金钱）正相关的正则图本文将探讨三种用Python可视化数据的不同方法。以可视化《2019年世界幸福报告》的数据为例，本文用Gapminder和Wikipedia的信息丰富了《世界幸福报告》数据，以探索新的数据关系和可视化方法。《世界幸福报告》试图回答世界范围内影响幸福的因素。报告根据对“坎特里尔阶梯问题”的回答来确定幸...
- 程序员一般通过什么途径接私活？
- 二哥，你好，我想知道一般程序猿都如何接私活，我也想接，能告诉我一些方法吗？ 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”，还有很多读者问过我类似这样的问题。 我接的私活不算多，挣到的钱也没有多少，加起来不到 20W。说实话，这个数目说出来我是有点心虚的，毕竟太少了，大家轻喷。但我想，恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉，我也算是有经验的人了。 唾弃接私活、做外
- （经验分享）作为一名普通本科计算机专业学生，我大学四年到底走了多少弯路
- 今年正式步入了大四，离毕业也只剩半年多的时间，回想一下大学四年，感觉自己走了不少弯路，今天就来分享一下自己大学的学习经历，也希望其他人能不要走我走错的路。 （一）初进校园 刚进入大学的时候自己完全就相信了高中老师的话：“进入大学你们就轻松了”。因此在大一的时候自己学习的激情早就被抛地一干二净，每天不是在寝室里玩游戏就是出门游玩，不过好在自己大学时买的第一台笔记本性能并不是很好，也没让我彻底沉...
- 如何写一篇技术博客，谈谈我的看法
- 前言 只有光头才能变强。 文本已收录至我的GitHub精选文章，欢迎Star：https://github.com/ZhongFuCheng3y/3y 我一直推崇学技术可以写技术博客去沉淀自己的知识，因为知识点实在是太多太多了，通过自己的博客可以帮助自己快速回顾自己学过的东西。 我最开始的时候也是只记笔记，认为自己能看得懂就好。但如果想验证自己是不是懂了，可以写成技术博客。在写技术博客的...
- 字节跳动面试官这样问消息队列：分布式事务、重复消费、顺序消费，我整理了一下
- 你知道的越多，你不知道的越多 点赞再看，养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群，欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛，几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
- 面试还搞不懂redis，快看看这40道面试题（含答案和思维导图）
- Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型？ 3、使用 Redis 有哪些好处？ 4、Redis 相比 Memcached 有哪些优势？ 5、Memcache 与 Redis 的区别都有哪些？ 6、Redis 是单进程单线程的？ 7、一个字符串类型的值能存储最大容量是多少？ 8、Redis 的持久化机制是什么？各自的优缺点？ 9、Redis 常见性...
- 大学四年自学走来，这些珍藏的「实用工具/学习网站」我全贡献出来了
- 知乎高赞：文中列举了互联网一线大厂程序员都在用的工具集合，涉及面非常广，小白和老手都可以进来看看，或许有新收获。
- 互联网公司的裁员，能玩出多少种花样？
- 裁员，也是一门学问，可谓博大精深！以下，是互联网公司的裁员的多种方法：-正文开始-135岁+不予续签的理由：千禧一代网感更强。95后不予通过试用期的理由：已婚已育员工更有责任心。2通知接下来要过苦日子，让一部分不肯同甘共苦的员工自己走人，以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭，可在离婚或离职里二选一。4不布置任何工作，但下班前必须提交千字工作日报。5不给活干+...
- 【设计模式】单例模式的八种写法分析
- 网上泛滥流传单例模式的写法种类，有说7种的，也有说6种的，当然也不排除说5种的，他们说的有错吗？其实没有对与错，刨根问底，写法终究是写法，其本质精髓大体一致！因此完全没必要去追究写法的多少，有这个时间还不如跟着宜春去网吧偷耳机、去田里抓青蛙得了，一天天的....
- 《面试宝典》：检验是否为合格的初中级程序员的面试知识点，你都知道了吗？查漏补缺
- 欢迎关注文章系列，一起学习 《提升能力，涨薪可待篇》 《面试知识，工作可待篇》 《实战演练，拒绝996篇》 也欢迎关注公 众 号【Ccww笔记】，原创技术文章第一时间推出 如果此文对你有帮助、喜欢的话，那就点个赞呗，点个关注呗！ 《面试知识，工作可待篇》-Java笔试面试基础知识大全 前言 是不是感觉找工作面试是那么难呢？ 在找工作面试应在学习的基础进行总结面试知识点，工作也指日可待，欢...
- 关于研发效能提升的思考
- 研发效能提升是最近比较热门的一个话题，本人根据这几年的工作心得，做了一些思考总结，由于个人深度有限，暂且抛转引入。 三要素 任何生产力的提升都离不开这三个因素：人、流程和工具，少了其中任何一个因素都无法实现。 人，即思想，也就是古人说的“道”，道不同不相为谋，是制高点，也是高层建筑的基石。 流程，即方法，也是古人说的“法”。研发效能的提升，也就是要提高投入产出比，既要增加产出，也要减...
- 微博推荐算法简述
- 在介绍微博推荐算法之前，我们先聊一聊推荐系统和推荐算法。有这样一些问题：推荐系统适用哪些场景？用来解决什么问题、具有怎样的价值？效果如何衡量？ 推荐系统诞生很早，但真正被大家所重视，缘起于以”facebook”为代表的社会化网络的兴起和以“淘宝“为代表的电商的繁荣，”选择“的时代已经来临，信息和物品的极大丰富，让用户如浩瀚宇宙中的小点，无所适从。推荐系统迎来爆发的机会，变得离用户更近： 快...
- GitHub 标星 1.6w+，我发现了一个宝藏项目，作为编程新手有福了！
- 大家好，我是 Rocky0429，一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是，虽然我很早就知道 GitHub，但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜，看着这种全是英文的东西难受，不知道该怎么去玩，另一方面是一直在搞 ACM，没有做一些工程类的项目，所以想当然的以为和 GitHub 也没什么关系（当然这种想法是错误的）。 后来自己花了一个星期看完了 Pyt...
