软件简介

JsHtml 提供简洁的 HTML、全 JavaScript 的模版引擎,灵感来自 ASP.NET MVC 中的 razor 视图引擎。可在浏览器使用,也支持 Node.js 。

示例模版 index.jshtml:

<html>
<head>
    <title>@locals.title</title>
</head>

<body>

<ul class="Task">
    @locals.taskList.forEach(function(task, index) {
        <li class="@(index % 2 ? "Odd" : "Even")">
            @tag('a', {href: '/task/' + task.id}, task.name)
        </li>
    });
</ul>

<ul class="Task">
    @for(var taskIndex = 0, taskCount = locals.taskList.length; taskIndex < taskCount; taskIndex ++){
        writePartial('task', {taskIndex: taskIndex, task: locals.taskList[taskIndex]});
    }
</ul>

<p>
if you like it, let me know!<br />
- <a href="mailto:elmerbulthuis@gmail.com">elmerbulthuis@gmail.com</a><br />
</p>

</body>
</html>
展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
发表了博客
04/29 23:31

Matplotlib绘制动图遇到Writer问题,自己写gif保存的代码

最近使用Matplotlib绘制动图时,在保存图片为GIF图时遇到TypeError: 'MovieWriterRegistry' object is not an iterator(或者会提示MovieWriter ffmpeg unavailable.)。 MovieWriter ffmpeg unavailable 搜索发现......

0
0
发表于AI & 大数据专区
02/12 19:10

动态排序图的详细制作教程

在开始之前,先贴张图,之前网上一段时间下面这种排序风格视频很火,类似于下面图片就是视频其中的一帧。 制作这样视频的原理:就是把不同的帧组合在一起拼接成视频;把不同时间的排序图拼接在一起,拼接在一起形...

0
0
发表了博客
05/17 14:40

如何让数据可视化的案例不再让人烦躁?Python 的动态气泡图

1. 前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 动态的图表拥有静态图表不能比拟的优势,能够有效反映出一个变量在一段时间的变化趋势,在PPT汇报演讲中是一大加分项,而在严谨的学术图表中则不建议使用。统计学家Hans Rosling在TED上关...

0
0
发表了博客
05/19 17:31

基于Python的图表绘图系统matplotlib,“动态条形图”你了解吗? - 知乎

动态条形图大火了一阵子,尤其是那种对比世界各国历年来的GDP或者军事实力的动态条形图,配上激动人心的音乐,眼看着中国从后往前排名不断考前,作为爱国的人,集体荣誉感爆棚的那种,真的是心潮澎湃自豪到仿佛国力的提升我也做出了不可磨灭的贡献一般(捂脸)。 虽然我没有对国力提升做出什么不可磨灭的贡献,但是我可以...

0
0
06/30 00:01

Hans Rosling Charts Matplotlib 绘制

( 修正: 为了大家更好的阅读体验,同时也使公众号规范化,之前发布的文章已全部删除 ,重新规划排版和内容修改完善后推出,毕竟想给大家呈现的不仅是优质的教程文章,舒服统一的阅读排版也是要考虑 ,同时有小伙...

0
0
发表于AI & 大数据专区
04/15 21:35

盘一盘 Python 系列特别篇 - Matplotlib Animation

本文含 3400 字, 15 图表截屏 建议阅读 20 分钟 在公众号对话框回复 MANI 获取完整 Jupyter Notebook 感谢 EasyShu 公众号主理人张杰博士的帮助 本文是 Python 系列的特别篇的第十三篇 特别篇 1 - PyEcharts Tr...

0
0
发表于大前端专区
2016/07/02 09:24

NodeJs——入门

NodeJs安装与NPM管理 创建第一个NodeJs应用

0
0
03/11 18:24

PyTorch 生成对抗网络(DCGAN)教程

要阅读带插图的教程,请前往 http://studyai.com/pytorch-1.4/beginner/dcgan_faces_tutorial.html 本教程将通过一个示例介绍DCGANs。我们将训练一个生成对抗网络(generative adversarial network, GAN), 在给它......

0
0
发表于AI & 大数据专区
2015/09/21 17:53

迁移到 Express 4.x

迁移到 Express 4.x 概览 从 Express 3 到Express 4 是一个巨大的变化,这意味着现存的 Express 3 应用在不更新依赖的情况下将不能工作。 这篇文章涵盖一下内容: Express 4 中的变化 一个从 Express 3 迁移到 Express 4 的示例 升级到 Express 4 的应用生成器 Express 4 中的变化 主要的变化如下: Express 的核心和中间...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
4 收藏
分享
返回顶部
顶部