构造方法或new返回该对象 发表于 2019-07-18 | 分类于 JavaScript 一个小技巧,调用构造方法或new都返回该对象: 1234567891011121314151617function Person(){ // ... // 不是new的时候this指向的是调用者 默认是window if (!(this instanceof Person)) ... 阅读全文 »
VSCode支持Vue自动保存格式化的配置 发表于 2019-07-18 | 分类于 VSCode 安装插件安装三个插件:Prettier - Code formatter、ESLint、Vetur。对应的插件图片如下: 修改配置文件MacOS使用Command + Sheft + P,windows使用Ctrl + Sheft + P搜索首选项:打开设置(json),然后把下面配置粘贴进去: ... 阅读全文 »
Canvas系列(13):实战--星空连线图 发表于 2019-07-17 | 分类于 Canvas Canvas能做好多东西,本章就来一节实战性的东西吧。好多人来到这个博客的时候总是觉得后面这种点和线的背景很有意思,这种效果是怎么实现的呢,当然是使用Canvas了,我们这章就来实现一个简易版的这种星空连线图。 封装画点操作对于Canvas画图,好多大神都是使用面向对象的思想来做的,在游戏编程中, ... 阅读全文 »
Canvas系列(12):动画高级 发表于 2019-06-30 | 分类于 Canvas 通过前面章节的学习,我们已经学会了直线和部分曲线运动,同时我们也学会了加速、减速、摩擦力等操作。那么动画还有什么需要深入研究下去的呢?当然有,那就是让动画更加平滑,更细滑。 缓动动画在使用CSS3做变化的时候我们经常使用transition-timing-function,其中最有名的两个值就是e ... 阅读全文 »
Canvas系列(11):动画中级 发表于 2019-06-30 | 分类于 Canvas 上一章我们讲了简单的动画是如何绘制的,如果没有看上一章的童鞋,请点这里,本章的内容也是接着上一章的内容,代码也只修改其中部分。 加速运动我上章中,涉及直线的运动,其速度都是恒定的,现在我们做一下加速的运行,同样的我们只给出核心的代码。 123456789101112131415161718//.. ... 阅读全文 »
Canvas系列(10):动画初级 发表于 2019-06-30 | 分类于 Canvas 今天开始就要讲一些进阶的东西了,是不是很兴奋呢? requestAnimationFrame所谓动画其实就是快读绘制图片,由于人的眼睛更不上屏幕绘制的速率,所以看到的就好像连着的一样,也就形成了动画,动画片就是这个原理,canvas中的动画也是这个原理。提到动画就不得不说一个函数了,那就是requ ... 阅读全文 »
Canvas系列(9):其他API 发表于 2019-06-29 | 分类于 Canvas 前面的内容讲了不少 Canvas 的 API ,这章把剩下的 API 一讲吧。这个系列中以后基本不会涉及新的 API 了,因为,这章完了我们就真的学完了! 阴影Canvas 中的阴影和 CSS3 中的阴影很像,通过本系列课程的学习,估计你已经发现了,CSS3 的好多知识和 Canvas 是相通的。 ... 阅读全文 »
Canvas系列(8):像素操作 发表于 2019-06-29 | 分类于 Canvas 经常拍照的同学会使用图片处理软件,给自己的照片加上各种效果。图片处理软件也是软件,同样也是由代码写的,那么如何实现图片处理呢,这章我们就探讨一下这个问题。 canvas中像素处理涉及到3个方法,我们先来看一下API吧: 1234567891011121314// 1. 获取ImageDate 参数 ... 阅读全文 »
证明0.999999999...等于1 发表于 2019-06-29 | 分类于 算法 最近看了一本书叫《极简算法史》,非常薄的一本书,里面的内容也是挺有意思的,现在分享一道证明题如何证明无限循环小数0.999999999…等于1,没错是等于1,高数上就是这么写的。 设x = 0.999999999...,那么10x = 9.999999999...。如果我们从10x减去x,可以得 ... 阅读全文 »
Canvas系列(7):形变 发表于 2019-06-22 | 分类于 Canvas CSS3中有一个很重要的点,就是形变。他分为移动,缩放、旋转和倾斜。在Canvas中,形变都是基于坐标做的,所以,并没有直接的API支持倾斜,其它几种都是有独立的API来支持,命名和CSS是一样的。今天我们就看一下这几种吧。 平移平移是最简单的一种形变,我们直接来看一个例子吧: 12345678c ... 阅读全文 »