@@ -119,9 +119,7 @@ permalink: /server-end/design-patterns/simple-template-mode.html
119119 ;(function () {
120120 const container = document .getElementById (' root' )
121121 const formatString = function (str , data ) {
122- return str .replace (/ \{\{ (\w + )\}\} / g , (match , key ) =>
123- data[key] === void 0 ? ' ' : data[key],
124- )
122+ return str .replace (/ \{\{ (\w + )\}\} / g , (match , key ) => (data[key] === void 0 ? ' ' : data[key]))
125123 }
126124 const list = [
127125 {
@@ -140,9 +138,7 @@ permalink: /server-end/design-patterns/simple-template-mode.html
140138 let template = [' <ul>' ]
141139 list .forEach ((v ) => {
142140 template .push (' <li>' )
143- template .push (
144- formatString (' <a href="{{url}}" target="_blank" >{{name}}</a>' , v),
145- )
141+ template .push (formatString (' <a href="{{url}}" target="_blank" >{{name}}</a>' , v))
146142 template .push (' </li>' )
147143 })
148144 template .push (' </ul>' )
@@ -187,9 +183,7 @@ permalink: /server-end/design-patterns/simple-template-mode.html
187183 return value .replace (' {{' , ' "+(' ).replace (' }}' , ' )+"' )
188184 })
189185 html = ` var targetHTML = "${ html} ";return targetHTML;`
190- var parsedHTML = new Function (... Object .keys (data), html)(
191- ... Object .values (data),
192- )
186+ var parsedHTML = new Function (... Object .keys (data), html)(... Object .values (data))
193187 element .innerHTML = parsedHTML
194188 }
195189
@@ -233,18 +227,13 @@ permalink: /server-end/design-patterns/simple-template-mode.html
233227 if (root .nodeName === ' #text' ) {
234228 node .type = ' text'
235229 node .tagName = ' text'
236- node .content = root .textContent
237- .replace (/ \s + | \r | \t | \n / g , ' ' )
238- .replace (/ "/ g , ' \\ "' )
230+ node .content = root .textContent .replace (/ \s + | \r | \t | \n / g , ' ' ).replace (/ "/ g , ' \\ "' )
239231 } else {
240232 node .type = ' tag'
241233 node .tagName = root .localName
242234 node .children = []
243235 node .attr = {}
244- Array .prototype .forEach .call (
245- root .attributes ,
246- (item ) => (node .attr [item .nodeName ] = item .nodeValue ),
247- )
236+ Array .prototype .forEach .call (root .attributes , (item ) => (node .attr [item .nodeName ] = item .nodeValue ))
248237 }
249238 Array .prototype .forEach .call (root .childNodes , (element ) => {
250239 var parsedNode = parseAST (element)
@@ -256,9 +245,7 @@ permalink: /server-end/design-patterns/simple-template-mode.html
256245
257246 function render (element , template , data ) {
258247 html = ` var targetHTML = "${ template} ";return targetHTML;`
259- var parsedHTML = new Function (... Object .keys (data), html)(
260- ... Object .values (data),
261- )
248+ var parsedHTML = new Function (... Object .keys (data), html)(... Object .values (data))
262249 element .innerHTML = parsedHTML
263250 }
264251
@@ -271,12 +258,9 @@ permalink: /server-end/design-patterns/simple-template-mode.html
271258 template += ` </${ node .tagName } >`
272259 } else {
273260 if (node .content .match (/ \{\{ (. )*? \}\} / )) {
274- var expression = node .content .replace (
275- / \{\{ (. )*? \}\} / g ,
276- function (value ) {
277- return value .replace (' {{' , ' "+(' ).replace (' }}' , ' )+"' )
278- },
279- )
261+ var expression = node .content .replace (/ \{\{ (. )*? \}\} / g , function (value ) {
262+ return value .replace (' {{' , ' "+(' ).replace (' }}' , ' )+"' )
263+ })
280264 template += expression
281265 } else {
282266 template += node .content
0 commit comments