Vue Vant 純JS實現rem與px換算

不利用外掛程式，手寫js實現rem與px的換算。已知1rem等於根標籤的字型大小。

如下**所示，假設640的設計稿，設定1rem等於10px。

; (function (win) 

var _rem = _width / 64;
// 為根標籤html設定font-size，即1rem等於多少px
docel.style.fontsize = _rem + 'px';
}  // 繫結resize事件，瀏覽器視窗改變大小時觸發
win.addeventlistener('resize', function () );
// 直接觸發一次方法，設定rem和px的換算比例
refreshfn();
}(window));

vue vant開發之移動端rem適配螢幕方案

簡單介紹一下rem和px的換算關係 1rem html的font size。在專案中，我採用postcss pxtorem amfe flexible，vant是基於375px的。安裝 npm i amfe flexible npm i postcss pxtorem d amfe flexible...

純JS實現課表

如下圖所示 實現乙個課表，對應現實生活中對的課表 一門課一天內，可以對應多個節次。分兩步 1 先畫出乙個空課表 2 在正確的位置上顯示課程名稱 資料中需要包含 課程名稱 course 對應週幾 week 對應的開始節次 startsection 結束節次 endsection 如下 const da...

純js實現裁剪布局

onselectstart 事件是選中的事件 document.onselectstart function e ondragstart 事件是拖拽事件 document.ondragstart function e 當右下角的按鈕滑鼠按下時 dot.onmousedown function e 大...