的模版引擎，灵感来自 ASP.NET MVC 中的 razor 视图引擎。可在浏览器使用，也支持 Node.js 。 示例模版 index.jshtml:
@locals</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2012-12-19 </span> <span class="number">36951 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/javascript-kaifa.html">JavaScript开发</a> <a class="" href="/lib/tag/javascript.html">JavaScript</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1404654195821.html" target="_blank"> 一个Nodejs开发开源的知识库：Raneto</a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>Raneto 是一个采用 <em>Node.js</em>开发的免费，开源知识库平。它使用Markdown文件来存储知识库。Raneto也可以叫作一个"静态网站生成器"，因为它不需要数据库。你的所有内容都存储在 Markdown</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2014-07-06 </span> <span class="number">43660 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/raneto.html">Raneto</a> <a class="" href="/lib/tag/node-js-kaifa.html">Node.js 开发</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1416542185852.html" target="_blank"> shadowsocks的一个Android客户端：Shadowsocks for Android</a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>iOS) 和 路由器 (OpenWRT)。 开源 实现不同版本的开源，有python, <em>node.js</em>, golang, C# 和 pure C。 开发简单 简单的开发在 pip , npm </p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2014-11-21 </span> <span class="number">103850 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/android-kaifa.html">Android开发</a> <a class="" href="/lib/tag/yidong-kaifa.html">移动开发</a> <a class="" href="/lib/tag/shadowsocks-for-android.html">Shadowsocks for Android</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1424577326971.html" target="_blank"> TeX数学公式Web展示的JavaScript库：KaTeX</a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>environment, so you can pre-render expressions using <em>Node.js</em> and send them as plain HTML. KaTeX 支持所有主流的浏览器，包括Chrome</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2015-02-23 </span> <span class="number">22678 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/katex.html">KaTeX</a> <a class="" href="/lib/tag/javascript-kaifa.html">JavaScript开发</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1374752916464.html" target="_blank"> 提供类似WebSocket的对象：SockJS-client</a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>SockJS-client JavaScript client library SockJS-node <em>Node.js</em> server SockJS-erlang Erlang server SockJS-tornado</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2013-07-25 </span> <span class="number">47147 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/websocket.html">WebSocket</a> <a class="" href="/lib/tag/javascript-kaifa.html">JavaScript开发</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1378429614203.html" target="_blank"> 在任何平台上，以最简单的方式来使用Git</a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>在任何位置，在任何平台上，最简单的方式来使用git。 清洁和直观的用户界面，使得它很容易理解的git。 可运行在支持 <em>node.js</em> & git 的任何平台之上。 基于Web，这意味着你可以将其运行在你的云/纯 shell 机</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2013-09-05 </span> <span class="number">11437 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/git.html">Git</a> <a class="" href="/lib/tag/banben-kongzhixitong.html">版本控制系统</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/news/view/1a7535e" target="_blank"> 8 个实用的CSS工具来改进你的编码</a>
<span class="con-type">资讯</span>
</h2>
<div class="description"><p>stylesheet. 4) Stylestats This is the library for <em>Node.js</em> to collect CSS statistics. 5) Saass fffunction</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2014-07-02 </span> <span class="number">14396 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/news/tag/css-gongju.html">css工具</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/news/view/4deac7" target="_blank"> 一张神图为你展现程序员一天的生活</a>
<span class="con-type">资讯</span>
</h2>
<div class="description"><p>与代码打交 道。你可能在用 Angular，JavaScript 等做前端编程，也可能是用 <em>Node.js</em> 或 PHP 做后端处理。下面就是这张神图了： 来自: www.php100.com</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2014-12-06 </span> <span class="number">6291 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/news/tag/chengxuyuan.html">程序员</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="rank border ut-120-170">
<img class="lazy" src="https://static.open-open.com/img/wdfm.png" data-original="https://simg.open-open.com/show/078c72cc5eda016e15ca545f8bd04c56.png" >
</div>
<div class="content ut-pl15">
<h2 class="header">
<a href="/news/view/52e0b6" target="_blank"> Less.js 2.6.1 发布，CSS 预处理器</a>
<span class="con-type">资讯</span>
</h2>
<div class="description"><p>客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 <em>Node.js</em> ). 来自： http://www.oschina.net//news/71228/less-css-2-6-1</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924">
<img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2016-03-04 </span> <span class="number">7734 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"></div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/news/view/c38e20" target="_blank"> Juicer 0.4.0-dev 发布，JS模板引擎</a>
<span class="con-type">资讯</span>
</h2>
<div class="description"><p>是一个高效、轻量的前端 (Javascript) 模板引擎，效率和易用是它追求的目标。 除此之外，它还可以运行在 <em>Node.js</em> 环境中。 示例模板： {@each list as item,index} {@if index===3}</p></div>
<div class="meta">
<a class="aut" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-name=" openkk " data-id="361" href="https://user.open-open.com/u/361">
<img src="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" width="24"> openkk </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2012-05-19 </span> <span class="number">6617 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">1 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/news/tag/js.html">JS</a> </div>
</div>
</div>
</div>
</section>
<div class="usage-search clearfix">
<h2 class="" aria-label=""><strong>04.vue2.0 node.js MongoDB</strong> 的相关搜索</h2>
<div >
<ul class="float-left">
<li><a href="https://www.open-open.com/search/?kw=04.vue2.0 node.js MongoDB全栈打造商城" ><em>04.vue2.0 node.js MongoDB</em>全栈打造商城</a></li> <li><a href="https://www.open-open.com/search/?kw=PHP程序员" >PHP<em>程序员</em></a></li> <li><a href="https://www.open-open.com/search/?kw=推荐！国外程序员整理的java测试资源大全" >推荐！国外<em>程序员</em>整理的java测试资源大全</a></li> <li><a href="https://www.open-open.com/search/?kw=培训机构量产iOS程序员" >培训机构量产iOS<em>程序员</em></a></li> <li><a href="https://www.open-open.com/search/?kw=程序员的数学" ><em>程序员</em>的数学</a></li></ul> <ul class="float-left"> <li><a href="https://www.open-open.com/search/?kw=java程序员面试笔试真题库" >java<em>程序员</em>面试笔试真题库</a></li> <li><a href="https://www.open-open.com/search/?kw=神秘的程序员" >神秘的<em>程序员</em></a></li> <li><a href="https://www.open-open.com/search/?kw=程序员必看的书" ><em>程序员</em>必看的书</a></li> <li><a href="https://www.open-open.com/search/?kw=程序员面试攻略" ><em>程序员</em>面试攻略</a></li> <li><a href="https://www.open-open.com/search/?kw=神秘的程序员们" >神秘的<em>程序员</em>们</a></li> </ul>
</div>
</div>
<div class="ui-pagination clearfix"> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=134 class='pg-pre'><i class='fa fa-angle-left'></i></a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=1>1</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=2>2</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=3>3</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=4>4</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=5>5</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=6>6</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=7>7</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=8>8</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=9>9</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=10>10</a> <a href=https://www.open-open.com/search/?kw=04.vue2.0+node.js+MongoDB&page=136 class='pg-next'><i class='fa fa-angle-right'></i></a> </div>
</div>
<div class="col-md-3">
<div class=" ui-box ut-pd20">
<div class="title"><h3>关键词</h3></div>
<p class="tags mt10"> <a class="" href="/wenku/?tags=程序员">程序员</a> <a class="" href="/wenku/?tags=JavaScript">JavaScript</a> <a class="" href="/wenku/?tags=Git">Git</a> <a class="" href="/wenku/?tags=移动开发">移动开发</a> <a class="" href="/wenku/?tags=WebSocket">WebSocket</a> <a class="" href="/wenku/?tags=前端技术">前端技术</a> <a class="" href="/wenku/?tags=数据库管理工具">数据库管理工具</a> <a class="" href="/wenku/?tags=css工具">css工具</a> <a class="" href="/wenku/?tags=Socket.IO">Socket.IO</a> <a class="" href="/wenku/?tags=JavaScript开发">JavaScript开发</a> <a class="" href="/wenku/?tags=Hubot">Hubot</a> <a class="" href="/wenku/?tags=版本控制系统">版本控制系统</a> <a class="" href="/wenku/?tags=Android开发">Android开发</a> <a class="" href="/wenku/?tags=Node.js 开发">Node.js 开发</a> <a class="" href="/wenku/?tags=Apple Swift开发">Apple Swift开发</a> <a class="" href="/wenku/?tags=fibjs">fibjs</a> <a class="" href="/wenku/?tags=Raneto">Raneto</a> <a class="" href="/wenku/?tags=SqlPad">SqlPad</a> <a class="" href="/wenku/?tags=KaTeX">KaTeX</a> <a class="" href="/wenku/?tags=Structor">Structor</a> <a class="" href="/wenku/?tags=ShareLaTeX">ShareLaTeX</a> <a class="" href="/wenku/?tags=SwiftyHTTP">SwiftyHTTP</a> <a class="" href="/wenku/?tags=Shadowsocks for Android">Shadowsocks for Android</a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer >
<div class="container py-5">
<div class="row">
<div class="col-md-3">
<h5>社区</h5>
<div class="row"><div class="col-md-6"><a class="text-muted" href="/project/">项目</a></div><div class="col-md-6"><a class="text-muted" href="/solution/">问答</a></div><div class="col-md-6"><a class="text-muted" href="/wenku/">文库</a></div><div class="col-md-6"><a class="text-muted" href="/code/">代码</a></div><div class="col-md-6"><a class="text-muted" href="/lib/">经验</a></div><div class="col-md-6"><a class="text-muted" href="/news/">资讯</a></div></div>
<ul class="list-unstyled text-small ut-mt20"><li><a class="text-muted" title=" 安卓开发专栏" target="_blank" href="http://www.open-open.com/lib/list/177">安卓开发专栏</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/tag/开发者周刊" target="_blank" rel="tag">开发者周刊</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497562965.html" target="_blank" rel="tag">Android Studio 使用推荐</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497355674.html" target="_blank" rel="tag">Android开发推荐</a></li></ul>
</div>
<div class="col-md-3">
<h5>帮助中心</h5>
<ul class="list-unstyled text-small"><li><a class="text-muted" href="/upload.html">文档上传须知</a></li></ul>
<h5>关于我们</h5>
<ul class="list-unstyled text-small"><li><a class="text-muted" href="/about.html">关于深度开源</a></li><li><a class="text-muted" href="/duty.html">免责声明</a></li><li><a class="text-muted" href="/contact.html">联系我们</a></li></ul>
</div>
<div class="col-md-6 text-center"><img class=center-block src="https://static.open-open.com/img/logo01.svg" width=190px alt="深度开源"><small class="d-block mb-3 text-muted ut-mt40">© 2006-2019 深度开源 —— 开源项目,开源代码,开源文档,开源新闻,开源社区 杭州精创信息技术有限公司 <br/><br/><img src="https://static.open-open.com/img/beian.png"/><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33018302001163"> 浙公网安备 33018302001163 号</a> <a target="_blank" href="https://beian.miit.gov.cn">浙ICP备09019653号-31</a></small></div>
</div>
</div>
</footer>
<div id="fTools"><span id="gotop"> <i class="fa fa-arrow-up" aria-hidden="true"></i> </span><span id="feedback" title="建议反馈"> <i class="fa fa-inbox" aria-hidden="true"></i></span></div> <script type="text/javascript" src="https://static.open-open.com/js/lib.js?v=1.02"></script>
<script type="text/javascript" src="https://static.open-open.com/assets/popper.min.js"></script>
<script src="https://static.open-open.com/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://static.open-open.com/js/base.js?v=1.02"></script>
<script type="text/javascript" src="https://static.open-open.com/js/jq-plug.js?v=1.02"></script>
<script>
$(function () {
JC.reminderPop();//弹出用户信息
// JC.messagesPop();
//JC.getNotice(); //动态广播
$(".link-login").click(function(){ JC.lORr('login'); });
$("#topSearch").searchInit();
//用户登录状态
JC.setLogin(false);
});
</script>
<!-- JavaScript at the bottom for fast page loading -->
<script>
//index
$(function () {
function GetUrlParms() {
var args = new Object();
var query = location.search.substring(1);//获取查询串
var pairs = query.split("&");//在逗号处断开
for (var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('=');//查找name=value
if (pos == -1) continue;//如果没有找到就跳过
var argname = pairs[i].substring(0, pos);//提取name
var value = pairs[i].substring(pos + 1);//提取value
args[argname] = decodeURI(value);//存为属性
}
return args;
}
var channel = ["all","learn","enjoy","resource","doc","solution","ppt", "", "", "pdf", "project", "lib", "code", "news", "blog"],
args = new Object(), url = "https://www.open-open.com/search/", kw = "", t = 0, page = 1, channelList=$(".all-sort-list");
args = GetUrlParms();
if (args["kw"] != undefined) {kw = args["kw"].replace(/\+/g,' ').replace(/(^\s*)|(\s*$)/g, "");}
if (args["page"] != undefined) {page = args["page"];}
if (args["t"] != undefined) {t = parseInt(args["t"]);}
$('.'+channel[t]).addClass("active");
$("#search-form input[name=t]").val(t);
function goto(t) {return (t==0)?url+ "?kw="+kw:url+ "?kw="+kw+"&t="+t;}
$('.tab').click(function () {
window.location = goto($(this).data('t'))
});
$('#search-form .close').click(function () {
$("#search-form input[name=kw]").val('').focus();
$(this).hide();
});
});
</script>
<!-- end scripts -->
</body>
</html>
jopen 
openkk