亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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

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

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

1 回答

?
千萬里不及你

TA貢獻1784條經驗 獲得超9個贊

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

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


查看完整回答
反對 回復 2018-10-24
  • 1 回答
  • 0 關注
  • 612 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號