多段HTML拼接的優化處理

2022-01-16 15:48:39 字數 2337 閱讀 5544

基礎的系統中有個地方需要傳乙個html**,這個html又是動態生成拼接的,但基本的結構知道。

原始的**使用的是下面這樣的字串拼接:

var html = '';

var sugcnt = jsonresult.sugcnt;

var addlist= $("#sugaddressset");

html = '

<

table

>

'; html = html + '

<

tr><

td><

div

class

="component editorlabel"

><

label

class

=pagetitle

>address suggestions

label

>

div>

td>

tr>

'; html = html + '

<

tr><

td> td

>

tr>

'; html = html + '

<

tr><

td><

div

class

="component editorlabel"

><

label

class

=attentioncolor

>the garage address is incorrect. please select one of the following options:

label

>

div>

td>

tr>

'; html = html + '

<

tr><

td> td

>

tr>

'; html = html + '

<

tr><

td> td

>

tr>';

個人覺得太凌亂**可讀性和可維護性太差,於是改成下面這樣:

var addhtml='address suggestions

the garage address is incorrect. please select one of the following options:  

';

var jqdom=$(addhtml);

var add1=jqdom.find(".add1").first().find("input");

var addsp1=jqdom.find(".add1").first().find("span");

add1.attr("sela","2709 old rosebud rd");

add1.attr("selc","lexington");

add1.attr("sels","ky");

add1.attr("selz","40509-8559");

addsp1.text("2709 old rosebud rd lexington ky 40509-8559");

var add2=jqdom.find(".add2").first().find("input");

var addsp2=jqdom.find(".add2").first().find("span");

add2.attr("sela","2709 old rosebud rd");

add2.attr("selc","lexington");

add2.attr("sels","ky");

add2.attr("selz","40509-8559");

addsp2.text("2709 old rosebud rd lexington ky 40509-8559");

var add3=jqdom.find(".add3").first().find("input");

var addsp3=jqdom.find(".add3").first().find("span");

add3.attr("sela","2709 old rosebud rd");

add3.attr("selc","lexington");

add3.attr("sels","ky");

add3.attr("selz","40509-8559");

addsp3.text("2709 old rosebud rd lexington ky 40509-8559");

個人感覺清晰了很多。

關於sql的優化處理

起因程式執行資料錯誤需要修復資料 sql思路 以invalidtime排序,更新最新資料的幾個字段,限制條件為objectid必須為backup am card 20200603中存在的。其中am card表是乙個大表 正式環境估計有幾千萬資料,我這是測試環境資料量沒這麼大 backup am ca...

vue中的 axios 優化處理

1 在main.js中匯入axios 2 通過axios.defaults.baseurl 自己設定的基礎值 來配置每乙個請求位址中的公共部分 目的 最終只匯入axios 一次 並且可以在任意元件中使用 1 在main.js中匯入axios 2 將axios新增到vue.prototype 中 3 ...

環視拼接系統中的光照均一化處理

由於四路魚眼攝像頭在cmos感測器的噪音,快門速度,時間抖動等之間存在一定的差異,特別是在感光度上,另外每個攝像頭裝置在車身的前後左右四個方向,對於汽車來說每個方向的場景光照亮度都存在不同,有的地方光度非常亮,有的卻十分陰暗,這樣極容易造成駕駛員視覺上觀察的困難,對於車身周邊情況觀察不清晰。經拼接縫...