第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

webpack 有沒有模塊可以計(jì)算 html 標(biāo)簽的 font-size 嗎?

webpack 有沒有模塊可以計(jì)算 html 標(biāo)簽的 font-size 嗎?

慕桂英4014372 2018-10-24 16:55:23
沒有用 webpack 以前,計(jì)算 font-size 的代碼我都是放頭部的,立即加載函數(shù)里面?,F(xiàn)在用了 Vue 全家桶 + webpack,我會(huì)把這段計(jì)算代碼放在 App.vue 的 created 鉤子函數(shù)中。一直都這樣用,沒出過問題。但是我覺得這個(gè)方法會(huì)不會(huì)有點(diǎn)笨,想知道會(huì)不會(huì)有 webpack 的模塊能給 html 標(biāo)簽計(jì)算 font-size ?但是我搜了好久的確找不到。不知道各位的項(xiàng)目是怎么做的。也是這樣把“臟代碼”暴露出來嗎?px-to-rem 類的模塊倒是很多,gulp 也有,但是計(jì)算 font-size 確實(shí)找不到,而且,用模塊的話 font-size 就能寫到 css 里而不是標(biāo)簽里了。還有,計(jì)算 font-size 的 JavaScript 代碼我是拷貝網(wǎng)易的,你們的代碼是哪里拷貝的呢,有沒有一個(gè)公共的項(xiàng)目代碼是很多大公司大項(xiàng)目都用到的呢。我只是覺得我這樣“在網(wǎng)上隨便拷段代碼”然后“找個(gè)地方粘貼進(jìn)去能跑就行”的做法不大規(guī)范。
查看完整描述

1 回答

?
千萬里不及你

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊

看題主的問題,題主應(yīng)該是使用了rem適配方案。

什么時(shí)候計(jì)算:通過js計(jì)算html的fontSize的方式唯一依賴的是網(wǎng)頁寬度能夠獲取到的時(shí)候,網(wǎng)頁一打開,瀏覽器的窗口信息(clientWidth)就可以通過BOM獲取到。所以當(dāng)然是越早計(jì)算越好。
不需要對(duì)這段代碼打包的話,可以直接script引入head即可,當(dāng)然需要放到viewport的meta標(biāo)簽后面,縮放會(huì)影響fontSize的值。
當(dāng)然對(duì)于webpack的項(xiàng)目來說這樣引入有點(diǎn)另類,一般情況下,vue腳手架的項(xiàng)目可以放到入口文件main.js中,這個(gè)文件是一個(gè)js文件,用來引入vue框架,引入router,vuex等其他插件和實(shí)例vue的根節(jié)點(diǎn),這些引入還沒有包含任何業(yè)務(wù),完全可以需要前置的業(yè)務(wù)放在這個(gè)文件中,比如題主的這個(gè)需要計(jì)算fontSize的業(yè)務(wù)。
至于放到App.vue中也沒有問題,因?yàn)閷?duì)于vue的腳手架項(xiàng)目來說,App.vue是單文件組件的root節(jié)點(diǎn)下的第一個(gè)子節(jié)點(diǎn),而且沒有兄弟節(jié)點(diǎn),只有子輩節(jié)點(diǎn),父節(jié)點(diǎn)也只是用來初始化vue的根節(jié)點(diǎn). 所以id=app的div沒有特殊樣式的話,其實(shí)也是不影響的。


查看完整回答
反對(duì) 回復(fù) 2018-10-24
  • 1 回答
  • 0 關(guān)注
  • 610 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)