/tags/source/Recent content in Source on zeromake 的个人博客Hugozh-cnMon, 15 Jun 2020 18:12:42 +0800/pages/preact-source-read-2/Wed, 26 Jul 2017 07:23:04 +0000/pages/preact-source-read-2/<h2 id="前言">前言</h2> <ul> <li>这里是第二篇，<a href="https://blog.zeromake.com/pages/preact-source-read-1">第一篇在这里</a></li> <li>这次讲 Component，以及它的一些轻量依赖。</li> <li>顺便说下<a href="https://segmentfault.com/u/situzhengmei/articles">司徒正美的 preact 源码学习</a></li> <li>感觉比我写的好多了，图文并茂，还能提出和其它如 React 的源码比较。</li> <li>我唯一好点的可能就是代码几乎每行都有注释，并且使用了 typescript 添加了类型的标注。</li> </ul>/pages/preact-source-read-1/Mon, 24 Jul 2017 08:23:04 +0000/pages/preact-source-read-1/<h2 id="前言">前言</h2> <ul> <li>和上次说的一样这次带来<code>preact</code>的解读</li> <li>preact 实际上把它当作是一个精简版<code>react</code>就好了。</li> <li>这次我抄下了<code>preact</code>，并且改写了代码, 命名为<code>zreact</code></li> <li>把之前将事件，props 之类的单独放出来，这样这份<code>zreact</code>。</li> <li>可以支持 ie8，虽然并没有什么用。</li> <li>这次代码解读顺序按使用 preact 的代码顺序。</li> <li>这里是第一篇，createElement，也就是 vue,react 的 render 所返回的 VNode 对象。</li> <li>平常则是使用 babel+jsx 来生成 createElement 调用。</li> <li>vue 常用则是 template，但是通过 webpack 会做到预先转换为 render。</li> </ul>