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版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. Node.js 编程的未来
  2. 站着编程两年后我身体上的变化
  3. 一句命令快速合并 JS、CSS
  4. 最新研究:在手机上,Data-url和CSS Sprites哪一个更快?
  5. Github上最热门的语言
  6. 为什么微软帝国需要解散
  7. NodeJS即将超越Ruby, 正在悄悄改变开源面貌
  8. PaaS乱局:Container的新机遇
  9. 周鸿祎:我做天使投资几个心得
  10. 如何更好用业余时间做互联网创业?
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - JS开源
  1. Adobe为Photoshop CC开发的'Generator',基于Node.js
  2. 5个有用的Unix命令,我真希望早点发现他们
  3. NodeJS即将超越Ruby, 正在悄悄改变开源面貌
  4. Python Web框架介绍和浅析
  5. 5个最好的php框架
  6. Tessel 开源硬件正式发布
  7. 最新研究:在手机上,Data-url和CSS Sprites哪一个更快?
  8. Node.js 编程的未来
  9. 一句命令快速合并 JS、CSS
  10. PaaS乱局:Container的新机遇

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号