4.3日清明前一天

我的任务，把框架看得滚瓜烂熟，能讲出来；
看看前端UI,bootstrap;栅格化布局似乎又忘了啊。
es5+es6+node;

       我对HTML DOM的这个querySelector()并不是特别的熟悉。

       说实话对css选择器也不是特别熟悉，因为我经常用到的就那几个。css选择器

       querySelector()返回匹配指定css选择器的元素。括号里写的是css选择器。querySelector()与querySelectorAll()一起是不是可以替换掉getElementsByTagName()和getElementById()等方法？

       对于dom对象，我同样也不是特别的熟。dom相关知识

正则表达式子表达式是什么东西啊？
match() | 正则表达式

(function(win,lib){
    var flexible = lib.flexible = {};
    console.log(lib);
    console.log(lib.flexible);
    console.log(flexible);
    flexible.r = 6;
    flexible.t = 7;
    console.log(lib.flexible);
    })(window,window['lib'] || (window['lib']));

打印的结果很奇怪，flexible添加了属性，lib竟然也添加了；lib第一次打印就把所有的属性打印出来了，但是直接打印lib的属性确实空对象；在所有的属性被赋值之后，可以直接打印lib的属性。
似乎也不影响使用。

把对象的属性赋值给变量是把属性与变量绑定起来了吗？对象属性和变量用 ‘=’ 连起来是双向绑定了吗？
感觉 = 是把东西放到容器里(内存里)
不是双向绑定，是把一块石头放在篮子里了，一个东西，时间不同了而已。

是不是在任意位置打印对象，它的属性都能看到。但是真的访问属性必须在属性被赋值之后？
好奇快啊？

对象加新属性必须得赋值，不赋值不行是吗？
这属于js基本知识吧？我需要看书了。

还有，点操作符与方括号操作符不了解啊。

小括号的资料

我想要的

控制台那小丫头片子还两副面孔：

console.log(window.document.documentElement)
        // console.log(window.devicePixelRatio)
        // console.log(window.navigator)

此时控制台输出：

        console.log(window.document.documentElement);
        console.log(window.devicePixelRatio);
        console.log(window.navigator);

此时控制台输出：

再刷新的话，也有另一幅的面孔。

怎么有两副面孔啊？我可以自由控制吗？

document.write()的特性是怎么回事？

getBoundingClientRect()这个方法也要看看的？