Claroja

原创 javascript Date object

构造Date()属性参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Numbers_and_dateshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

原创 javascript Class-based vs. prototype-based

Class-based object-oriented languages, such as Java and C++:1.class定义了所有的属性2.instance来实现classA prototype-based language, such as JavaScript1.只有object,任何object可以指定自己的属性,无论是在创建还是运行时1.任何object可以以pro...

原创 javascript Promise

Promise对象表示时间完成或失败后的异步操作构造Promise()const promise1 = new Promise(function(resolve, reject) { setTimeout(function() { resolve('foo'); }, 300);});promise1.then(function(value) { console....

原创 midi 音符对应表

中央C的序号是60，标准音A440的标号是69，钢琴的音域对应音符应是21~108十进制二进制十六进制音节音符0000000000-1C1000000101-1C#2000001002-1D3000001103-1D#4000010004-1E5000010105-1F60000110...

原创 Midi 乐器set

原创 javascript Uint8Array

Uint8Array表示8bit unsigned integers向量,初始化为0构造new Uint8Array(); // new in ES2017new Uint8Array(length);new Uint8Array(typedArray);new Uint8Array(object);new Uint8Array(buffer [, byteOffset [, leng...

原创 javascript TypedArray

TypedArray描述了ArrayBuffer构造new TypedArray(); // new in ES2017new TypedArray(length);new TypedArray(typedArray);new TypedArray(object);new TypedArray(buffer [, byteOffset [, length]]);// where T...

原创 javascript Blob

Blob表示immutable, raw data, file-like object.可以当成text 或者 binary data 或转换为ReadableStreamFile对象就是建立在Blob上构造Blob()语法:var newBlob = new Blob(array, options);参数:array|An Array of ArrayBuffer, ArrayBuf...

原创 javascript arraybuffer

存储字节的列表,不能直接操作ArrayBuffer,而是需要操作typed array objects或者DataView构造ArrayBuffer()参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/ArrayBuffer参数length|长度,...

原创 Sending and Receiving Binary Data

responseType属性可以设置server返回字节的解析类型.比如"arraybuffer", “blob”, “document”, “json”, and “text”,对应的返回的类型就是ArrayBuffer, Blob, Document, JSON, or stringarraybuffer使用arraybuffer接收png图片,并使用8bit unsigned integ...

原创 XMLHttpRequest.overrideMimeType()

1.server端会根据文件的后缀名来设置MIMEType(Multipurpose Internet Mail Extensions)2.overrideMimeType()将会覆盖server端的MimeType,来解析传回来的数据3.overrideMimeType()必须在send()方法之前语法:XMLHttpRequest.overrideMimeType(mimeType)...

原创 web charset

namelabelsUTF-8“unicode-1-1-utf-8”; “utf-8”, “utf8”IBM866“866”; “ibm866”ISO-8859-2“latin2”; “iso88592”; “iso-8859-2”ISO-8859-3“latin3”; “iso-8859-3”; “iso88593”ISO-8859-4“la...

原创 git rm

从 working tree和 index中删除文件（也就是说）,下次再git add时,会将git rm的命令(delete)添加上去,这样就完成了在index中删除文件的效果.语法git rm [-f | --force] [-n] [-r] [--cached] [--ignore-unmatch] [--quiet] [--] <file>…​参数<file&g...

原创 编程通用知识 字符编码(ascii,unicode,utf-8)

ascii,unicode,utf-x都是文字和数字的映射, 因为计算机只能存储数字.ascii1.早起用8位二进制来编码英文(最前面以为是0,实际只用了7位),既产生了128个元素的ascii码表.2.但是128个只能表示英文,所以其他国家就决定把字节中最前面一位拿来使用,原来的128个元素,就编程了256个字符,也即是说最高位为1的时候,各个国际自己给后面的位(1xxxxxxx)赋予他们...

原创 javascript Document

是操作页面content的切入点构造Document()属性继承Node和EventTarget属性描述Document.anchors方法方法描述Document.createAttribute()Document.createAttributeNS()Document.createCDATASection()...

原创 git 应用 创建分支 并切换分支

1.查看分支情况git branch输出,*代表 HEAD指针指向master分支上* master2.创建分支,并查看分支情况git branch mygit branch查看分支情况, 创建了新的分支,HEAD指针仍然在master分支上* master my3.将HEAD指针移动到my分支上git checkout my输出:Switched to br...

原创 位运算

n = 00000000 00000000 11001101 00000000 n=0xcd00m = 00000000 00000000 00000000 11011111 m=0xdf;k =n|m 00000000 00000000 11001101 11011111 k=n|mb1= 00000000 00000000 00000000 11011...

原创 XMLHttpRequestEventTarget

XMLHttpRequest的父类属性属性描述onabortwhen a request is abortedonerrorwhen a request encounters an erroronloadwhen an HTTP request returns after successfully fetching contentonloadsta...

原创 XMLHttpRequest

XMLHttpRequest (XHR) 用来和server交互,不用刷新网页不要被它的名称中的XML迷惑,它可以用来接收各种类型的数据,不仅仅是XML构造XMLHttpRequest()属性继承XMLHttpRequestEventTarget 和EventTarget属性描述onreadystatechangereadyState返回unsigned...

原创 Web MIDI API W3C

Musical Instrument Digital Interface (MIDI) protocol是乐器（instruments），控制器（controllers）和电脑（computers）之间的的通信协议MIDI不直接发送音频信号，而是发送event messages，包含了musical notes，controller signals（volume，vibrato，panning，...

原创 midi file

4D 54 68 64 00 00 00 06 00 01 00 02 00 78 4D 54 72 6B 00 00 00 8E 00 FF 58 04 04 02 18 08 00 FF51 03 09 27 C0 00 FF 03 08 75 6E 74 69 74 6C 6564 00 FF 02 1A 43 6F 70 79 72 69 67 68 74 20 3F20 ...

原创 Advanced techniques: creating sound, sequencing, timing, scheduling

Creating an audio context// for cross browser compatibilityconst AudioContext = window.AudioContext || window.webkitAudioContext;const audioCtx = new AudioContext();The “sweep” — oscillators, per...

原创 Basic concepts behind Web Audio API

Audio graphs1.创建audio context2.在context中创建source,例如<audio>, OscillatorNode, sound/video files(AudioBufferSourceNode, MediaElementAudioSourceNode), audio stream(MediaStreamAudioSourceNode)3.在c...

原创 ScriptProcessorNode

弃用(被AudioWorklet替代)是AudioNode,有input audio data,还有output audio data 2个buffer.input和output buffer在创建的时候被定义,bufferSize必须是 256~163384,且是2的n次幂(256, 512, 1024, 2048, 4096, 8192 or 16384),越高音质越好,越低延迟越低构...

原创 AudioContextOptions

AudioContextOptions是一个dictionary,是AudioContext的构造参数属性描述latencyHint“balanced”, “interactive”(default), “playback”sampleRate参考:https://developer.mozilla.org/en-US/docs/Web/API/AudioC...

原创 MediaStreamTrackAudioSourceNode

MediaStreamTrackAudioSourceNode是AudioNode,从MediaStreamTrack通过WebRTC和Media Capture and StreamsAPI获得数据,比如麦克风等构造:new MediaStreamTrackAudioSourceNode()AudioContext.createMediaStreamTrackSource()属性继承A...

原创 MediaStreamAudioSourceNode

MediaStreamAudioSourceNode是AudioNode,从WebRTC或Media Capture或者Streams API获取数据,比如麦克风getUserMedia()构造方法new MediaStreamAudioSourceNode()AudioContext.createMediaStreamSource()属性继承AudioNodemediaStream...

原创 MediaElementAudioSourceNode

MediaElementAudioSourceNode 对应<audio>和<video>构造方法MediaElementAudioSourceNode()AudioContext.createMediaElementSource()属性继承AudioNodemediaElement方法继承AudioNode例子var audioCtx = new (w...

原创 AudioScheduledSourceNode

AudioScheduledSourceNode不能被直接创建,AudioBufferSourceNode, OscillatorNode, ConstantSourceNode实现了它属性继承AudioNode方法方法描述start()stop()事件事件描述ended参考:https://developer.mozil...

原创 Web Audio API

Web audio concepts and usage1.创建audio context2.在context中创建source,例如<audio>, OscillatorNode, sound/video files(AudioBufferSourceNode, MediaElementAudioSourceNode), audio stream(MediaStreamAudio...

原创 nginx main user

1.nginx启动后由一个主进程(master process)和多个工作进程(worker process)组成,主进程以root权限运行,工作进程默认以nobody用户进行.2.nginx提供配置用户和组的功能,针对的就是工作进程(worker process)3.ps aux | grep nginx查看nginx的进程配置# user nobody;user nuser ngro...

原创 nginx main error_page

404 Not Found403 Forbidden配置配置错误页面error_page 403 /403.htmlerror_page 404 /404.html隐藏状态码error_page 404 = 200 /400.html

原创 nginx allow deny

allow deny 可以用于http,server和location1.同一块下的两个权限指令,先出现的设置会覆盖后出现的设置,所以deny all 并不包括 allow 的ip.allow 192.168.1.2;deny all; # 若省略deny则会允许所有客户端访问2.内层块会覆盖外层块的权限http{deny all; server{ allow all; }...

原创 nginx server location

location 前缀前缀描述==精准匹配~正则匹配,区分大小写~*正则匹配,不区分大小写^~不使用正则表达式,以指定模式开头的匹配@定义location块,智能配置文件内部访问location / {}遵循最大前缀匹配,默认配置location ==/ {}精确匹配,智能匹配站点的根目录,进制继续搜索正则location,效率比lo...

原创 nginx log

access_log设置存储路径,缓存大小log_format设置日志格式nginx默认开启了访问日志的功能,且log_format指令的配置仅可用在http块内日志存放在/usr/local/nginx/logs中access_log off;关闭访问日志与日志相关的内置变量变量描述$remote_addr客户端ip$remote_user身份验证时提供...

原创 nginx http server

server_name可以使用通配符(*)与正则表达式设置域名server_name *.test.com;server_name \.domain\.com$;虚拟主机是在一台物理机上划分多个磁盘空间,每个磁盘空间是一个虚拟机,每台虚拟机都可以独立对外提供Web服务,互不干扰.可以将多个不同域名的网站部署到server{ listen 8001; server_nam...

原创 nginx 小简单指令

autoindexautoindex on;autoindex_exact_size;autoindex_localtime;includeinclude file | mask; # file指定文件名,mask指定某一路径下的文件

原创 javascript class

ES6标准中 支持class语法创建对象class Polygon { constructor(height, width) { this.area = height * width; }}console.log(new Polygon(4,3).area);继承语法class name [extends] { // class body}class Po...

原创 javascript class constructor

创建和初始化实例语法:constructor([arguments]) { ... }描述:一个类只能有一个constructor方法使用super关键字调用父类方法如果没有显式指定构造方法,默认添加无参构造方法class Polygon { constructor() { this.name = "Polygon"; }}const poly1 = new P...

原创 javascript class static

static定义静态方法,不能再类的实例中调用静态方法,在类中调用class ClassWithStaticMethod { static staticMethod() { return 'static method has been called.'; }}console.log(ClassWithStaticMethod.staticMethod());// expe...