前端实习debug经历

最新推荐文章于 2026-07-01 08:29:19 发布

原创最新推荐文章于 2026-07-01 08:29:19 发布 · 253 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

这里写自定义目录标题

前言：在我的努力下终于把自己变成了牛马，作此打工记录

路由跳转时把参数加上
原本有个spuId，使用...router.query可以把原本的带上，额外加其他参数用
TODO：

script在上面还是template在上面
命名有的叫questionId有的又叫quesId，怎么处理好全称和缩写的问题
方法名命名为handleChangeXxx

找一个东西，子组件找，找不到就去它的父组件找
或者在network里边看触发了什么接口

const {href} = router.resolve({
	path:'/quesDetail',
	query:{
	...route.query,//上一个页面也有的参数
	chapterId:info.value.chapterList[0].chapterId,//新加的
	questionId:questionId//新加的
});
window.open(href,'_blank');

在这里插入图片描述
TODO：还是要把vue3过一遍

在src/assets/base.css中，定义基础的css样式

:root {
  --color-black: #333333;
  --color-deep: #666666;
  --color-grey: #999999;
  --color-theme-project: #1973cb; /* 主题颜色 */
  --title-family: '阿里巴巴普惠体 3.0 75 SemiBold', '阿里巴巴普惠体 3.0 55 Regular', '阿里巴巴普惠体 3.0', sans-serif;
  --text-family: '阿里巴巴普惠体 3.0 55', '阿里巴巴普惠体 3.0 55 Regular', '阿里巴巴普惠体 3.0', sans-serif;
}

使用时value值用var(xxx)设置

修改elementplus折叠面板的默认属性，使用::v-deep .类名,::v-deep需要放在选择器最前面，告诉less或scss这是一个深度选择器

::v-deep .el-collapse-item__header {
  background-color: #f2f2f2;
  border-bottom: 1px solid rgb(224, 221, 221);
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  font-family: var(--title-family);
  font-weight: 600;
  height: 26px;
  margin-bottom: 4px;
}

在elementplus的一级菜单随二级菜单高亮

.el-menu ::v-deep(.el-sub-menu.is-active > .el-sub-menu__title) {
  color: #1661AB !important;
}

把项目clone到本地后，pnpm install、pnpm run dev后报错

根据回忆，分别进入ckeditor-vue，ckeditor-super目录分别pnpm install了一遍后还是报错，请教张宇，他进入这两个文件又pnpm run build了一次，于是跑通了，原因是build后打包了一下