從數據庫、頁面加載速度角度思考 id設計 sku asin
阿新 • • 發佈:2017-05-10
移動 移動聯通 從數據 not blog ann url nor 電信4g
w
超值套裝
【小米紅米4A】【超值套裝】小米 紅米 4A 全網通 2GB內存 16GB ROM 香檳金色 移動聯通電信4G手機 雙卡雙待【行情 報價 價格 評測】-京東 https://item.jd.com/4891234.html#crumb-wrap
【小米紅米4A】【超值套裝】小米 紅米 4A 全網通 2GB內存 16GB ROM 玫瑰金色 移動聯通電信4G手機 雙卡雙待【行情 報價 價格 評測】-京東 https://item.jd.com/4096723.html#crumb-wrap
裸機
【小米紅米4A】小米 紅米 4A 全網通 2GB內存 16GB ROM 香檳金色 移動聯通電信4G手機 雙卡雙待【行情 報價 價格 評測】-京東 https://item.jd.com/3553539.html#none
【小米紅米4A】小米 紅米 4A 全網通 2GB內存 16GB ROM 玫瑰金色 移動聯通電信4G手機 雙卡雙待【行情 報價 價格 評測】-京東 https://item.jd.com/3553567.html#none
<div id="choose-attrs"> <div id="choose-attr-1" class="li p-choose" data-type="顏色" data-idx="0"> <div class="dt">選擇顏色</div> <div class="dd"><div class="item selected" data-sku="4891208" data-value="香檳金色" title="香檳金色"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-香檳金色"> <img data-img="1" src="//img13.360buyimg.com/n9/s40x40_jfs/t4177/323/133450331/58871/8754fee4/58afc7b7Nd5208ecc.jpg"width="40" height="40" alt="香檳金色"><i>香檳金色</i> </a> </div> <div class="item" data-sku="3553567" data-value="玫瑰金色" title="玫瑰金色"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-玫瑰金色"> <img data-img="1" src="//img12.360buyimg.com/n9/s40x40_jfs/t4054/149/1941665922/312732/fc88cafe/589d7db2Nf287d6e1.jpg" width="40" height="40" alt="玫瑰金色"><i>玫瑰金色</i> </a> </div> <div class="item" data-sku="4100779" data-value="深空灰" title="深空灰"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-深空灰"> <img data-img="1" src="//img14.360buyimg.com/n9/s40x40_jfs/t4774/236/941916437/35263/e13c1cbe/58eb321eN76d64973.jpg" width="40" height="40" alt="深空灰"><i>深空灰</i> </a> </div> </div> </div> <div id="choose-attr-2" class="li p-choose" data-type="版本" data-idx="1"> <div class="dt">選擇版本</div> <div class="dd"> <div class="item selected" data-sku="4100779" data-value="全網通" title="全網通"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-全網通"> 全網通 </a> </div> <div class="item" data-sku="4891208" data-value="移動全網通" title="移動全網通"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-移動全網通"> 移動全網通 </a> </div> </div> </div> <div id="choose-attr-3" class="li p-choose" data-type="購買方式" data-idx="2"> <div class="dt">購買方式</div> <div class="dd"> <div class="item" data-sku="3553567" data-value="裸機" title="裸機"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-裸機"> 裸機 </a> </div> <div class="item selected" data-sku="4891208" data-value="超值套裝" title="超值套裝"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-超值套裝"> 超值套裝 </a> </div> <div class="item" data-sku="4100779" data-value="套裝" title="套裝"> <b></b> <a href="#none" clstag="shangpin|keycount|product|yanse-套裝"> 套裝 </a> </div> </div> </div> <div id="choose-results" class="li" style="display:none"> <div class="dt">已選擇</div> <div class="dd"></div> </div> </div>
<ul class="a-unordered-list a-nostyle a-button-list a-declarative a-button-toggle-group a-horizontal a-spacing-top-micro swatches swatchesSquare imageSwatches" role="radiogroup" data-action="a-button-group" data-a-button-group="{"name":"twister_color_name"}"> <!-- Please note that in className never append a class with prefix as ‘swatch‘. It would break something in the twister JS --> <li id="color_name_0" title="選擇 極光藍" data-defaultasin="B06XFKG2K5" data-dp-url="" class="swatchAvailable"><span class="a-list-item"> <div class="tooltip"> <span class="a-declarative" data-action="swatchthumb-action" data-swatchthumb-action="{"dimIndex":1,"dimValueIndex":0}"> <span class="a-button a-button-thumbnail a-button-toggle" id="a-autoid-15" aria-checked="false"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-15-announce"> <span class="xoverlay"></span> <div class=""> <div class=""> <img src="https://images-cn.ssl-images-amazon.com/images/I/51fpWsWFMIL._SS36_.jpg" alt="極光藍" style="height:36px; width:36px" class="imgSwatch"> </div> <div class="" style=" "> </div> </div> </button></span></span> </span> </div> </span></li> <!-- Please note that in className never append a class with prefix as ‘swatch‘. It would break something in the twister JS --> <li id="color_name_1" title="選擇 幻夜黑" data-defaultasin="B06XX6LPDP" data-dp-url="/dp/B06XX6LPDP/ref=twister_B06ZZGGNS4?_encoding=UTF8&psc=1" class="swatchAvailable"><span class="a-list-item"> <div class="tooltip"> <span class="a-declarative" data-action="swatchthumb-action" data-swatchthumb-action="{"dimIndex":1,"dimValueIndex":1}"> <span class="a-button a-button-null a-button-thumbnail a-button-toggle" id="a-autoid-16" aria-checked="false"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-16-announce"> <span class="xoverlay"></span> <div class=""> <div class=""> <img src="https://images-cn.ssl-images-amazon.com/images/I/51dI3L%2B%2BR7L._SS36_.jpg" alt="幻夜黑" style="height:36px; width:36px" class="imgSwatch"> </div> <div class="" style=" "> </div> </div> </button></span></span> </span> </div> </span></li> <!-- Please note that in className never append a class with prefix as ‘swatch‘. It would break something in the twister JS --> <li id="color_name_2" title="選擇 鉑光金" data-defaultasin="B06XFXMQ9N" data-dp-url="/dp/B06XFXMQ9N/ref=twister_B06ZZGGNS4?_encoding=UTF8&psc=1" class="swatchSelect"><span class="a-list-item"> <div class="tooltip"> <span class="a-declarative" data-action="swatchthumb-action" data-swatchthumb-action="{"dimIndex":1,"dimValueIndex":2}"> <span class="a-button a-button-null a-button-thumbnail a-button-toggle a-button-selected" id="a-autoid-17" aria-checked="true"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-17-announce"> <span class="xoverlay"></span> <div class=""> <div class=""> <img src="https://images-cn.ssl-images-amazon.com/images/I/41vVhSErDAL._SS36_.jpg" alt="鉑光金" style="height:36px; width:36px" class="imgSwatch"> </div> <div class="" style=" "> </div> </div> </button></span></span> </span> </div> </span></li> <!-- Please note that in className never append a class with prefix as ‘swatch‘. It would break something in the twister JS --> <li id="color_name_3" title="選擇 魅焰紅" data-defaultasin="B06XXCHXPZ" data-dp-url="/dp/B06XXCHXPZ/ref=twister_B06ZZGGNS4?_encoding=UTF8&psc=1" class="swatchAvailable"><span class="a-list-item"> <div class="tooltip"> <span class="a-declarative" data-action="swatchthumb-action" data-swatchthumb-action="{"dimIndex":1,"dimValueIndex":3}"> <span class="a-button a-button-null a-button-thumbnail a-button-toggle" id="a-autoid-18" aria-checked="false"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-18-announce"> <span class="xoverlay"></span> <div class=""> <div class=""> <img src="https://images-cn.ssl-images-amazon.com/images/I/51u%2BKKlfykL._SS36_.jpg" alt="魅焰紅" style="height:36px; width:36px" class="imgSwatch"> </div> <div class="" style=" "> </div> </div> </button></span></span> </span> </div> </span></li> </ul>
從數據庫、頁面加載速度角度思考 id設計 sku asin