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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack 有沒有模塊可以計算 html 標簽的 font-size 嗎?

webpack 有沒有模塊可以計算 html 標簽的 font-size 嗎?

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

1 回答

?
千萬里不及你

TA貢獻1784條經(jīng)驗 獲得超9個贊

看題主的問題,題主應該是使用了rem適配方案。

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


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

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