JavaScript 不用 HTML/CSS,JS 就够了

newghost · 2013年10月22日 · 最后由 kevinzhow 回复于 2013年11月15日 · 4299 次阅读

有人在 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!');
});

你也用 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');

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

转自: OurJS

淘来逃去是噩梦啊

确实很有意思,这么搞下去,下一个就是 CSS 也用 JS 来生成了,JS 一统江湖啊

生成 HTML 那个去掉括号不就是 Slim 嘛

就你这几个 h1,p,ul,li,还不如用 Markdown + md.js。你想用这种方法写一个 1+3+1 的三栏布局就难了。

废这个劲儿干啥?除非是要做 web 的网页编辑器。

html body 总得有吧,收录排名怎么弄

以后不用学中文了……用罗马字母写拼音就行了 好似就是这种感觉……h1 还是 html 的标记啊……

换汤不换药 , 这没区别啊~

速度堪忧

我能表示这是脱裤子放屁吗

我更希望 html 干掉 js,而不是 js 干掉 html

#9 楼 @zhex No No No, 其实 SEO 最堪悠……

这是放弃性能的节奏???

#13 楼 @xifengzhu 个人认为应该把 html 格式换成 json 的,这样性能会不会提高点?

这不叫不用 html/css, 这叫给 html/css 披了层 JS 的狼皮。

启动这个应用至少需要一行 HTML 代码的吧... 凑个热闹.. https://github.com/jiyinyiyong/lilyturf

如此说来,如果浏览器直接支持 zendcoding 形式的编写 ( html>body>div.content*5 ),是不是互联网要提速很多了?

我希望 dart 能干掉 js

技术混着用,怎么合适怎么来嘛

需要 登录 后方可回复, 如果你还没有账号请 注册新账号