js 字符串拼接 html 累加 html 叠加
正常来说已经使用es6 的 模板了如``
//页面层
layer.open({
type: 1,
content:`<div class="child_card">
<div class="mui-card-content ">
<div class="mui-row ">
<div class="mui-col-xs-12 ">
<ul class="mui-table-view ">
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 穿衣 [${this.life.chuanyi[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.chuanyi[1]}</p></li>
<li class="mui-table-view-cell "> <i class="icon iconfont"></i> 感冒 [${this.life.ganmao[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.ganmao[1]}</p></li>
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 运动 [${this.life.yundong[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.yundong[1]}</p></li>
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 空调 [${this.life.kongtiao[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.kongtiao[1]}</p></li>
<li class="mui-table-view-cell "> <i class="icon iconfont"></i> 紫外线 [${this.life.ziwaixian[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.ziwaixian[1]}</p></li>
</ul>
</div>
</div>
</div>
</div>`
});
但极少情况下还是使用原始的拼接,以下这种方法会比较舒服
var panelBuffer = '<div class="mui-poppicker">\
<div class="mui-poppicker-header">\
<button class="mui-btn mui-poppicker-btn-cancel">取消</button>\
<button class="mui-btn mui-btn-blue mui-poppicker-btn-ok">确定</button>\
<div class="mui-poppicker-clear"></div>\
</div>\
<div class="mui-poppicker-body">\
</div>\
</div>'; var pickerBuffer = '<div class="mui-picker">\
<div class="mui-picker-inner">\
<div class="mui-pciker-rule mui-pciker-rule-ft"></div>\
<ul class="mui-pciker-list">\
</ul>\
<div class="mui-pciker-rule mui-pciker-rule-bg"></div>\
</div>\
</div>';
js 字符串拼接 html 累加 html 叠加的更多相关文章
- html转js字符串拼接
https://www.bejson.com/convert/html_js/ html转js字符串拼接
- JS字符串拼接优化
// 请把以下用于连接字符串的JavaScript代码修改为更高效的方式 var htmlString = ‘ < div class=”container” > ’ + ‘ < u ...
- Js 字符串拼接的两种方法
字符串拼接的两种方法 用数组的方法的好处是:避免变量重新定义.赋值 <!DOCTYPE html> <html lang="en"> <head> ...
- js 字符串拼接、截取、查找...
函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: let str=”020-88888888-03”; let arr=str.split(”-”); console ...
- js 字符串拼接
正常来说已经使用es6 的 模板了如`` //页面层 layer.open({ type: 1, content:`<div class="child_card"> & ...
- ajax 参数data问题 data中的 参数名 参数值为string 提交到后台后,会自动转换参数名相同的 类型 和 js字符串拼接
latlng"14.6005238,100.43635419999998"Cusid"accb5c1b-6aef-4f3b-a4eb-d60ea1ca5f54" ...
- js字符串拼接
1. 2. 3.
- 探讨js字符串数组拼接的性能问题
这篇文章主要介绍了有关js对字符串数组进行拼接的性能问题,字符串连接一直是js中性能最低的操作之一,应该如何解决呢?请参看本文的介绍 我们知道,在js中,字符串连接是性能最低的操作之一. 例如: 复制 ...
- js - 在拼接字符串中动态submit当前form
今天在做一个项目的时候, mapabc中的inforWindow中,如果是超链接a,不直接响应. 后来的解决方案是动态产生form,并调用summit方法.如下 自定义一个js函数: function ...
随机推荐
- setTimeout你知多少
假期这么快就结束了,其实对我来说没什么影响,因为我一周才两节课,对于课多的同学来说,我天天在休假,不要羡慕哟~ 但休假并不代表闲着,还是得苦逼的编代码,唉..一入程序深似海.. 不管学得多少,还是总 ...
- Memcached源码分析——连接状态变化分析(drive_machine)
这篇文章主要介绍Memcached中,基于libevent构造的主线程和worker线程所处理连接的状态互相转换的过程(不涉数据的存取等操作),也就是drive_machine的主要业务逻辑了.状态转 ...
- mysql TO_DAYS()函数
TO_DAYS(date)给定一个日期date, 返回一个天数 (从年份0开始的天数 ). 例: select TO_DAYS(NOW()); +----------------+ | TO_DA ...
- informatica powercenter学习笔记(一)
本文转摘:http://blog.itpub.net/22377317/viewspace-677137/ 1 informatica powercenter的下载: 方法一:去年我是在ORACLE ...
- 领扣-121/122/123/188 最佳买卖时机 Best Time to Buy and Sell MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- cocos2d-x游戏开发 跑酷(八) 对象管理 碰撞检測
对象管理类的原理是这种: ObjectManager类是一个单例类,全局仅仅有一个对象实例存在.初始化的时候创建两个数组CCArray来保存金币和岩石.为什么要保存,由于在地图重载的时候.要销毁看不见 ...
- Effective C++ 条款 50:了解new和delete的合理替换时机
(一) 为什么有人想要替换operator new 和 operator delete呢?三个常见的理由: (1)用来检測运用上的错误. (2)为了强化效果. (3)为了收集使用上的统计数据. (二) ...
- Java项目在jsp页面中引入jquery框架的步骤
环境:在Java web项目中引入juqery框架 工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件 ...
- ORCU浅析之安装和作用
众所周知,在安装Oracle BIEE之前需要安装Oracle RCU(Oracle Repository Creation Utility),美其名曰资料档案库.如果单单的从名称上来说,那就是我们实 ...
- JAVA中split对空串的影响。
public class SplitEmptyString { /** * @param args */ public static void main(String[] args) { // 空串的 ...