UserDetailComponent 組件應(yīng)該和UserListComponent是同一級(jí),而不是他的子組件,共用同一個(gè)router-outlet。
路由應(yīng)該這么配置:
{
path: 'user',
component: UserListComponent
},
{ path: ':id',
component: UserDetailComponent
}我自己來填坑吧,vue中,忘了還有 prevent 這個(gè)修飾符,用上就行了,不過比較奇怪的是,如果不用這個(gè)修飾符,在后面的事件處理中就沒法再阻止了,估計(jì)是 Vue 是將傳入函數(shù)作為二次調(diào)用的,并不是直接綁定的
你在某個(gè)地方的操作,將state重置了。
你的思路很清奇啊小伙子。。你在mounted里調(diào)用肯定沒用啊,光循環(huán)這個(gè)函數(shù),跟 UI 上綁定的數(shù)據(jù)一點(diǎn)關(guān)系都沒有好吧大兄弟,幫你捋一下,你是想過一秒就刷一下 comment 里的時(shí)間轉(zhuǎn)成字符串,里邊東西變了,ui 自然會(huì)變的,這樣寫:
{
data() {
return {
_comments: []
}
},
methods:{
...mapState({
comments:state=>state.comments
}),
_updateTimeString() {
this._comments = [];
this.comments.forEach(item => {
let duration = (+new Date() - item.dataTime) / 1000;
let timeStr = duration > 60?`${Math.round(duration/60)}分鐘前 `:`${Math.round(duration)}秒前`;
this._comments.push({
...item,
timeStr
});
})
}
},
mounted(){
this.timer = setInterval(this._updateTimeString,1000)
}
}
然后界面渲染用 _comments,時(shí)間幫你用另外一個(gè) key 存儲(chǔ)了,timeStr
1px未必代表屏幕的一個(gè)像素
就比如win10里有個(gè)縮放選項(xiàng),你設(shè)成150%的縮放,1px就表1.5個(gè)像素
聽起來就是一個(gè)很簡(jiǎn)單的事件代理:
$('.jqgrid').on('click', '.some-cell', event => {
// do what you need to
});
關(guān)于事件代理,實(shí)際上是 jQuery 1.3 之后就引入的功能,借助事件冒泡機(jī)制,可以把事件處理函數(shù)綁定在最高一級(jí)的 DOM 節(jié)點(diǎn)上,這樣所有該節(jié)點(diǎn)內(nèi)觸發(fā)的事件都可以由它處理,節(jié)省綁定的時(shí)間和代碼難度。
你可以看這篇官宣:Understanding Event Delegation,或者仔細(xì)讀一下 jQuery 的文檔。
你的問題就是如何設(shè)計(jì)一個(gè)合理的用戶登錄方式唄,這個(gè)問題一般用session和cookie解決(后者具體是什么自行搜索):每個(gè)用戶使用同一個(gè)瀏覽器訪問你的網(wǎng)站的時(shí)候都會(huì)攜帶其在你的網(wǎng)站上的cookie,這個(gè)cookie中含有你給這個(gè)用戶分配的session id(若沒有,則說明這個(gè)用戶是第一次訪問你的網(wǎng)站,這時(shí)應(yīng)該給他分配一個(gè)新的session id)。當(dāng)這個(gè)用戶登錄后,服務(wù)器就在對(duì)應(yīng)的session中記錄該用戶的登錄狀態(tài),例如如下元組:(用戶ID,登錄時(shí)間,登錄狀態(tài)失效時(shí)間)——這個(gè)登錄狀態(tài)信息是記錄在服務(wù)器上的數(shù)據(jù)庫(kù)中的。之后用戶再次訪問你的網(wǎng)站的時(shí)候,由于其訪問時(shí)攜帶的cookie中包含有session id,因此服務(wù)器通過這個(gè)id重新到數(shù)據(jù)庫(kù)中讀取并恢復(fù)該用戶的登錄狀態(tài)。
如果還不明白,請(qǐng)先搞明白cookie是什么,然后追問,我再給你另外舉例。
寫法錯(cuò)誤,需要寫成父子組件動(dòng)態(tài)傳值的形式::prop="expression"
目前的寫法:prop="string",其實(shí)傳入的不是變量,而是字符串。
這個(gè)問題之前遇到過,我記得刷新下就好了,至于什么原因我也沒弄清楚,但是真機(jī)上沒什么問題。
純HTML5實(shí)現(xiàn)?
stackoverflow問答:Playing HTML5 video on fullscreen in android webview
react獲取dom的方式可以采用ref屬性
使用flex,保證不存在不能對(duì)齊的問題
第二,為保證在各種手機(jī)上顯示效果基本一致,最好全部使用rem,不要夾雜px的單位大小。
你在chrome瀏覽器上打開F12看一下圖片圖顯示情況,再做進(jìn)一步判斷
通過組件屬性判斷
<comp kind='radio'></comp>
<comp kind='checkbox'></comp>
//comp.vue
props: {
kind: {
type: String,
default: ''
}
}
//通過kind來判斷這里的load相當(dāng)于原生js的onload,是狀態(tài)監(jiān)聽,你把他放到function里面,點(diǎn)擊的時(shí)候,iframe可能已經(jīng)加載完了,所以會(huì)一直監(jiān)聽不到
謝邀。foreign content 是指 MathML 或者 SVG 。
如何糾正錯(cuò)誤可以參考 insertion mode 。里面列出了各種情況的入口,糾正步驟一般在各個(gè)情況的最后一步 Anything else 。
ctx.rotate()
你這問題有點(diǎn)多啊。
第一個(gè),你用響應(yīng)式表單,表單控件在HTML模板標(biāo)記為formControlName='xxxx'時(shí)候,這個(gè)控件對(duì)應(yīng)表單模型就是FormControl了,所以你傳遞到驗(yàn)證器的控件就是FormControl類型的
第二個(gè),咳咳,這個(gè)正則表達(dá)式的東西,不是angular的,基礎(chǔ)顯然不過關(guān)
第三個(gè),你這個(gè)formModel應(yīng)該是FormGroup類型的,F(xiàn)ormGroup的get()獲取的就是FormGroup包含的表單控件,比如你上面的username。
在main.js引入 scss文件
1.添加依賴
npm install sass-resources-loader --save-dev
2.修改build/utils.js
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/your.scss')
}
}
)我的觸發(fā)了呀。console和彈框都有傳送門-去JSRUN看看效果
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(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)開發(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ū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。