在ES6中，新增了很多特性，如声明变量和常量的let、const，方法模板字符串，Symbol等。那么，es6方法模板渲染如何实现？
工具/原料
1
HTML5
2
CSS3
3
JavaScript
4
ES6
5
HBuilderX
6
WPS
7
截图工具
8
浏览器
方法/步骤
1
打开HBuilderX开发工具，在Web项目的pages目录下，新建页面a3.html，并引入jquery
2
在
标签中，插入一个div标签，并添加label标签，设置id属性3
在script标签中，jquery初始化函数中，调用html()方法，使用es5原始拼接字符串添加标签元素
4
保存代码并运行文件，在浏览器查看界面显示效果，如下图所示
5
将拼接字符串中的双引号和加号去掉，使用反向单引号拼接字符串，效果跟第四步是一样的
6
定义一个对象obj并添加属性，在拼接字符串中调用obj对象的属性
7
再次保存代码并刷新浏览器，可以看到获取到对象中的属性
8
再定义对象point，包含两个属性x和y；然后在拼接的字符串中，调用对象point的属性进行加法运算
9
保存代码文件并刷新浏览器，可以在界面上看到计算后的结果值
总结
1、新建页面2、引入文件3、插入元素4、定义对象5、调用对象6、查看属性END
注意事项
1
注意ES6方法模板渲染
2
注意在ES6中新增特性的相关用法
上一篇：蟋蟀宝宝这样画萌萌哒
下一篇：不听话的宝宝也很可爱