私人笔记；只是自己看的懂就行；
postMessage
1、index.html:19 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://172.16.115.106:9099') does not match the recipient window's origin ('http://127.0.0.1:8848').
页面还没有创建好，需要延时之后 postMessage
堆栈误区纠正
栈内存分配是先进后出，堆是在运行的时候，请求操作系统分配给自己内存，堆无次序。
JSON
event Object -> json
vivus SVG
SVG写入image标签时，发现在google和火狐上无法显示，且报错： Namespace prefix xlink for href on script is not defined
后经查询，找到了解决办法：
在命名空间上添加：
xmlns:xlink=http://www.w3.org/1999/xlink
实例：
<pre style="box-sizing: border-box; outline: 0px; margin: 0px 0px 24px; padding: 8px; font-weight: normal; position: relative; white-space: pre-wrap; overflow-wrap: break-word; overflow-x: auto; font-family: Consolas, Inconsolata, Courier, monospace; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0);"><?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
<image xlink:href="happy-every-day.jpg" width="96" height="96" />
</svg></pre>
其中 xmlns="http://www.w3.org/2000/svg" 的命名空间是使google、火狐浏览器兼容SVG的，
xmlns:xlink="http://www.w3.org/1999/xlink" 的部分是image标签适应google或火狐浏览器的。
module
module.exports、exports、require、export、export default、import
module.exports==exports //true (CMD规范，如node/seaJS) ----->对应的是require
export、export default---->对应的是import(ES6模块化规范)
作用域
正常模式下，Javascript语言有两种变量作用域（scope）：全局作用域和函数作用域。严格模式创设了第三种作用域：eval作用域。
正常模式下，eval语句的作用域，取决于它处于全局作用域，还是处于函数作用域。严格模式下，eval语句本身就是一个作用域，不再能够生成全局变量了，它所生成的变量只能用于eval内部。
"use strict";
var x = 2;
console.info(eval("var x = 5; x")); // 5
console.info(x); // 2
问题记录
!![] == true //true
[]==false //true
![] == [] //结果是true
更多例子
[] == 0 //返回结果是 true
![] == 0 //返回结果是 true
[] == '' //返回结果是 true
!![] == '' //返回结果是 false
'' == true //返回结果是 false
解释
相等运算符（== ），两个操作数类型不同时，进行的转换；
[] 转为字符串是 "" // String([]) 返回""
[] 转为数字是 0 // Number([]) 返回0
[] 转为布尔值是 true // Boolean([]) 返回true
true 转为数字是 1 // Number(true) 返回1
false 转为数字是 0 // Number(false) 返回0
如果一个值是对象，另一个值是数字或字符串，则将对象转换为原始值，然后再进行比较。对象通过toString()方法或者valueOf()方法转换为相同类型原始值，JavaScript语言核心的内置类先尝试使用valueOf()，再尝试使用toString()，除了日期类，日期类只能使用toString()转换，那些不是JavaScript语言核心中的对象则通过各自的实现中定义的方法转换为原始值。
原始值：不可变更的值，包括undefined、null、布尔值、数字、和字符串。
type.png
bind
call && apply实现 bind
Function.prototype.my_bind = function(context){
var self = this;
return function(){
self.apply(context,arguments);
}
}
function a(){
console.log('name:',this.name);
}
a(); // ''
var b = {
name: 'apple'
};
var c = {
name: 'pear'
};
var d = {
name:'fruit'
}
a.my_bind(b).my_bind(c).my_bind(d)();
以上特别注意链式反应（也是bind的特性）
网友评论