看起來像是網(wǎng)絡(luò)原因啊,
要是確定配置沒錯(cuò),就耐心等等,或者換一個(gè)好點(diǎn)的網(wǎng)絡(luò)
或者清空一下hexo的緩存文件,重來一遍試試
template不能包含JS邏輯這是最致命的?,F(xiàn)在有component了,模板變成了 component中的復(fù)用了,但這個(gè)復(fù)用不包含JS邏輯,JS邏輯可以通過Behavior來復(fù)用,新課程有詳細(xì)的講解。template依然有用,它更輕量化。
所謂的html5Plus不過是native和js之間的一個(gè)bridge
你現(xiàn)在的要求就像是在native沒有提供相應(yīng)功能的情況下想讓js獲得你要的能力
皮之不存,毛將焉附
假設(shè)list 是 后臺傳過來的數(shù)據(jù)
const list = [
{ id: 1, name: '郭德鋼' },
{ id: 2, name: '周杰輪' },
{ id: 3, name: '人生海海' },
]
<Steps progressDot current={1}>
{
list.map((item) => {
return (
<Step key={item.id} title={item.name} description={item.name} />
)
})
}
</Steps>
很簡單
好巧啊,我剛好在寫 Vue源碼閱讀 - 批量異步更新與nextTick原理 的文章,剛好涉及了這一塊的內(nèi)容~
這個(gè)情況在vue的源碼中尤雨溪也注釋出來了,你可以點(diǎn)進(jìn)去看看,所以在2.5之后的版本更改了這個(gè)情況,我這里就翻譯一下:
在2.4之前的版本中,nextTick基本上基于microtask來實(shí)現(xiàn)的,但是在某些情況下microtask具有太高的優(yōu)先級
,并且可能在連續(xù)順序事件(例如#4521,#6690)之間或者甚至在同一事件的事件冒泡過程中(#6566)之間觸發(fā)。
但是如果全部都改成macrotask,對一些有重繪和動(dòng)畫的場景也會(huì)有性能影響,如 issue #6813。
這里提供的解決辦法是默認(rèn)使用microtask,但在需要時(shí)(例如在v-on附加的事件處理程序中)強(qiáng)制使用macrotask
所以2.4之前不會(huì)顯示是因?yàn)橹笆褂胢icrotask來實(shí)現(xiàn)的dom事件,它在當(dāng)前tick的macro task執(zhí)行完之后 patch 之前執(zhí)行,所以我猜測是因?yàn)?micro task 高優(yōu)先級的原因沒等當(dāng)前tick的變動(dòng) patch 渲染到真實(shí)dom上就已經(jīng)更改了數(shù)據(jù),因此當(dāng)然不會(huì)渲染到真實(shí)DOM上了。
而2.5之后的nextTick使用macrotask,是肯定在下個(gè)tick之后執(zhí)行的回調(diào),所以在這個(gè)回調(diào)執(zhí)行之前input進(jìn)去的內(nèi)容自然會(huì)被渲染到真實(shí)dom上,所以你看到的就是一閃而過了~
vue直接引用就可以了吧,不需要安裝吧
data 里面的每個(gè) item 加一個(gè) id 屬性,每次點(diǎn)擊 + 按鈕新添加一行時(shí),將該行對應(yīng)的 item 的 id 設(shè)置為 Date.now();<div key={String(index*44)}> 改為 <div key={item.id}>;<InputNumber key={String(index*34)}> 改為 <InputNumber>(不要key)。你先把放圖片的位置留白或者放默認(rèn)圖(通俗點(diǎn)就是,寫一個(gè)div定高定寬,圖片放在div里面,一開始不顯示圖片)
然后在data中定義一個(gè)控制圖片顯示的變量flag,初始值為false
ajax得到值之后就把剛剛定義的變量的值改為true
最后在img上用v-show='flag'來控制顯示
如果是大圖影響會(huì)影響到界面的,建議還是直接給整個(gè)界面一個(gè)loading,獲取到值之后再顯示界面。
小圖用上面的方法就好了
23333,你這個(gè)是最經(jīng)典的函數(shù)防抖應(yīng)用場景。
使函數(shù)在一定的時(shí)間內(nèi)不被再調(diào)用后執(zhí)行。
也就是說,當(dāng)你觸發(fā)scroll或者change時(shí),不要直接去修改數(shù)據(jù),而是添加一個(gè)定時(shí)器來執(zhí)行修改數(shù)據(jù)的操作,在下次觸發(fā)函數(shù)時(shí),清除這個(gè)定時(shí)器,然后重新設(shè)置定時(shí)器。
或者說用函數(shù)節(jié)流的方式也可以實(shí)現(xiàn)你的效果。
// 函數(shù)節(jié)流的實(shí)現(xiàn)方案
let throttleIdentify = 0
$dragable.addEventListener('mousemove', () => {
if (throttleIdentify) return
throttleIdentify = setTimeout(() => throttleIdentify = 0, 500)
console.log('trigger')
})
// 函數(shù)防抖方案
let debounceIdentify = 0
window.addEventListener('resize', () => {
debounceIdentify && clearTimeout(debounceIdentify)
debounceIdentify = setTimeout(() => {
console.log('trigger')
}, 300)
})
看選擇咯,目的都是限制函數(shù)執(zhí)行的頻率。
這里有一篇之前的博客可以參考:函數(shù)節(jié)流與函數(shù)防抖
操作2和操作3實(shí)質(zhì)上是一樣的。這個(gè)問題的本質(zhì)在于,刪除dom對象之后,關(guān)聯(lián)的事件也會(huì)刪除。
vue把代理了你的數(shù)據(jù),所以才看到的是那樣子,數(shù)據(jù)還是原來的數(shù)據(jù),沒什么區(qū)別的。就是現(xiàn)在變成了響應(yīng)式數(shù)據(jù)
on-success是文件上傳成功時(shí)的鉤子,你可以在這個(gè)鉤子中獲取到后端的返回?cái)?shù)據(jù)哇
...
:on-success="handleAvatarSuccess"
...
methods: {
handleAvatarSuccess(response, file, fileList) {
//response這個(gè)
}
}和瀏覽器沒有關(guān)系,可以用curl去請求http,查看head信息
https://caniuse.com/usage-table
如果可以的話可以換種思路,用上面的數(shù)據(jù)說服經(jīng)理不用兼容ie8
直接用onchange事件試試
另一個(gè)頁面中用$.cookie('token')取,但是一直是undefined。
基本上,就是一個(gè)過期的cookie。
打開開發(fā)者工具,選擇Application,選中你要讀取的cookie,查看Expires。
不是有active嘛https://youzan.github.io/vant...
他應(yīng)該是根據(jù)van-tab順序的index來判斷對應(yīng)的active的 兩種方法嘛 一個(gè)動(dòng)態(tài)的根據(jù)v-for顯示你要顯示的內(nèi)容 第二種就是多寫幾個(gè)van-tab 反正他的內(nèi)容是根據(jù)slot來的
<van-tabs v-model="active">
<van-tab :title="...">內(nèi)容1</...>
<van-tab :title="...">內(nèi)容2</...>
<van-tab :title="...">內(nèi)容3</...>
</...>為什么不考慮下將base64的字符串分離出來呢,這樣不就可以放到input里面了?
transform 是沒有動(dòng)畫效果的。
補(bǔ)充:
這個(gè)回答被踩了兩次,樓主評論的態(tài)度也讓我很不爽。
首先,提問的主干是
用jquery給div添加transform動(dòng)畫沒有效果
我針對提問答題,說明了 transform 是沒有動(dòng)畫效果的。
其次,我回答的時(shí)候,樓主并沒有補(bǔ)充那段 css ,所以,當(dāng)時(shí)從樓主提供的所有信息中,根本看不到與“動(dòng)畫”有關(guān)的代碼。
我不知道我的回答有什么問題?
我怎么不認(rèn)真看題了?
再次,就算把樓主后來補(bǔ)充的 css 加上去,那幾行 css 加到哪個(gè) class 中也沒有說明清楚。
我不知道這么馬虎的提問,還要怪別人不認(rèn)真看題是什么意思!
北大青鳥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”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。