HTML5 PPT-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>

<title>Hornbill</title>

document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );

</script><link rel="stylesheet" href="./Hornbill_files/paper.css" type="text/css" media="print">

<!--[if lt IE 9]>

<![endif]-->

</head>

<!--

<h2>Themes</h2>

<p>

Reveal.js comes with a few themes built in: <br>

<a href="?theme=sky#/themes">Sky</a> -

<a href="?theme=beige#/themes">Beige</a> -

<a href="?theme=simple#/themes">Simple</a> -

<a href="?theme=serif#/themes">Serif</a> -

<a href="?theme=night#/themes">Night</a> -

<a href="?#/themes">Default</a>

</p>

<p>

<small>

* Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code><head></code> using a <code><link></code>.

</small>

</p>

</section>

-->

</section>

<h2>javascript的web解决方案</h2>

</section>

<h3>为什么要重构？我们是在重复造轮子吗?why？</h3>

</section>

<p></p><h3>为什么要分层,传统的MVC架构的不足</h3><p></p>

<ul>

<li>C层容易去干M层的活</li>

<li>前端开发要去学smarty or sth.</li>

<li>只是显示上的修改也要整体发布</li>

</ul>

</section>

<p></p><h3>为什么不使用一些流行的开源程序</h3><p></p>

<ul>

<li>我们只关注显示层,开源程序都是通用型程序，对我们来说“太强大了”</li>

<li>开源程序为了服务端和客户端语法一致，服务端代码是冗余的</li>

<li>二次开发成本过高</li>

</ul>

</section>

<h3>我们想要什么样的轮子</h3>

</section>

<small>

<ul>

<li>对我们来说要足够简单</li>

<li>要方便扩展</li>

</ul>

</small>

</section>

<p>很幸运，我们有Node</p>

</section>

</div>

<div>

<section style="top: -88px; display: block;">hornbill用到的开源程序

<p>

<small>

<a href="http://nginx.org/" target="_blank"><span data-title="nginx ">nginx </span></a>

<a href="https://www.varnish-cache.org/" target="_blank"><span data-title="varnish ">varnish </span></a>

<a href=""><span data-title="

formidable/

uglifyjs/

less">

formidable/

uglifyjs/

less</span></a>

就这些了

</small>

</p>

</section>

</div>

<div>

<h2>Hornbill构成</h2>

<small>

<ul>

<li>

web -> Client-Side 的 .js 和 .css ,.less

</li>

<li>

server -> Server-Side 的 V和C,基于资源,url动态映射

</li>

<li>

jserver -> 静态文件伺服 .js .css .less 及js动态合并文件

</li>

<li>

cmd -> js文件的压缩， less to css生成，服务端进程的启动控制

</li>

</ul>

</small>

</section>

<section style="top: -20px; display: block;">先看下代码长什么样子</section>

<p style="background:black;color:green">controller/mls.com/guang.js</p>

</section>

</section>

</section>

<p>js长这个样子（AMD）</p>

<p style="background:black;color:green">component/dialog.js</p>

</section>

<p>css长这个样子 (LESS)</p>

<p style="background:black;color:green">less/welcome.less</p>

</section>

<p>它们是如何工作的</p>

</section>

</section>

没有绝对的规则

</section>

</section>

</div>

// Full list of configuration options available here:

// https://github.com/hakimel/reveal.js#configuration

Reveal.initialize({

controls: true,

progress: true,

history: true,

center: true,

theme: Reveal.getQueryHash().theme, // available themes are in /css/theme

transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none

// Optional libraries used to extend on reveal.js

dependencies: [

{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },

{ src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },

{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },

{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },

{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },

{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }

// { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }

]

});

</script><script type="text/javascript" src="./Hornbill_files/highlight.js"></script><script type="text/javascript" src="./Hornbill_files/zoom.js"></script><script type="text/javascript" src="./Hornbill_files/notes.js"></script>

</body></html>

转载于:https://my.oschina.net/jsycwangwei/blog/405274