监听键盘鼠标事件
监听某个按键事件
当键盘上的某个键被按下时，会依次触发一次下面的事件：
onkeydown: 键盘按下这个动作（按下键盘）
onkeypress: 键盘被按住（一直按着键盘不动）
onkeyup: 键盘被弹起（松开键盘）
通过监听keydown事件既可以知道键盘被按下：
document.onkeydown = function(eve……继续阅读 »
悠悠
6年前 (2019-02-14) 3869浏览 0评论
4个赞
JS数组，字符串，json互相转换
JS数组转字符串
使用数组自带的join方法可以把数组转化为字符串：
let arr = [1,2,'uu'];
let str = arr.join(',');
console.log(str); // 1,2,uu
如果素组元素包含对象，则调用对象的toString()方法将对象转化为字符串。
class C {
……继续阅读 »
悠悠
6年前 (2019-02-12) 2631浏览 0评论
1个赞
概述
js-xlsx是一个前端excel表格数据解析处理插件，兼容性非常好。
该插件github地址为：https://github.com/SheetJS/js-xlsx
Angular2中使用XLSX导出表格到本地
将表格数据，一个二维数组传入exportExcel方法的data即可，自动下载excel文件。
import * as XLSX from ……继续阅读 »
悠悠
7年前 (2018-05-22) 8782浏览 0评论
2个赞
本文记录bootstrap的一些常用前端插件的使用方法
bootstrap-datepicker.js使用
介绍
bootstrap日期显示插件。
Git地址：https://github.com/uxsolutions/bootstrap-datepicker
官方CDN列表：http://www.bootcdn.cn/bootstrap-datepick……继续阅读 »
悠悠
7年前 (2018-05-01) 3750浏览 0评论
2个赞
序言
去年7月刚过了日语N2，想着今年考个N1，为了加深日语文化的了解，还有学习日语，平时免不了经常上日语网站。
但是毕竟水平有限，所以不免遇到不认识的单词，日语单词的一个特点就是很多单词你知道是什么意思，但是不知道怎么读。
比如：“簡素な構造” 中的第一个词：“簡素”，很显然就是“简单，朴素的意思”，但是你肯定不知道它的读音是：“[かんそ]①”。
以前遇到……继续阅读 »
悠悠
7年前 (2018-03-14) 5859浏览 5评论
8个赞
本文将会从水波的基本原理开始，详细讲解在canvas中模拟水波扩散，分析并计算水波的能量分布，并通过振幅模拟水波对图像的折射效果，最后实现水波特效。
水波基本原理
首先复习一波高中物理知识。
波是指振动的传播。波的传播方向与质点振动方向垂直的为横波，相同则为纵波，水波是横波和纵波的叠加。
对于水波这种波，我们在实现这个特效的时候，需要考虑到下面的特性：
圆……继续阅读 »
悠悠
7年前 (2018-03-11) 11100浏览 4评论
82个赞
从简单的基本图形，到复杂炫酷的动画，通过canvas元素获取的2D图形渲染上下文CanvasRenderingContext2D，能够使用丰富的API来进行图形绘制。这篇文章将会总结在之前的canvas教程中用到的所有渲染上下文的API。
可以参考之前的教程：
如何绘制基本图形可以参考：canvas基本图形绘制
如何对基本图形移动旋转缩放可以参考：canv……继续阅读 »
悠悠
7年前 (2018-03-07) 4389浏览 0评论
3个赞
经过前面的文章，我们已经能够在canvas画布上画出各种炫酷的图形和画面，但是这些画面都是禁止的，怎么样才能让他们动起来呢？
如何绘制基本图形可以参考：canvas基本图形绘制
如何对基本图形移动旋转缩放可以参考：canvas图形变换
如何设置基本图形颜色和样式可以参考：canvas样式和颜色
如何使用外部图片以及图形组合可以参考：canvas使用图片，图……继续阅读 »
悠悠
7年前 (2018-03-05) 3942浏览 0评论
33个赞
通过前面的章节，我们能够在canvas画出各种炫酷多样的图形，但是这些画好的图像如何保存下一次使用呢？这篇文章将会探讨如何保存和加载canvas画布上的图像。
如何绘制基本图形可以参考：canvas基本图形绘制
如何对基本图形移动旋转缩放可以参考：canvas图形变换
如何设置基本图形颜色和样式可以参考：canvas样式和颜色
如何使用外部图片以及图形组合……继续阅读 »
悠悠
7年前 (2018-03-02) 6500浏览 0评论
6个赞
这篇文章将会介绍如何在canvas中对绘制的基本图形进行移动，旋转，缩放等变形方法，还会介绍如何在canvas中加载图像，图形之间的组合方式以及裁剪。
如何绘制基本图形可以参考：canvas基本图形绘制
如何对基本图形移动旋转缩放可以参考：canvas图形变换
如何设置基本图形颜色和样式可以参考：canvas样式和颜色
canvas系列教程可以参考：can……继续阅读 »
悠悠
7年前 (2018-03-02) 11151浏览 0评论
13个赞
