code change the world ! 2018-03-27T06:05:22.000Z https://yinzhonghao123.github.io/ 未卜 Hexo https://yinzhonghao123.github.io/1b5c6a63.html 2018-03-27T03:23:42.000Z 2018-03-27T06:05:22.000Z

<blockquote> <p>无意间看见h5新api关于浏览器地理位置定位<br> 所以了解了一下，关于Geolocation在工作上的应用</p> </blockquote>

https://yinzhonghao123.github.io/783ce8a9.html 2018-03-23T06:21:11.000Z 2018-03-23T06:35:44.000Z

<h1 id="rem-适配"><a href="#rem-适配" class="headerlink" title="rem 适配"></a>rem 适配</h1><ul> <li>获取根元素html标签</li> <li>用html.getBoundingClientRect().width获取他的视口大小</li> <li>设置根元素的字体大小为视口大小/16</li> <li><p>这样在任何一个设备上1rem的大小都是等比的</p>

https://yinzhonghao123.github.io/87ef91f6.html 2018-03-22T10:18:12.000Z 2018-03-22T10:30:40.000Z

<blockquote> <p>highcharts图表中图例的设置<br>这个主要是控制所有图例的设置<br>

https://yinzhonghao123.github.io/fdff8ae1.html 2018-03-20T02:07:10.000Z 2018-03-21T02:40:52.000Z

<p>看到好多关于盒模型的东西上个图<br>

https://yinzhonghao123.github.io/4e6bf8ed.html 2018-03-19T10:27:41.000Z 2018-03-20T06:43:58.000Z

<h2 id="理解ES"><a href="#理解ES" class="headerlink" title="理解ES"></a><strong>理解ES</strong></h2><ol> <li>全称: ECMAScript</li> <li>js语言的规范</li> <li>我们用的js是它的实现</li> <li>js的组成<ul> <li>ECMAScript(js基础)</li> <li>扩展–&gt;浏览器端<ul> <li>BOM</li> <li>DOM</li> </ul> </li> <li>扩展–&gt;服务器端<ul> <li>Node.js</li> </ul> </li> </ul> </li> </ol>

https://yinzhonghao123.github.io/4b8b97c0.html 2018-03-13T02:14:51.000Z 2018-03-20T06:43:58.000Z

<h3 id="什么是haslayout"><a href="#什么是haslayout" class="headerlink" title="什么是haslayout"></a>什么是haslayout</h3><pre><code>layout是windows IE的一个私有概念，它决定了元素如何对其内容定位和尺寸计算， 以及与其他元素的关系和相互作用。当一个元素“拥有布局”时，它会负责本身及其子元素的尺寸和定位。 而如果一个元素“没有拥有布局”，那么它的尺寸和位置由最近的拥有布局的祖先元素控制。 必须说明的是，IE8及以上浏览器使用了全新的显示引擎，已经不在使用haslayout属性， 因此haslayout属性只针对IE6和IE7。 </code></pre>

https://yinzhonghao123.github.io/fa8505ef.html 2018-03-13T02:07:27.000Z 2018-03-20T06:51:28.000Z

<h3 id="重绘-Repaint"><a href="#重绘-Repaint" class="headerlink" title="重绘(Repaint)"></a>重绘(Repaint)</h3><pre><code>重绘是一个元素外观的改变所触发的浏览器行为，例如改变outline、背景色等属性。浏览器会根据元素的新属性重新绘制， 使元素呈现新的外观。重绘不会带来重新布局，所以并不一定伴随重排。 </code></pre>

https://yinzhonghao123.github.io/e475da6d.html 2018-03-13T01:53:19.000Z 2018-03-20T06:34:52.000Z

<pre><code>1.event事件对象兼容 event=event||window.event </code></pre>

https://yinzhonghao123.github.io/7b21deb9.html 2018-03-09T10:15:43.000Z 2018-03-20T06:43:58.000Z

<ul> <li>模块化的理解</li> <li>什么是模块?<ul> <li>将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起</li> <li>块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信</li> </ul> </li> <li>一个模块的组成<ul> <li>数据—&gt;内部的变量</li> <li>操作数据的行为—&gt;内部的函数</li> </ul> </li> </ul>

https://yinzhonghao123.github.io/1023f277.html 2018-03-09T08:50:10.000Z 2018-03-21T02:40:52.000Z

css3 变量

https://yinzhonghao123.github.io/27adbae0.html 2017-12-09T07:42:07.000Z 2018-03-21T02:40:52.000Z

js事件节流

https://yinzhonghao123.github.io/623e7efa.html 2017-10-09T08:28:40.000Z 2018-03-21T02:40:52.000Z

解决Vue方法中setTimeout改变变量的值无效

https://yinzhonghao123.github.io/7130c1f7.html 2017-08-13T01:57:39.000Z 2018-03-21T02:40:52.000Z

<h3 id="对象属性的扩展"><a href="#对象属性的扩展" class="headerlink" title="对象属性的扩展"></a>对象属性的扩展</h3><pre><code>使用.的形式动态添加（不可指定属性描述符） 使用Object.defineProperty的形式来添加（可以指定属性描述符） </code></pre>

https://yinzhonghao123.github.io/c5a97815.html 2017-03-13T02:15:42.000Z 2018-03-21T02:40:52.000Z

<h3 id="在解释-BFC-是什么之前，需要先介绍-Box、Formatting-Context的概念。"><a href="#在解释-BFC-是什么之前，需要先介绍-Box、Formatting-Context的概念。" class="headerlink" title="在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。"></a>在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。</h3><pre><code>Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。 元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器）， 因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子： block-level box: display 属性为 block, list-item, table 的元素，会生成 block-level box。并且参与 block fomatting context； inline-level box: display 属性为 inline, inline-block, inline-table 的元素，会生成 inline-level box。 并且参与 inline formatting context Formatting context 　　 Formatting context 是 W3C CSS2.1 规范中的一个概念。 它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 最常见的 Formatting context 有 Block fomatting context (简称BFC) Inline formatting context (简称IFC)。 </code></pre>

https://yinzhonghao123.github.io/a3efbd8f.html 2017-03-09T00:32:27.000Z 2018-03-21T02:40:52.000Z

<blockquote> <p>这个头像呢是因为孟二蛋才换的，看着喜庆，粗糙的表情😄<br>