Toggle navigation
AuthorZero的博客
Home
About
Archives
Tags
<div class="container"><div class="row"><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"><div class="post-heading"><div class="tags"><a class="tag" href="/tags/前端开发/" title="前端开发">前端开发</a> <a class="tag" href="/tags/JavaScript/" title="JavaScript">JavaScript</a></div><h1>Example Post using Keynote Layout</h1><h2 class="subheading">Keynote: JavaScript Modularization Journey</h2><span class="meta">Posted by Hux on 2015-07-09</span></div></div></div></div></header><article><div class="container"><div class="row"><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 post-container"><blockquote><p>下滑这里查看更多内容</p></blockquote><p>7月9日，我在公司内部进行了名为「JavaScript 模块化七日谈」分享，并将该 Slides 分享到了微博上。出乎意料地，这篇微博先后被 @JS小组 @尤小右 @寸志 等近 200 人转发，阅读达到 10w，获得了还不错的评价。</p><p>于是，我决定将它重新发到我的博客上，并为它专门制作了适用于 Keynote 展示文稿的新布局。它能自动根据屏幕大小/旋转以一定比例填充屏幕，你也可以直接点击下方链接在新页面打开，来获得更好的、沉浸式的全屏体验</p><h3 id="Watch-Slides-→"><a href="#Watch-Slides-→" class="headerlink" title="Watch Slides →"></a><a target="_blank" rel="noopener" href="http://huangxuan.me/js-module-7day">Watch Slides →</a></h3><img src="http://huangxuan.me/js-module-7day/attach/qrcode.png" width="350" height="350"><p><small class="img-hint">你也可以通过扫描二维码在手机上观看</small></p><p>这个 Web Slides 开源在<a target="_blank" rel="noopener" href="https://github.com/Huxpro/js-module-7day">我的 Github 上</a>，欢迎你帮助我完善这个展示文稿，你可以给我提 issue，可以 fork & pull request。如果它能帮助到你了，希望你还能不吝啬 star 一下这个项目</p><h3 id="Catalog"><a href="#Catalog" class="headerlink" title="Catalog"></a>Catalog</h3><ul><li>第一日 上古时期 <em><strong>Module?</strong></em> 从设计模式说起</li><li>第二日 石器时代 <em><strong>Script Loader</strong></em> 只有封装性可不够，我们还需要加载</li><li>第三日 蒸汽朋克 <em><strong>Module Loader</strong></em> 模块化架构的工业革命</li><li>第四日 号角吹响 <em><strong>CommonJS</strong></em> 征服世界的第一步是跳出浏览器</li><li>第五日 双塔奇兵 <em><strong>AMD/CMD</strong></em> 浏览器环境模块化方案</li><li>第六日 精灵宝钻 <em><strong>Browserify/Webpack</strong></em> 大势所趋，去掉这层包裹！</li><li>第七日 王者归来 <em><strong>ES6 Module</strong></em> 最后的战役</li></ul><h3 id="Thanks"><a href="#Thanks" class="headerlink" title="Thanks"></a>Thanks</h3><p><a target="_blank" rel="noopener" href="http://lab.hakim.se/reveal-js">Reveal.js</a></p><hr><ul class="pager"><li class="previous"><a href="/" data-toggle="tooltip" data-placement="top" title="post title with whitespace">← Previous Post</a></li><li class="next"><a href="/" data-toggle="tooltip" data-placement="top" title="Example Post With Default Header Image">Next Post →</a></li></ul></div><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 sidebar-container"><section><h5><a href="/tags/">FEATURED TAGS</a></h5><div class="tags"><a class="--link" href="/tags/JavaScript/" rel="tag">JavaScript</a><a class="--link" href="/tags/Linux/" rel="tag">Linux</a><a class="--link" href="/tags/OS/" rel="tag">OS</a><a class="--link" href="/tags/Unix/" rel="tag">Unix</a><a class="--link" href="/tags/mysql/" rel="tag">mysql</a><a class="--link" href="/tags/%E4%BB%A3%E7%90%86/" rel="tag">代理</a><a class="--link" href="/tags/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/" rel="tag">前端开发</a><a class="--link" href="/tags/%E5%B7%A5%E5%85%B7/" rel="tag">工具</a><a class="--link" href="/tags/%E6%8A%80%E6%9C%AF/" rel="tag">技术</a><a class="--link" href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" rel="tag">数据库</a><a class="--link" href="/tags/%E7%94%9F%E6%B4%BB/" rel="tag">生活</a><a class="--link" href="/tags/%E7%BF%BB%E8%AF%91/" rel="tag">翻译</a></div></section><hr><h5>FRIENDS</h5><ul class="list-inline"><li><a target="_blank" rel="noopener" href="http://blog.kaijun.rocks">Kaijun's Blog</a></li><li><a target="_blank" rel="noopener" href="http://huangxuan.me">Hux Blog</a></li><li><a href="#">Foo</a></li><li><a href="#">Bar</a></li><li><a href="#">Example Friends</a></li><li><a href="#">It helps SEO</a></li></ul></div></div></div></article><script>function async(e,n){var t=document,a="script",r=t.createElement(a),c=t.getElementsByTagName(a)[0];r.src=e,n&&r.addEventListener("load",function(e){n(null,e)},!1),c.parentNode.insertBefore(r,c)}</script><script>async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){anchors.options={visible:"always",placement:"right",icon:"#"},anchors.add().remove(".intro-header h1").remove(".subheading").remove(".sidebar-container h5")})</script><style>@media all and (min-width:800px){.anchorjs-link{position:absolute;left:-.75em;font-size:1.1em;margin-top:-.1em}}</style><footer><div class="container"><div class="row"><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"><ul class="list-inline text-center"><li><a target="_blank" href="https://twitter.com/author22282473"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-twitter fa-stack-1x fa-inverse"></i></span></a></li><li><a target="_blank" href="https://www.zhihu.com/people/auth0"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-stack-1x fa-inverse">知</i></span></a></li><li><a target="_blank" href="https://weibo.com/ZoroP"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-weibo fa-stack-1x fa-inverse"></i></span></a></li><li><a target="_blank" href="https://www.facebook.com/author.zero"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-facebook fa-stack-1x fa-inverse"></i></span></a></li><li><a target="_blank" href="https://github.com/zorohu"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-github fa-stack-1x fa-inverse"></i></span></a></li><li><a target="_blank" href="https://www.linkedin.com/in/author.zero"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i></span></a></li></ul><p class="copyright text-muted">Copyright © AuthorZero的博客 2018 - 2023 <a target="_blank" rel="noopener" href="https://beian.miit.gov.cn/">鄂ICP备20003318号</a><br>Theme by <a target="_blank" rel="noopener" href="https://huangxuan.me">Hux</a> <span style="display:inline-block;margin:0 5px"><i class="fa fa-heart"></i> </span>Ported by <a target="_blank" rel="noopener" href="https://blog.kaijun.rocks">Kaijun</a> |<iframe style="margin-left:2px;margin-bottom:-5px" frameborder="0" scrolling="0" width="91px" height="20px" src="https://ghbtns.com/github-btn.html?user=kaijun&repo=hexo-theme-huxblog&type=star&count=true">
本站总访问量
次 本站访客数
人次 本文总阅读量
次
载入天数...
载入时分秒...
