F5刷新之后vuex 的state存儲的數(shù)據(jù)會初始化, 你如果想保存, 可以監(jiān)聽window的reload事件, 把state的數(shù)據(jù)拷貝一份到sessionstroage里面 我沒試過,這只是我的思路. 不對不要見怪
可以用react-router-config,下載模塊化引入import { renderRoutes } from 'react-router-config'
const routes = [
{ component: App,
routes: [
{ path: '/payAuthorization',
exact: true,
component: PayAuthorization,
onEnter: () => {bridge.doAction('setTitle', { title: '授權簽約' });}
routes: [
{ path: '/successMsg',
component: SuccessMsg
}
]
}
]
}
]
// ...
<Router basename={basename}>
<div>{renderRoutes(routes)}</div>
</Router>,
要注意組件里面添加 <div>{renderRoutes(routes)}</div>
filter
好像就這樣的吧,你看官網(wǎng)的demo也這樣
但是實際項目到底什么東西使用頻率高這也是因業(yè)務而已的,所以還是先自己多練習,如果是自己個人發(fā)展,那就做個個人博客之類的東西,這里面有很多東西了;如果是已經(jīng)入職,那么還是以公司業(yè)務要求為主,平時多積累業(yè)務代碼,找找設計模式等等在業(yè)務代碼中的體現(xiàn)還有嘗試做自動化(比如你作業(yè)列表里 WEBQQ 那個的列表全是硬編碼, 可以嘗試用 js 去自動生成那些列表)。
學到什么程度 這種詞給我的感覺就是:我不打算費太多時間去學習這個東西
其實很簡單:覺得不會就去學、覺得用得上就去學、老板要求就去學。
最后你會發(fā)現(xiàn)條條大路通羅馬。
前提是你的有效代碼量足夠多,多親手做做書上的例子,也可以看看 MDN 的規(guī)范,當你代碼量到一定程度了,你就知道自己什么方面不足需要去學習了。
沒有為0的狀態(tài)碼吧,把請求貼上來看看
看了下截圖,貌似是非全屏狀態(tài)下的,試試加個屬性:
video {
object-fit: fill;
}cookie中可以保存用戶名和token,因為每次請求瀏覽器都會將cookie中數(shù)據(jù)帶給服務端,所以一般情況下cookie中只保存前后端交互的數(shù)據(jù),建議放在sessionStorage或localStorage中保存。可以看下我的這篇文章 https://segmentfault.com/a/11...
f12看下他audio標簽里的路徑是什么,如果路徑正確的話,那可能是瀏覽器兼容性問題
this指向的問題,別想復雜了。
this.show,this指向p1,p1沒name屬性。
showName()直接調(diào)用,指向window。
template 下面要有一個標簽包裹
<template>
<div>
<div>
第一屏
</div>
<div>
第二屏
</div>
</div>
</template>
建議vue實現(xiàn)全屏滾動用vue-awesome-swiper,會更好,不依賴jquery
你UserAdd 沒有export啊
不傳type的時候請求是不是這樣的 localhost:3000/admin/metas/list?type=
假如后端返回res對象,res.body希望是個數(shù)組,但是實際返回一個null
那么在不考慮深復制淺復制問題的前提下
let newArray = res.body || []
console.log(newArray.length)
這樣至少可以保證不會得到null
相同點:都會產(chǎn)生額外長度區(qū)域。
不同點:模糊距離產(chǎn)生的額外長度區(qū)域帶有模糊效果。
1.有利于工作分模塊化,形成流水線,畢竟術業(yè)有專攻
2.前后分離是主流,相比以往服務器生成頁面,前端請求后端的模式相比,前端自主請求的方式更加高效。
當然還有很多優(yōu)點,既然大家都這樣干肯定是有它的道理在嗯。
不上代碼 靠我們猜嗎?
我嘗試對這五個問題發(fā)表一下自己的想法,如有不對還請指正,
問題一: 項目不在根目錄下時,vue-router中該如何書寫路徑
這個是打包路徑的問題,打包路徑和路由無關,在config/index.js 中的assetsPublicPath進行配置
問題二: vue-router使用history模式,該如何配置服務器
history模式的路由我曾經(jīng)用過,但是不論是history還是hash,我都沒有依賴后臺的處理,history返回不刷新,后來我用了vue-navigation配合hash使用的,目前還算正常
問題三:在開發(fā)環(huán)境下,如果簡單使用a標簽和相對路徑也能正確的訪問頁面,但是一旦進入生產(chǎn)環(huán)境這種鏈接就失效了,會報404錯誤。
我司做的是基于微信端的商城項目,整個項目都沒有使用a標簽,通過命名路由,訪問內(nèi)部相對地址,外部地址用window.location.href訪問
問題四: 輪播圖片從其他頁面切回來后無法找到
這個問題沒有遇到過,關于輪播我用的是vue-awesome-swiper,你的問題會不會和history路由有關呢?返回頁面后重新加載數(shù)據(jù),是否可行?
問題五:子頁面的圖片無法加載
//page/Detail.vuejs代碼做如下修改
export default {
data () {
return {
products: [{
name: '流量分析',
path: 'analysis',
active: false
},
{
name: '數(shù)據(jù)統(tǒng)計',
path: 'count',
active: false
},
{
name: '數(shù)據(jù)預測',
path: 'forecast',
active: false
},
{
name: '廣告發(fā)布',
path: 'publish',
active: false
}
],
imgMap: {
//使用路由名稱
'Count': require('../assets/images/1.png'),
'Forecast': require('../assets/images/2.png'),
'Analysis': require('../assets/images/3.png'),
'Publish': require('../assets/images/4.png')
}
}
},
computed: {
productIcon () {
//使用命名路由
return this.imgMap[this.$route.name]
}
}
}
都是同行多多交流。。
//使用v-for時最好加上key值北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產(chǎn)業(yè)為響應國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產(chǎn)業(yè)鏈。利用北京大學優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。