小記錄

##一:vue打包后把瀏覽器前綴去除了。兼容性沒(méi)有了

改一下自己package.json中的混稽,即可。

"browserslist": [//配置你需要兼容的瀏覽器或手機(jī)版本

? ? "> 1%",

? ? "last 2 versions",

? ? "Android >= 3.2",

? ? "Firefox >= 20",

? ? "iOS >= 6",

? ? "last 10 Chrome versions",

? ? "last 5 Firefox versions",

? ? "Safari >= 6",

? ? "ie > 8"

? ]

##二.自定義字體圖標(biāo)

1.


2.

添加圖標(biāo)

3.


4.下載一份解壓 (h5正常使用,小程序把iconfont.css改成iconfont.wxss)


5.打開(kāi)文件修改css



6


6.全局引入css

7.項(xiàng)目中使用



8.后面添加或者刪除icon,不需要重新下載修改

1).


生成代碼鏈接并賦值打開(kāi)新的網(wǎng)頁(yè)能夠看到代碼




這種代碼如果圖標(biāo)多會(huì)很長(zhǎng)很長(zhǎng),可以替換成下面



把這一段賦值到css文件,其他的不變,然后使用也不變


也可以正常使用,dom中使用不變,暫時(shí)沒(méi)有發(fā)現(xiàn)有什么不可以,

###總結(jié):后面添加圖標(biāo)修改圖標(biāo)是在增加或刪掉少數(shù)圖標(biāo)的使用,最好一次解決,先找好圖標(biāo)一次下載


##三.當(dāng)數(shù)據(jù)有更新,在dom中渲染后县耽,自動(dòng)執(zhí)行該函數(shù)句喷,。vue $nexttick

##四.vue的過(guò)濾器的使用(多個(gè)參數(shù)傳參兔毙,參數(shù)穿的順序和接受的順序是相反的)


局部過(guò)濾器

不傳參和傳參數(shù)
dom中

全局過(guò)濾器

https://www.cnblogs.com/xiterjia/p/6701324.html這邊文章可以用

郵箱的正則表達(dá)式

/^[1-9a-zA-Z_]\w*@[a-zA-Z0-9]+(\.[a-zA-Z]{2,})+$/

手機(jī)號(hào)的正則表達(dá)式

/^[1][3,4,5,7,8][0-9]{9}$/


五.vue引入外部js文件唾琼,自定義函數(shù)

例如

1.新建calculation.js

calculation.js

2.在使用率不多的情況下局部引入js文件


compontents.vue


實(shí)例

3.全局引用,將這個(gè)方法注冊(cè)全局,寫(xiě)到vue的原型上

(1)建立個(gè)js 文件(我的文件名為validate.js), 寫(xiě)入該方法澎剥, 這里使用 exports.install 注冊(cè)全局方法锡溯,掛載到vue原型上

exports.install = (Vue, options) => {Vue.prototype.validator = {lanenoTransf(val) {returnval.substr(2, 1) == '1' ? '出口' : '入口' }? }}

?  然后在main.js中引入?

import validator from '@/utils/validate'

Vue.use(validator)

  最后頁(yè)面上就可以直接使用

{ prop: 'laneno', label: '數(shù)據(jù)類(lèi)型', formatData:this.lanenoTransf},


六. vue中使用vux微信里的前端組件

1.cnpm install vux --save

2.cnpm install vux-loader --save-dev

3.


七.vue授權(quán)登陸,回調(diào)地址

let redirect_uri ='http://www.91xsf.com/#/author'//授權(quán)登陸的中間頁(yè)

window.location.UTF-8")+'&response_type=code&scope=snsapi_userinfo&#wechat_redirect'

轉(zhuǎn)一下就可以拿到你想回調(diào)的地址了哑姚,如果直接把地址拼進(jìn)去會(huì)報(bào)錯(cuò)祭饭,微信#問(wèn)題自行百度

// 全局鉤子

router.beforeEach((to, from, next) => {

? const toDepth = to.path.split('/').length

? const fromDepth = from.path.split('/').length

? if (toDepth < fromDepth) {

? ? from.meta.keepAlive = false

? ? to.meta.keepAlive = true

? }

? let login = localStorage.getItem('token')

? let path = to.path

? if (path === '/my') {

? ? next()

? ? return

? }

? if (login) {

? ? if (path === '/') {

? ? ? next({

? ? ? ? path: '/'

? ? ? })

? ? } else {

? ? ? next()

? ? }

? } else {

? ? next({

? ? ? path: '/my'

? ? })

? }

? next()

});

判斷執(zhí)行內(nèi)容

八.二維碼生成器

https://blog.csdn.net/zhuswy/article/details/80267748

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市叙量,隨后出現(xiàn)的幾起案子倡蝙,更是在濱河造成了極大的恐慌,老刑警劉巖绞佩,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悠咱,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡征炼,警方通過(guò)查閱死者的電腦和手機(jī)析既,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)谆奥,“玉大人眼坏,你說(shuō)我怎么就攤上這事∷嵝” “怎么了宰译?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)魄懂。 經(jīng)常有香客問(wèn)我沿侈,道長(zhǎng),這世上最難降的妖魔是什么市栗? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任缀拭,我火速辦了婚禮,結(jié)果婚禮上填帽,老公的妹妹穿的比我還像新娘蛛淋。我一直安慰自己,他們只是感情好篡腌,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布褐荷。 她就那樣靜靜地躺著,像睡著了一般嘹悼。 火紅的嫁衣襯著肌膚如雪叛甫。 梳的紋絲不亂的頭發(fā)上层宫,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音其监,去河邊找鬼萌腿。 笑死,一個(gè)胖子當(dāng)著我的面吹牛棠赛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播膛腐,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼睛约,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了哲身?” 一聲冷哼從身側(cè)響起辩涝,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎勘天,沒(méi)想到半個(gè)月后怔揩,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡脯丝,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年商膊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宠进。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡晕拆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出材蹬,到底是詐尸還是另有隱情实幕,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布堤器,位于F島的核電站昆庇,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏闸溃。R本人自食惡果不足惜整吆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辉川。 院中可真熱鬧掂为,春花似錦、人聲如沸员串。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)寸齐。三九已至欲诺,卻和暖如春抄谐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背扰法。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工蛹含, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人塞颁。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓浦箱,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親祠锣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子酷窥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 搜索了很多資料,看了很多相關(guān)博客伴网,終于還是踏過(guò)一個(gè)個(gè)大坑(相關(guān)方法都試過(guò))蓬推,實(shí)現(xiàn)相關(guān)功能。本文章親試可行澡腾,轉(zhuǎn)載請(qǐng)注...
    hoggenWang閱讀 859評(píng)論 1 1
  • 寫(xiě)在前頭 身為一個(gè)JS學(xué)渣沸伏,每天都在冥思苦想怎么變成一個(gè)大師,在看到“學(xué)一門(mén)后端語(yǔ)言动分,有助于進(jìn)階Js水平”這類(lèi)話后...
    葉猜閱讀 1,494評(píng)論 1 1
  • github地址,歡迎大家提交更新玛瘸。 express() express()用來(lái)創(chuàng)建一個(gè)Express的程序蜕青。ex...
    Programmer客棧閱讀 2,503評(píng)論 0 1
  • _________________________________________________________...
    fastwe閱讀 1,367評(píng)論 0 0
  • 基于Vue的一些資料 內(nèi)容 UI組件 開(kāi)發(fā)框架 實(shí)用庫(kù) 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,142評(píng)論 0 1