MartinDelophy

java script 模版引擎初探

2018-5-18 by MartinDelophy


模版引擎,众所周知就是将你需要绑定的值从后端传到前端,帮助用户解决变量预留的问题。

那么我的想法就是去构建一个模版引擎,帮助用户去解决这个问题。 那么,首先我们应该怎么做呢? 我的设计想法如下:

html->jsbox: bypass context jsbox->js: extract value bypass value js-jsbox: find value bind value jsbox-html: find context bind contexthtmlhtmljsboxjsboxjsjsbypass contextextract value bypass valuefind value bind valuefind context bind context

首先,将html的整个内容塞到 jsbox 中,之后将内容中的有效绑定字段进行提取,传到后端,解析字段。 通过后端拿到相应的字段的值,绑定之后推到jsbox中,在将jsbox中的内容推到前端进行渲染。

为了验证这个想法,我写了一个demo,地址在:https://github.com/MartinDelophy/narko 相应的demo在test文件夹中,可以通过npm install 来对本模版引擎进行安装。 当然,这个模版有很多的地方需要改进,比如多网页模版,组建生命周期,双向绑定。

java script 模版引擎初探 | MartinDelophy
MartinDelophy

java script 模版引擎初探

2018-5-18 by MartinDelophy


模版引擎,众所周知就是将你需要绑定的值从后端传到前端,帮助用户解决变量预留的问题。

那么我的想法就是去构建一个模版引擎,帮助用户去解决这个问题。 那么,首先我们应该怎么做呢? 我的设计想法如下:

html->jsbox: bypass context jsbox->js: extract value bypass value js-jsbox: find value bind value jsbox-html: find context bind contexthtmlhtmljsboxjsboxjsjsbypass contextextract value bypass valuefind value bind valuefind context bind context

首先,将html的整个内容塞到 jsbox 中,之后将内容中的有效绑定字段进行提取,传到后端,解析字段。 通过后端拿到相应的字段的值,绑定之后推到jsbox中,在将jsbox中的内容推到前端进行渲染。

为了验证这个想法,我写了一个demo,地址在:https://github.com/MartinDelophy/narko 相应的demo在test文件夹中,可以通过npm install 来对本模版引擎进行安装。 当然,这个模版有很多的地方需要改进,比如多网页模版,组建生命周期,双向绑定。