项目中遇到的bug

1. json长文本断行问题
   \n 会显示为空格，可以使用sss.replace(/\n/g,"<br/>");转换为HTML的断行符

   $("#id").html(data.lists[i].detail.replace(/\n/g,'<br/>'));

   
   |断行可以使用：保证正则表达式转义准确

   $("#id").html(data.lists[i].detail.replace(/\|/g,'<br/>'));

    

2. js字符串拼接问题
   使用js循环拼接字符串和变量，之前这么写

   	var arr = [];
   	for(var i = 0; i < item_pipe.length; i++) {
   		arr.push('<div class="main_piping">' +
   			'<ul class=\"piping' + map['meterPipeName'] + '\"><li>管道名称：</li><li>' + item_pipe[i].meterPipeName + '</li><li></li></ul>' +
   			'<ul class=\"piping' + map['temp_SIP'] + '\"><li>蒸汽温度：</li><li>' + item_pipe[i].temp_SIP + '</li><li>℃</li></ul>' +
   			'<ul class=\"piping' + map['pre_SIP'] + '\"><li>蒸汽压力：</li><li>' + item_pipe[i].pre_SIP + '</li><li>Mpa</li></ul>' +
   			'<ul class=\"piping' + map['instFlow_SIP'] + '\"><li>蒸汽瞬时流量：</li><li>' + item_pipe[i].instFlow_SIP + '</li><li>t/h</li></ul>' +
   			'<ul class=\"piping' + map['accFlow_SIP'] + '\"><li>蒸汽累计流量：</li><li>' + item_pipe[i].accFlow_SIP + '</li><li>t</li></ul>' +
   			'<ul class=\"piping' + map['instFlow_Back'] + '\"><li>回水瞬时流量：</li><li>' + item_pipe[i].instFlow_Back + '</li><li>t/h</li></ul>' +
   			'<ul class=\"piping' + map['accFlow_Back'] + '\"><li>回水累计流量：</li><li>' + item_pipe[i].accFlow_Back + '</li><li>t</li></ul>' +
   			'<ul class=\"piping' + map['valState'] + '\"><li>阀门状态：</li><li>' + item_pipe[i].valState + '</li><li></li></ul>' +
   			'<ul class=\"piping' + map['getDate'] + '\"><li>采集时间：</li><li>' + item_pipe[i].getDate + '</li><li></li></ul>' +
   			'</div>');
   	}
   	document.getElementById("piping").innerHTML = arr ;

   
   但是页面钟会多出一个逗号
   
   经请教，这是因为在循环追加数据到一个数组中，数组中每一项之间会有一个逗号，在“ innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 ”后，逗号被认为是文本，展示出来。之后改成这样，使用+=拼接字符串：

   	var pipings = "";
   	for(var i = 0; i < item_pipe.length; i++) {
   		var piping = '<div class="main_piping">' +
   			'<ul class=\"piping' + map['meterPipeName'] + '\"><li>管道名称：</li><li>' + item_pipe[i].meterPipeName + '</li><li></li></ul>' +
   			'<ul class=\"piping' + map['temp_SIP'] + '\"><li>蒸汽温度：</li><li>' + item_pipe[i].temp_SIP + '</li><li>℃</li></ul>' +
   			'<ul class=\"piping' + map['pre_SIP'] + '\"><li>蒸汽压力：</li><li>' + item_pipe[i].pre_SIP + '</li><li>Mpa</li></ul>' +
   			'<ul class=\"piping' + map['instFlow_SIP'] + '\"><li>蒸汽瞬时流量：</li><li>' + item_pipe[i].instFlow_SIP + '</li><li>t/h</li></ul>' +
   			'<ul class=\"piping' + map['accFlow_SIP'] + '\"><li>蒸汽累计流量：</li><li>' + item_pipe[i].accFlow_SIP + '</li><li>t</li></ul>' +
   			'<ul class=\"piping' + map['instFlow_Back'] + '\"><li>回水瞬时流量：</li><li>' + item_pipe[i].instFlow_Back + '</li><li>t/h</li></ul>' +
   			'<ul class=\"piping' + map['accFlow_Back'] + '\"><li>回水累计流量：</li><li>' + item_pipe[i].accFlow_Back + '</li><li>t</li></ul>' +
   			'<ul class=\"piping' + map['valState'] + '\"><li>阀门状态：</li><li>' + item_pipe[i].valState + '</li><li></li></ul>' +
   			'<ul class=\"piping' + map['getDate'] + '\"><li>采集时间：</li><li>' + item_pipe[i].getDate + '</li><li></li></ul>' +
   			'</div>';
   		pipings += piping;		
   	}
   	document.getElementById("piping").innerHTML = pipings;

   还要注意，不能直接+=，需要循环一次piping后，追加到pipings里，然后innerHTML。
   这次问题的出现，显示了js基础概念的不清晰，以后要多学习总结。

3. input文本框在iOS端出现出现向内部凹陷的阴影问题
   
   input添加样式{border:1px solid #ccc;}后在安卓端没有阴影，但是iOS端仍然有，原因是因为没有给input添加相应的type属性
   添加<input type="text">之后，阴影就会消失。
   再次需要注意的问题是type属性对于一些元素还是很必要声明的。

转载于:https://my.oschina.net/u/3052153/blog/1816203