这周在做什么

最新推荐文章于 2025-12-04 22:56:41 发布

原创最新推荐文章于 2025-12-04 22:56:41 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

这周超忙，在做学校工期很赶的访客系统，但也收获颇多，偷师了不少开发思想

config文件单列导出
router拆分
router路由守卫
router prePage记忆
router过渡动画与权限守护
vuex
components自动导入
三方登录

两个好用的东西

//vant二次封装组件自动导入
const requireComponent = require.context(
  "./components/",
  true,
  /[A-Z]\w+\.(vue|js)$/
);

//postcss.config.js
module.exports = {
  plugins: {
    "postcss-px-to-viewport": {
      unitToConvert: "px", // 要转化的单位
      viewportWidth: 375, // UI设计稿的宽度
      unitPrecision: 6, // 转换后的精度，即小数点位数
      propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
      viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
      fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw      selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
      minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
      mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
      replace: true, // 是否转换后直接更换属性值
      exclude: [], // 设置忽略文件，用正则做目录名匹配
      selectorBlackList: [".ignore"], // 指定不转换为视窗单位的类名，默认[".ignore", ".hairlines"]
    },
  },
};