OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

不用HTML/CSS,JS就够了


分享到
分类 JS开源   发布 ourjs  1379234070000
注意 转载须保留原文链接,译文链接,作者译者等信息。  

有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。
原理其实很简单,创建一些“html函数”,如: p, div, ul, li 来创建你的网页,而且可以和backbone无缝结合, 下面有个例子:

h1('HTML Creation');

p('Tags are functions.')

p('Attributes are objects...', {
style:{fontStyle:'italic'}
})

ul(function(){
li('Nest');
li('with');
li('functions!');
});


效果:

HTML Creation

Tags are functions.

Attributes are objects...

  • Nest
  • with
  • functions!




你也用JS来设置些CSS

h1('CSS Creation')

css({
'.red':{color:'#e00'},
'.big':{fontSize:'25px'}
});

div({'class':'red'}, 'This is red');
div({c:'big'}, 'This is big');
div({c:'big red'}, 'This is both');



效果:

CSS Creation

 

 

This is red
This is big
This is both




Github地址: https://github.com/ojjs/oj/

原文地址: 点此
社区评论 ( Beta版 )