今天剛好遇到了這個問題。
沒找到什么好的辦法,暫時直接用原生js解決了
router.beforeEach((to, from, next) => {
if (to.meta.requireAuth) {
if (localStorage.getItem('token')) {
next()
} else {
window.location.href = 'index.html#/login'
}
} else {
next()
}
})竟然是 config 的數(shù)據(jù)類型的問題,必須是 數(shù)組,而我定義的是對象,但是這個也沒有報錯,既然強制要求類型,但是又不拋出錯誤...
發(fā)現(xiàn)原因了,是因為引用了以前項目的日志處理文件,它使用了winston模塊,然后安裝版本不對/(ㄒoㄒ)/~~
似乎是改不了的
一般情況下,前端可以內(nèi)部有一個靜態(tài)資源,這里你可以使用枚舉,類似一段json中包含了銀行的商標(biāo)和銀行名稱,當(dāng)輸入行號后,后臺告訴我這是哪家銀行了,然后我自己去找這家銀行的信息,展示,一種就是后臺將這些信息統(tǒng)統(tǒng)的返回給前臺,前臺進行展示,還有一種是全部前端來做,,其一,可以借助網(wǎng)絡(luò)上銀行api,類似http://www.apistore.cn/data/7,你可以看一下,另一種就是,你要了解所有銀行的的卡號規(guī)則,自己前臺去匹配卡號(這個就是呵呵了)
1.正則匹配出來
2.讓后臺改一下,把XXX和 2 單獨傳過來
keydown事件有一個叫ctrlKey的屬性用來判斷ctrl鍵是否被按下。
/etc/profile 這個文件出現(xiàn)了語法錯誤, 把內(nèi)容貼出來.
encapsulate
因為i現(xiàn)在是字體圖形,而不是一張圖,你可以把現(xiàn)在i 看成一個文字 ,你給文字加旋轉(zhuǎn)樣式肯定是沒有效果的,可以給i外邊套一層span;然后旋轉(zhuǎn)span試試;或者直接把旋轉(zhuǎn)屬性加在a 標(biāo)簽上;也可以;親測管用
{
prop: "",
label: "操作",
render: (h, param) => {
const dropDownData = {
label: "操作",
items: [
{ label: "修改", func: { func: "update", uuid: param.row.uuid } },
{ label: "刪除", func: { func: "del", uuid: param.row.uuid } }
]
};
// 觸發(fā)MyDropDown的update和del事件
return h(MyDropDown, {
props: { dropDownData: dropDownData },
on: { update: this.update, del: this.del }
});
}
}
其中,MyDropDown是我自己封裝的下拉菜單組件,通過props傳給組件值,on來監(jiān)聽觸發(fā)的事件
<template>
<el-dropdown trigger="click" @command="handleCommand">
<el-button type="primary">
<span v-text="dropDownData.label"></span><i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown" >
<el-dropdown-item :command="item.func" v-text="item.label" v-for="(item,index) in dropDownData.items" :key="index"></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
<script>
export default {
props: ["dropDownData"],
methods: {
handleCommand(command) {
this.$emit(command.func, command.uuid);
}
}
};
</script>
這是一個簡單的封裝element-ui 的 dropDown組件,通過handleCommand方法觸發(fā)事件
------2018年01月13日23:10:32 補充
render渲染函數(shù)代碼也一起貼上來
<script>
export default {
functional: true,
props: {
row: Object,
render: Function
},
render: (h, ctx) => {
return ctx.props.render(h, ctx.props.row);
}
};
</script><template>
<uploader :options="options" :file-status-text="statusText" class="uploader-example" ref="uploader" @file-success="fileSuccess"></uploader>
</template>
<script>
export default {
data () {
return {
options: {
target: '//localhost:3000/upload', // '//jsonplaceholder.typicode.com/posts/',
testChunks: false
},
attrs: {
accept: 'image/*'
},
statusText: {
success: '成功了',
error: '出錯了',
uploading: '上傳中',
paused: '暫停中',
waiting: '等待中'
}
}
},
methods: {
//上傳成功的事件
fileSuccess (rootFile, file, message, chunk) {
console.log('complete', rootFile, file, message, chunk)
}
},
mounted () {
// 獲取uploader對象
this.$nextTick(() => {
window.uploader = this.$refs.uploader.uploader
})
}
}
</script>
加密就是加密,不是防止別人刷接口的,刷接口可以用控頻來進行限制;
題主的問題還是有點模糊的,希望能詳細一些。下面我談?wù)勛约旱睦斫獍伞?/p>
不知道我的理解對不對:
但是呢,要是問的是項目中抽離樣式模塊的話,在webpack中可以使用:
extract-text-webpack-plugin插件抽離。
在網(wǎng)上搜了好久;嘗試很多次發(fā)現(xiàn)是自己npm鏡像配置的原因。
之前我安裝node的時候;直接把npm配置了淘寶的鏡像;但是這個有點特殊,不可以使用鏡像,我又重新配置了下載地址為原本的了。
接下來按照weex的步驟來,成功了。
沒有什么問題啊,不過上面寫兩遍具體是為何?
<div style="border:1px solid #ccc;">
<canvas style="width:100px;height:100px;"></canvas>
</div>
<script>
var ctx = document.getElementsByTagName("canvas")[0];
ctx.ontouchstart = function(e){
console.log('33333333');
}
</script>自己找到了解決方案…………………………
這樣配置后可以直接本地請求線上地址,不會出現(xiàn)跨域問題。
解決方案:
跨域問題
1本地host配置成線上域名:
要注意的是localhost不支持端口映射,之前就是栽進這個坑里了。
2.設(shè)置axios請求攔截器(可不設(shè)置)
ip限制問題
ip限制的話就是通過vpn代理本地請求了,比如他限制40.70.230.110:3499這個訪問,就需要把服務(wù)器配置成這個40.70.230.110:3499。自己百度吧。
3.本地訪問的時候直接訪問m.xx.com
redux-saga幫你做了。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎ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)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(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)師。