Canvas系列(6):绘制图片 发表于 2019-06-19 | 分类于 Canvas 我们现在已经可以绘制好多东西了,不过在实际开发中,绘制最多的当然是图片了,这章我们就讲讲图片的绘制。 绘制图片绘制图片的API是drawImage,它的参数有三种情况: 12345678// 将图片绘制在canvas的(dX, dY)坐标处context.drawImage(Image, dX, ... 阅读全文 »
Canvas系列(5):绘制文字 发表于 2019-06-19 | 分类于 Canvas 通过前面的学习,我们已经可以绘制简单的图形了。这篇文章主要讲的是,canvas绘制文字,那我们开始吧。 绘制文字绘制文字的API和之前的差不多,也是分为stroke和fill,一个是描边文字,一个是填充文字,具体API如下,是不是和strokeRect和fillRect挺类似的: 1234567/ ... 阅读全文 »
Canvas系列(4):线条操作 发表于 2019-06-16 | 分类于 Canvas 通过前三章的学习,你几乎可以绘制出任何图形了,但是却不会画一条虚线,也是够惨的。今天的内容很简单,只简绍3个属性和1个方法,准备好了吗? 线条的粗线lineWidth是改变线条的粗线的,默认是一个像素: 123456789101112131415161718context.beginPath(); ... 阅读全文 »
Canvas系列(3):路径与状态 发表于 2019-06-16 | 分类于 Canvas 前两章我们学的是基本图形的描边和填充,学完基本图形绘制以后就会绕不过2个概念就是路径和状态,本章我们看看这一块的内容。 beginPathbeginPath表示开始一个路径,我们在上一章画弧的时候用到过好多次,他的API非常简单: 1context.beginPath(); 开始路径有2层意思, ... 阅读全文 »
Canvas系列(2):曲线图形 发表于 2019-06-15 | 分类于 Canvas 上一章学的是直线图形的描边和填充,本章我们看看对曲线图形的描边和填充。 圆弧画弧的API如下 12345678// 圆心:(x,y) 半径:radius 起始弧度:startRadian 结束弧度:endRadian 画弧方向:anticlockwisecontext.arc(x, y, radiu ... 阅读全文 »
Canvas系列(1):直线图形 发表于 2019-06-15 | 分类于 Canvas 在前端最令人兴奋的技术莫过于Canvas技术。它可以制作出更加绚丽的效果,甚至完全可以胜任游戏开发。最近我也在学习Canvas相关的技术,总是想拿出来跟大家一起分享分享,由于这块技术比较庞大,所以我就分章节一章一章地跟大家分享。这几章节中我们并不涉及webGL相关的知识,感兴趣的可以自己玩一玩。 我 ... 阅读全文 »
建立自己的npm镜像服务器 发表于 2019-06-15 | 分类于 Node 好多公司有这样的需求,需要把公司内部的依赖包放在npm服务器上这样安装的时候直接使用npm install安装了。同时,公司可能不希望自己的代码被别人看到,那么建立自己的npm镜像服务器是最好的选择。最近我也遇到同样的问题,希望在自己公司内部搭建一个npm镜像服务器。 搭建这个服务器有两种办法,一种 ... 阅读全文 »
《高效能程序员的修炼》读书笔记 发表于 2019-05-26 | 分类于 读书笔记 《高效能程序员的修炼》写的是给程序员的一些建议。书中并没有涉及到代码,而是编码之外的一些提高程序员技能的技巧,而这些技巧往往是程序员所缺乏的。作者Jeff Atwood也是一个大牛,如果你没有听说过他,那么你肯定听说过他创立的一个网站:https://stackoverflow.com。 入门须 ... 阅读全文 »
《进化:从孤胆极客到高效团队》读书笔记 发表于 2019-05-12 | 分类于 读书笔记 本书是Tock的创始人Brian Fitzpatrick和SVN开发者之一的Ben Collins-Sussman共同写的。下面是我记录的一些书中的重点: 天才程序神话人们总是缺乏安全感,就像程序员担心别人看到并评论自己未完成的工作,所以好多程序员在工作未完成的时候不会频繁地提交代码。人有一种本 ... 阅读全文 »
微任务与宏任务 发表于 2019-04-27 | 分类于 JavaScript 众所周知,JavaScript是基于事件循环而运行的,微任务与宏任务是事件循环中重要概念。自node火起来后,这个知识点就成了面试官压轴大题,所以我们必须要会。 JavaScript的异步最开始的时候是基于一个个的回调函数,而事件循环中任务,说白了也就是一个个的函数,毕竟函数是JavaScript中 ... 阅读全文 »