信息太少,只能幫你推測:你沒有把所有的單選框組件包含在 radio-group組件內(nèi)
可以通過style="width:100px"或者定義class來綁定啊,都可以的,如果是element-ui的dialog還可以通過width屬性設(shè)置
試試這樣
this.setData({
item : item.map(function(val){
val.imgState = true;
return val;
})
})你需要的是搜索 移動端適配方案
這個要講起來能寫幾千字,代碼不算
所以還是老老實實的看看相關(guān)文章吧
如果你只是具體的一小塊問題的話,還能給你詳細(xì)解答一下
首先listView繼承于scrollView,scrollView又是繼承于view,view對于tap的響應(yīng)是有阻攔性的,不像web中的冒泡,所以滑動沖突基本不存在 你試下就知道了。然后再說性能,沒有感覺到有什么性能差異,倒是全塞到listView的header里這個想法,不太好。無論是代碼可讀性還是代碼功能的職責(zé)行上都欠缺考慮
h5加載不出頁面是安卓的問題
就是一個選項卡功能
wxml
<view wx:for="{{banners}}" wx:for-item="banner" wx:for-index="idx" >
<image src="{{banner.img}}" />
<view>
<image wx:for="{{banner.imgs}}" data-idx="{{idx}}" data-index="{{index}}"class="thumbnail {{banner.index==index?'cur':''}}" src="{{item}}" catchtap="showBanner" />
<text> {{banner.index}}</text>
</view>
</view>
wxss
.thumbnail{
width: 100rpx;
height: 100rpx;
margin-right: 10rpx;
border: 2px solid transparent;
}
.cur{
border: 2px solid red;
}
js
Page({
data: {
banners: [
{
index: 0,
img: 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=a80e4a17ae014c080d3620f76b12696d/42166d224f4a20a40709fb7997529822720ed07d.jpg',
imgs: ['https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=a80e4a17ae014c080d3620f76b12696d/42166d224f4a20a40709fb7997529822720ed07d.jpg', 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=00c4cfe352fbb2fb202650402e234bc1/d62a6059252dd42a711ec615043b5bb5c9eab87d.jpg', 'https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=66342e1187d4b31ce4319ce9e6bf4c1a/54fbb2fb43166d22639320c64a2309f79152d2ff.jpg', 'https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=9e8ac1c952df8db1a8237436684ab631/3ac79f3df8dcd100784b38707e8b4710b8122f88.jpg'],
},
{
index: 0,
img: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=005e5fcd9aef76c6c4dff379fc7f969f/9358d109b3de9c8234db74636681800a18d843a4.jpg',
imgs: ['https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=005e5fcd9aef76c6c4dff379fc7f969f/9358d109b3de9c8234db74636681800a18d843a4.jpg', 'https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=53d730f8daa20cf4529df68d17602053/8d5494eef01f3a2927a062b19325bc315c607c60.jpg', 'https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=d45d73693f7adab429dd1311eabdd879/562c11dfa9ec8a134f6397a1fe03918fa0ecc072.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=5354a1279925bc313f5009ca3fb6e6d4/7e3e6709c93d70cf4566dee4f8dcd100bba12bbe.jpg'],
},
{
index: 0,
img: 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=47772d4895510fb36c147fc5b85aa3f0/8326cffc1e178a8218bb1c51fd03738da877e8b8.jpg',
imgs: ['https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=47772d4895510fb36c147fc5b85aa3f0/8326cffc1e178a8218bb1c51fd03738da877e8b8.jpg', 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=4ab22f86f91fbe090853cb460a096756/e850352ac65c1038623ade32b9119313b17e89fd.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=82905fe6e0f81a4c323fe49bb6430b3c/5882b2b7d0a20cf4bf0e134d7d094b36adaf9982.jpg', 'https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=83659ab63212b31bd361c57be7715d1f/622762d0f703918f50043b3b5a3d269758eec46e.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=c2765b7686b1cb132a643441bc3d3d2b/b8014a90f603738d5fa93cbbb81bb051f919ec4c.jpg'],
},
],
},
showBanner:function(e){
let i = e.target.dataset.idx,
j = e.target.dataset.index,
banners = this.data.banners;
banners[i].index=j;
banners[i].img = banners[i].imgs[j]
this.setData({
banners: banners
})
}
})
ajax請求 替換
gif已經(jīng)加載了,直接取的緩存,你可以每次進(jìn)來的時候在鏈接上拼個隨機(jī)數(shù)或者時間戳
<img src='1.gif' + new Date().getTime()/>opacity是改變元素的透明度,并不能改顏色。
如果響應(yīng)的content-type為text,superagent會放在response.text里。
老瀏覽器不支持new Blob的寫法,要使用BlobBuilder
var bb = new BlobBuilder();
bb.append(ab);
return bb.getBlob('image/jpeg');應(yīng)該還是蠻簡單的吧.
.parent {
font-size: 0;
text-align: center;
}
.parent a {
display: inline-block;
width: 50%;
} body {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
main {
flex: 1;
}
header { text-align: center; height: 3em; }
main, footer {
display: block;
padding: .5em calc(50% - 400px);
}
footer {
background: linear-gradient(#222, #444);
color: white;
}http://17koa.com/koa-generato...
.get('/editSelect/:id', user.editSelectData)
async editSelectData (ctx) {
ctx.params.id;
}
比如:http://127.0.0.1:3000/editSelect/id(123)"proxy":"http://localhost:8000", 這個是弄反向代理的methods
這里面的坑是非??膳碌摹?/p>
主要是用到 MediaDevice.getUserMedia 這個東西。
界面先不說,要注意的是這東西的兼容性非常糟糕,比如:
創(chuàng)建的時候需要傳遞配置參數(shù),多數(shù)情況下你可以按文檔中的說法去指定分辨率:
{
video: {
width: xxx,
height: xxx
}
}
然而,這個寫法會導(dǎo)致在 IOS 平臺獲取不到任何流數(shù)據(jù),正確姿勢是這樣的:
{
video: true
}
但是很顯然,這樣就沒辦法指定你的視頻流的分辨率大小,系統(tǒng)想給你怎樣的就是怎樣的。
然后就是更加坑的第二點:
在文檔的兼容性列表中,提到了 Safari Mobile 的最低支持版本為 11,但是我在測試時(四臺 IOS 設(shè)備,三臺 iPhone,一臺 iPad,均為 IOS 11)只能在 iPad 上獲得流數(shù)據(jù),iPhone 上是不行的。
這里面引發(fā)了第三點:
這個 API 有個歷史兼容的舊版本: navigator.getUserMedia,兩個版本的 API 差別大到一個是用 Promise (新版本) 處理而另一個是用 callback (舊版本),因此你必須在使用前進(jìn)行 if(navigator.MediaDevices) 來判斷是否有新 API 能調(diào)用,而問題在于,即便同為 IOS 11,iPhone 上只有舊版本,iPad 上卻是新的。
所以,雖然有接口可以讓你獲得攝像頭的流數(shù)據(jù),但是感覺兼容性是個硬傷,請多考慮。
另外請多留意文檔中提及的兼容性處理庫 webrtc-adapter,而這里是個測試接口可用性的頁面。
由于我并不是前端開發(fā),因此這個兼容性問題已經(jīng)折磨得我無法再鉆研下去,也許我測試方法或結(jié)果有誤,有了解這方面情況的朋友還請麻煩指出錯誤,謝謝!
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。