国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

js 調(diào)試接口

qujian / 1733人閱讀

摘要:在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法一建立對(duì)象數(shù)組一般是后端的工作代碼如下連衣裙雪紡碎花氣質(zhì)修身顯瘦喇叭袖款夏季新款韓版連衣裙赫本小黑裙棉麻連衣裙領(lǐng)短袖文藝森系寬松新款吊帶連

在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法

一、建立對(duì)象數(shù)組(一般是后端的工作)

代碼如下:

[
  {"name":"1.jpg","fuhao":"¥","jiage":"78.00","dianzan":"277","miaoshu":"連衣裙 雪紡 碎花 氣質(zhì) 修身顯瘦 喇叭袖"},
  {"name":"4.jpg","fuhao":"¥","jiage":"48.00","dianzan":"247","miaoshu":"款 夏季 新款 韓版 連衣裙 赫本小黑裙"},
  {"name":"3.jpg","fuhao":"¥","jiage":"68.00","dianzan":"337","miaoshu":"棉麻連衣裙 v領(lǐng) 短袖 文藝 森系 寬松 新款"},
  {"name":"4.jpg","fuhao":"¥","jiage":"78.00","dianzan":"537","miaoshu":"吊帶連衣裙 收腰 無(wú)袖 中長(zhǎng)款 大碼 甜美"},
  {"name":"9.jpg","fuhao":"¥","jiage":"78.00","dianzan":"537","miaoshu":"吊帶連衣裙 收腰 無(wú)袖 中長(zhǎng)款 大碼 甜美"}

]

以上便是后臺(tái)給我們提供的接口(一般都是對(duì)象數(shù)組)需要我們進(jìn)行對(duì)接*注意不要把逗號(hào)丟掉,名字要用雙引號(hào)引起來(lái)(一般我們會(huì)將對(duì)象數(shù)組寫(xiě)在.json文件中)
二、排好網(wǎng)頁(yè)的一部分
效果圖如下:

代碼如下:
html

    

css:

.img{
      width: 224px;
      height:400px;
}
.img img{
  height:100%;
  width:100%;

}
.bbb{
  float:left;
    margin-left:13px;
}
.middle{
    width: 224px;

    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    /* border: 1px solid #ccc; */
}
.price-u ,.price-n{
  font-style: italic;
  font-size: 16px;
  color: #f36;
}
.fr {
    float: right;
    /* border: 1px solid #ccc; */

}
.fav-i{
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url(5.png);
  background-size: 100%;
}
.fav-n{
  color: #999;
  line-height: 14px;
  margin-left: 3px;
}
p{
  font-size: 12px;
font-family: Arial,"Microsoft YaHei";
}
a{
  text-decoration: none;
  color:#666;
}
三、js部分(這段代碼是不變的記住就好了)

js:

//這個(gè)過(guò)程就是將后臺(tái)的數(shù)據(jù)利用js渲然到網(wǎng)頁(yè)中

寫(xiě)完這段js后html就不需要那么復(fù)雜了下面是新的html代碼:

    
(將中間的很長(zhǎng)的一段省掉了)

渲染后的圖片:

優(yōu)點(diǎn):
可以隨時(shí)根據(jù)需求所改變網(wǎng)頁(yè)的內(nèi)容。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/97182.html

相關(guān)文章

  • 前端如何高效的與后端協(xié)作開(kāi)發(fā)

    摘要:移動(dòng)端應(yīng)用一般都運(yùn)行在微信瀏覽器中中手機(jī)瀏覽器中。因?yàn)槲⑿艦g覽器是定制的瀏覽器,一般的遠(yuǎn)程調(diào)試方式都不可用,需要配合特定的工具,如微信開(kāi)發(fā)者工具。 前端如何高效的與后端協(xié)作開(kāi)發(fā) 1. 前后端分離 前端與后端的分離,能使前端的開(kāi)發(fā)脫離后端的開(kāi)發(fā)模式,擁有更大的自由度,以此便可做前端工程化、組件化、單頁(yè)面應(yīng)用等。 可以參考:前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...

    rozbo 評(píng)論0 收藏0
  • 前端如何高效的與后端協(xié)作開(kāi)發(fā)

    摘要:移動(dòng)端應(yīng)用一般都運(yùn)行在微信瀏覽器中中手機(jī)瀏覽器中。因?yàn)槲⑿艦g覽器是定制的瀏覽器,一般的遠(yuǎn)程調(diào)試方式都不可用,需要配合特定的工具,如微信開(kāi)發(fā)者工具。 前端如何高效的與后端協(xié)作開(kāi)發(fā) 1. 前后端分離 前端與后端的分離,能使前端的開(kāi)發(fā)脫離后端的開(kāi)發(fā)模式,擁有更大的自由度,以此便可做前端工程化、組件化、單頁(yè)面應(yīng)用等。 可以參考:前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...

    learning 評(píng)論0 收藏0
  • 一口氣完成electron的入門(mén)學(xué)習(xí)

    摘要:目前類(lèi)似的工具有,等。在渲染進(jìn)程中,直接調(diào)用原生的接口是十分危險(xiǎn)的。這里介紹一種,通過(guò)和對(duì)象,以消息的方式進(jìn)行通信。主進(jìn)程獲得消息后,通過(guò)返回信息。另外,還提供了一種同步的消息傳遞方式。打包完成功能代碼后,我們需要將代碼打成可運(yùn)行的包。 介紹 目前,使用前端技術(shù)開(kāi)發(fā)桌面應(yīng)用已經(jīng)越來(lái)越成熟,這使得前端同學(xué)也可以參與桌面應(yīng)用的開(kāi)發(fā)。目前類(lèi)似的工具有electron,NW.js等。這里我們著...

    Ethan815 評(píng)論0 收藏0
  • js 調(diào)試接口

    摘要:在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法一建立對(duì)象數(shù)組一般是后端的工作代碼如下連衣裙雪紡碎花氣質(zhì)修身顯瘦喇叭袖款夏季新款韓版連衣裙赫本小黑裙棉麻連衣裙領(lǐng)短袖文藝森系寬松新款吊帶連 在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法 一、建立對(duì)象數(shù)組(一般是后端的工作) 代碼...

    Yi_Zhi_Yu 評(píng)論0 收藏0
  • js 調(diào)試接口

    摘要:在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法一建立對(duì)象數(shù)組一般是后端的工作代碼如下連衣裙雪紡碎花氣質(zhì)修身顯瘦喇叭袖款夏季新款韓版連衣裙赫本小黑裙棉麻連衣裙領(lǐng)短袖文藝森系寬松新款吊帶連 在我們做完前端的工作后,很多情況下需要把我們的數(shù)據(jù)與后端得接口進(jìn)行對(duì)接,說(shuō)以我們就得掌握調(diào)試接口的方法 一、建立對(duì)象數(shù)組(一般是后端的工作) 代碼...

    BenCHou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

qujian

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<