记录前端工作中获得的经验（七）

2024/1/20-2024/3/1

大家,好久没更新了,因为之前过年放假,一直犯懒,最近工作上也没什么让我干的事,比较清闲,所以没什么可以写的,每天就看看项目什么的,了解公司的业务,但是这些东西也不能发hhh没什么可发的

• dayjs的newData()函数中如果包含"-"的话,在ios中可能会报错,可以转成/的格式
• 如果husky cz用不了,试试这个命令:

npm i commitizen -g

• 对象自己的属性就是指我们自己定义在对象上的方法,如果要列出这些属性,可以使用 Object.getOwnPropertyNames(object)
• 继承的属性就是对象从原型对象那里继承来的属性,比如对象上的toString方法,所以obj.toString===Object.prototype.toString
• 类数组就是具有数组索引和length属性,但是不具有数组原型上的方法(如pop,push)的对象,常见的有arguments对象, dom元素集合,字符串等。
• rollup打包模式,可以将这个库打包变不一样的模式,用户就可以通过不同的方式去引入。比如说cjs(commonjs),那么就只能在node环境中用require引入。如果是esm，那就是esmodules，可以在node环境下和浏览器环境下引入，如果想用cdn引入，那就是iife模块，这样可以使用script来引入。
• 如果想引用同一个目录下的包，可以使用命令 pnpm add xxx(包名) --filter xxx(项目名),名字都是package.json中的name
• 我们平时在写ts的时候,鼠标点击＋alt的时候会跳转到相对应的d.ts文件中,他的查找顺序大致是这样的:会去查找tsconfig配置下的文件,没有的话就去找node_modules下的@types文件,最后会去package.json的types路径下面找。
• require.context(directory,useSubdirectories,regExp)
  • directory:表示检索的目录
  • useSubdirectories：表示是否检索子文件夹
  • regExp:匹配文件的正则表达式,一般是文件名

常用的场景就是引入大量的公共组件/在组件内引入多个组件/使用插件注册全局组件

const path = require("path")
const files = require.context("@/views/00-99/requireContext/components", false, /\.vue$/)
const modules = {}
files.keys().forEach((key) => {
  const name = path.basename(key, ".vue")
  modules[name] = files(key).default || files(key)
})
console.log(modules)
export default {
  components: modules,
}

• override content不生效的话可能是因为请求带有时间戳,所以拦截不到
• Window的vscode的替换快捷键为Ctrl+H,全部替换是Ctrl+alt+enter