有很多 h5 开发网站,选择模版知乎,都可以实时在线预览,
用 chrome f12 看了一下,不是 iframe 的,而且修改就直接生效,抓 http 请求好像也没有请求~~
好牛呀,想请教一下各位大神~~~~
1
yyfearth 2018-02-01 06:21:52 +08:00 via iPhone
这个功能 纯 JS 就可以做到 你甚至可以把页面存在本地运行
|
2
eaglexiang 2018-02-01 09:57:34 +08:00 via Android
异步编译输入到输出
|
3
DOLLOR 2018-02-01 10:13:12 +08:00
看来楼主的观念停留在静态页面时代了,你认为 HTML 必须要有服务器处理才能生成。
然而 HTML 不一定要服务器才能生成,也可以用 JS 来拼接。 简单地说: 你可以监听用户的输入变化事件,然后根据用户输入的信息,按照模板拼接新的 HTML,然后直接写到预览区域。 |
4
gen900 2018-02-01 11:10:48 +08:00
展现和数据分离。实现一套模版+内容的机制就可以了,编辑其实就是更新数据,实时预览就是刷新渲染到模版上。
|
5
gen900 2018-02-01 11:11:58 +08:00
展现和数据分离。实现一套模版+内容的机制就可以了,编辑其实就是更新数据,实时预览就是刷新渲染到模版上。
模版有很多方案 pug,ejs 等,这个架构想明白了其实也不难 |