- 博客(67)
- 收藏
- 关注
RSS订阅原创 canvas打造QQ空间广告
canvas打造QQ空间广告在QQ空间中，我们经常可以看到某州学院的广告，当你滑下去时，会有一个圆形蒙版出现，并且会随着手指的滑动而变大或者变小。依赖技术这里的主要实现是利用canvas的2D绘图能力，会主要讲解drawImage与clip两个API的作用与原理。效果实现过程canvas绘制的准备 在网上有很多的canvas的基础教程，这里不做过多讲解...
2018-04-23 22:31:22
544
原创 使用UDP来打通内网
使用UDP来打通内网UDP作为一种无连接的编程，虽然会无可靠保障，但是却让开发更加便捷，这也是UDP可以实现内网穿透的原因，而TCP则很难实现穿透。 内网穿透的原理是user可以通过UDP来连接server的ip，从而打通user的端口，使得server可以连接到user,如果再有新的user来连接server，那么server就可以实现数据中转，实现一个小型的P2P网络。代码实...
2018-04-10 22:08:04
2248
原创 本地图片上传与预览的实现
在做个人网站的时候，准备用canvas来生成个人的头像，然后提供预览，同时也想支持用户自己上传头像，于是就开始进行着手写了图片的拖拽上传。1 图片拖拽类的功能封装获取图片信息-->将图片加载到canvas去压缩处理-->页面渲染/提交上传class Drag{ constructor(cssSelector){ this.css=...
2018-03-28 14:44:44
363
原创 通明透彻canvas-相关概念
canvas的上下文以及坐标上次讲到canvas的上下文是通过getContext('2d');方法来获取，canvas在执行上下文的渲染时，每次渲染，都会抛弃之前渲染的数据，这也是在canvas中做交互的难题，使用isPointInPath函数来判断用户的选择情况，却也会有些困难的地方，比如canvas只能记住最后一次渲染的数据，所以函数也只能对最后一次渲染的数据进行渲染，而且函数对于f...
2018-02-25 21:06:57
238
原创 通明透彻canvas
canvas-基本知识canvas是一个通过js来实现绘图的容器，我们使用<canvas>来作为绘图的容器，在这个系列教程内，将会通过一个一个实例从浅到深了解canvas，并且可以实现一般的游戏开发。在HTML页面中创建canvas使用canvas来绘制物体canvas的绘图环境(2d)1.在HTML页面中创建canvas<!DOCTYPE html&...
2018-02-24 18:08:02
297
原创 Node笔记-Buffer
Buffer缓存，又可以说是缓存器，临时存储的信息都可以被称作缓存，比如cookie，session。 Buffer代表的是原始堆的分配额的数据类型，可以直接在全局使用，也可以直接视作一种数据类型。 之前可以通过new Buffer(100);的方式来创建一个指定长度的缓存，但是现在的api中貌似开始废弃，但是仍然可以使用，提倡的使用方式是Buffer.from(); Buffer返回的都是...
2018-02-17 11:25:54
177
原创 Node笔记-assert
写这个的目的算是把node的模块温习一遍，也希望可以给刚开始学习node的人一个帮助，这里不会写什么框架的东西，因为就算你让我说，我也说不好，从node api上可以看到，assert模块是放在第一位的，那就先从assert模块开始吧。Assert首先assert作为断言，主要是针对项目去进行测试，降低维护成本，断言模块会允许开发者定义程序运行的预期结果，如果运行的结果与预期不同，则会...
2018-02-15 16:47:11
2045
1
原创 使用node.js来制作音乐（scribbletune）
本文是以API汉化为基础，稍作修改 使用npm安装库 cd xxx npm install Scribbletune使用var Scribbletune=require('Scribbletune');接下来我们就可以使用Scribbletune来创建我们的音乐，运行后会生成midi文件，可以使用cubase Fl等音频处理软件打开处理因为图片与编辑模式的问题，
2018-02-03 14:34:26
576
原创 使用node.js来制作音乐（scribbletune）-和弦
和弦是乐理上的一个概念，通过是通过固定音符组成的一组声音，一般有三和弦，七和弦，还有一些其他的，不过跟本来说都是以三和弦为根本。大三和弦:由以根音为基本，往上一个大三度加一个小三度构成的和弦小三和弦:由以根音为基本，往上一个小三度加一个大三度构成的和弦大调和弦的构成是全全半全全全半小调和弦的构成是全半全全半全全大调能给人一种明亮的感觉，而小调更有一种阴柔的感觉，可以根据曲风来选择大调
2018-02-03 14:26:45
494
原创 使用node.js来制作音乐（scribbletune）-乐理
宫商角徵羽 ，Do Re Mi Fa Sao La Xi,相信这些我们都不陌生，之前的介绍中，也提到宫是五声音阶的主音，也就是七声音阶中的Do,其实宫商角徵羽分别对因着Do Re Mi Sao La(1 2 3 5 6)。从物理的角度来说，音可以分为音色，响度，音调音色则是我们听到的声音，能够听的很清楚的叫基音，有抖动或者颤动的叫泛音，只有一个频率的叫纯音，在音未消的情况下又有相同频率的音
2018-02-03 14:18:04
715
原创 node使用socket断开后延迟发送的问题解决
提示报错:Error: This socket has been ended by the other party
2017-05-31 17:14:22
4485
原创 扁平化立体字教程
有点类似于扁平化的风格，但立体的感觉却更加明显，虽然看起来不难做，但实际操作的时候却会发现不少的问题，这里不仅涉及到了构图，也涉及到了有关色彩灰度与色彩明暗的问题，而且网络上这类设计的教程并未出现多少，废话不多说，接下来就是主题部分
2017-05-28 21:18:23
1759
原创 Reverse Integer算法
Reverse digits of an integer.Example1: x = 123, return 321 Example2: x = -123, return -321click to show spoilers.
2017-04-21 23:43:37
334
原创 Two sum算法
坚持每一天都刷leetcode，坚持每一天都分享一题上来题目 Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution,
2017-04-21 11:11:54
406
原创 原生js实现的ul li 二级联动
git地址:https://github.com/dxiaoqi/linkage 使用方法 <script> var city={ "name":"网站", "num":['niace','aaaa'], "sites":[ "Google", "Runoob",
2017-03-24 21:43:10
3076
原创 Node----Buffer
Buffer缓冲区 有关缓冲区的定义是这样的avaScript 语言自身只有字符串数据类型，没有二进制数据类型。 但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。 Buffer的功能类似于数组，因为是内置的核心库，所以不需要require而直接使用 var a=new Buffer('
2017-02-23 23:53:40
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人