你這個(gè)場(chǎng)景屬于頁(yè)面中標(biāo)簽太多,瀏覽器渲染頁(yè)面不過(guò)來(lái)了
你要控制頁(yè)面中渲染的input的數(shù)量,超出屏幕的內(nèi)容可以選擇不要渲染了,用占位符代替屏幕外的內(nèi)容
這個(gè)場(chǎng)景跟商品列表一
有可能是 form.create() 執(zhí)行后返回一個(gè) decorector ,修飾在了某個(gè)組件上面
因?yàn)閕view的表格是全量渲染的,而且表格組件比較復(fù)雜,所以在渲染的時(shí)候回卡頓,推薦你看一下vue-bigdata-table組件,github搜下,這是我寫(xiě)的,用了虛擬渲染技術(shù),看到多少數(shù)據(jù)渲染多少,看不到的不渲染,這樣,渲染10萬(wàn)條實(shí)際上也就渲染幾十條
剛好之前項(xiàng)目需要,做過(guò)類(lèi)似的,效果截圖如下。
鼠標(biāo)移入效果:
并且支持預(yù)覽和刪除的功能,我的實(shí)現(xiàn)大致思路是:隱藏input標(biāo)簽,然后通過(guò)label標(biāo)簽的for屬性來(lái)觸發(fā)input標(biāo)簽上的onChange事件,然后將label標(biāo)簽樣式修改成自己想要的樣式即可。
html大致結(jié)構(gòu),因?yàn)轫?xiàng)目用的react,所以label上對(duì)應(yīng)的屬性是htmlFor:
<div>
<input
type="file"
id='file'
accept="image/jpeg, image/gif, image/png, image/bmp"
styleName="input-file"
onChange={e => {
this.onFileChange(e);
}}
/>
<label htmlFor="file" styleName="ant-upload">
</label>
</div>
希望對(duì)你有幫助~~~
類(lèi)似問(wèn)題推薦:https://segmentfault.com/q/10...
ajax沒(méi)設(shè)置編碼格式吧
"#asdfasdf# #asdf# 哈哈哈 @阿斯頓發(fā)斯蒂芬 @ # #".match(/#[^#]+#/g)
是這個(gè)意思嗎?
rules 而不是rule,webpack啟動(dòng)的時(shí)候會(huì)檢查你所有的key是不是合法的
不同的項(xiàng)目? 那為什么不給每個(gè)項(xiàng)目都放一個(gè)eslint配置文件,讓規(guī)則跟著項(xiàng)目走比較合理。
在各自的項(xiàng)目中eslint --init初始化eslint規(guī)則,會(huì)在各自項(xiàng)目下生成規(guī)則文件.eslintrc.js,可在其中編輯當(dāng)前項(xiàng)目的規(guī)則,然后就實(shí)現(xiàn)你期望的效果了。
若提示找不到eslint命令,是因?yàn)檫€沒(méi)安裝,使用npm install eslint -g安裝eslint命令。 以上前提是你安裝了nodejs。
v-for="(item,i) in list"
最大的i 就是循環(huán)次數(shù);
不明白為什么會(huì)有這個(gè)問(wèn)題,和樓上一樣,獲取 data 長(zhǎng)度就可以了
為啥要用jquery?
設(shè)置this.showDetailBoxy = true不就行了
人有悲歡離合, 月有陰晴圓缺,此事古難全
你這是一個(gè)問(wèn)題分兩次問(wèn)的節(jié)奏嗎?
chunk這個(gè)概念你可能還沒(méi)有搞清楚。
在webpack中一個(gè)app由多個(gè)chunk組成(取決于你的entry和動(dòng)態(tài)導(dǎo)入),一個(gè)chunk可以由一個(gè)多個(gè)module組成
你說(shuō)某一個(gè)assets由很多id,那就說(shuō)明由很多chunk而已,并不能說(shuō)明什么額
從這個(gè)圖上猜測(cè)可能是xlsx.js 在2.js 這個(gè) asset中才導(dǎo)致的這么大。
exports.generateUUID = function() {
var d = new Date().getTime();
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = (d + Math.random() * 16) % 16 | 0;
d = Math.floor(d / 16);
return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
});
return uuid;
}; 你把父組件拿到的數(shù)據(jù)當(dāng)做props傳給子組件啊,不需要緩存
200是標(biāo)準(zhǔn)的http響應(yīng)狀態(tài)碼
而下面這個(gè)304是一個(gè)自定義響應(yīng)頭
沒(méi)有貼出代碼不好做評(píng)價(jià);
但是從截圖上來(lái)看,這并不是引入element的問(wèn)題,而是代碼不規(guī)范。 因?yàn)閺牡箶?shù)第二章圖可以看出,表格上面的查詢(xún)按鈕是正常顯示。
你可以嘗試最小模塊法進(jìn)行調(diào)試,就是重新建一個(gè)demo,去掉其他引用和代碼,只保存一個(gè)<el-button>,看是有可以正常顯示
ps:
一個(gè)好的提問(wèn)應(yīng)該包含一個(gè)可以查看demo或者代碼
你的問(wèn)題:
光標(biāo)定位后點(diǎn)按鈕,只能刪除定位位置的前一位,下來(lái)再點(diǎn)按鈕,就直接從內(nèi)容的末尾開(kāi)始刪除了
原因:
光標(biāo)定位后點(diǎn)按鈕,只能刪除定位位置的前一位,
這個(gè)時(shí)候,已經(jīng)失去焦點(diǎn)了啊,既然失去焦點(diǎn)了,你
,下來(lái)再點(diǎn)按鈕,就直接從內(nèi)容的末尾開(kāi)始刪除了
這個(gè)不就適用你前面定的第一個(gè)邏輯么?
1、末尾刪除:input不獲得焦點(diǎn)的情況下,點(diǎn)擊按鈕從內(nèi)容的最后一位開(kāi)始刪除每次刪除一個(gè)字符
方法1:
光標(biāo)定位后點(diǎn)按鈕,只能刪除定位位置的前一位,
點(diǎn)完按鈕后,把光標(biāo)再重新定位到剛剛刪的位置前一位;
方法2:
如果方法1不行,那就仍然處于失去焦點(diǎn)狀態(tài),那么可能會(huì)適用 1、末尾刪除,如果要不適用,給個(gè) flag=true,然后在這種情況下,繼續(xù)監(jiān)聽(tīng) 按鈕,如果仍然按,繼續(xù)刪除字符串,(但是這個(gè)時(shí)候,既然已經(jīng)失去焦點(diǎn)了,用戶(hù)怎么知道刪的是哪個(gè))所以這個(gè)方法不太好;這種時(shí)候,我覺(jué)得直接適用 1、末尾刪除也沒(méi)什么不好,因?yàn)橛脩?hù)看不到焦點(diǎn)了,,,
上面代碼寫(xiě)錯(cuò)了
clientSocket.setblocking = False 錯(cuò)誤
clientSocket.setblocking(False)
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(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ù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。