前端基础百炼成仙

# 研发

# 启动端口被占用

lsof -i tcp:3300  # 查看端口号进程
kill -9 number # number是占用的PID号

之后就可以正常启动了

# 改变文件位置后运行报错

  • 引入的less文件的路径要做修改

# Select组件获取选择value

  • 这里不是用ref来调用state来获得的
  • 而是直接onChange={(value)=>{consolelog(value)}

# 路由样式冲突

  • 发现是!import引起的
  • 那能不用!import吗？
  • 开发者工具里面发现了select自带的类名，直接在这个类名添加可以改变
  • 同样地发现对于button组件
  • 不用自己写样式，换type就可以了
  • 也就可以不用!import
  • 这样写不好
  • 自己的类名+上这个类名比较好！

# 草稿箱路由下，左侧作品管理没有亮起

  • 在nav组件中进行对应的逻辑更改

# 在mac和win的ts使用方法不太一样

  • 在mac要用sudo
sudo npm install -g typescript
sudo npm install -g ts-node
sudo npm install -g @types/node
  • 之后在vscode安装coderunner插件使用
  • 或者ts-node 文件名

# boe环境没有生效

  • 关掉代理就可以了

# select组件自动换行

  • 之前使用flex布局发现没用
  • 所以比较奇怪
  • 最后发现这个组件忘记引入index.less
  • 而父组件又有些样式看似好像是有改变的，所以没有察觉到

# placeholder无法改变颜色和居中

# 使用setState后数值还没有更新

  • 现在是直接使用设置的值，马上使用可能还没有更新

# 在修改了一些接口定义后，引发了按钮bug

  • 接口定义的参数变了，输入参数忘记改变

# 数组为空的默认为全部，全部选了不能选其他，选其他的了不能选全部的逻辑

  • 在第一次进入的时候插入一个特殊的数据,这个作为全部的标志
  • 这样不用后端提供，也能完成这个标签的展示

# 察觉接口的微小变化

# 给整个div添加点击事件后，div中的图标click事件会触发两次

  • 给点击事件添加preventDefault(e)就可以了

# select组件选择不高亮了

  • 原因是给定的value和option指定的value类型不一致
  • 在对象取value的时候类型会变成String
    • 或者来初始化的时候使用value:+value来转换一下类型

# 访问跨域

  • 其实也不是这个问题
  • 包的版本更新了，重新npm i一下就可以了

# select组件控制变量进行接口访问

  • 要注意一些跳转点
    • 比如切换state,pageIndex变成1

# 首页白屏背刺

  • 注意初始化要兜底|[]
  • 调用要稳重?.

# 没有注意部署的环境，ppe和boe混淆

# 暗号参数类型左右横跳

# 媒体查询样式覆盖

  • @media查询带的css写在后面，以免这样避免被前面的css覆盖。

# promisemirror插件无法运行

  • 如果使用了setup，就是给的一个新手包
    • 在之后添加新的插件要用concat来并入到这个里面
    • 而不是写成一个数组，用逗号隔开

# 使用DBeaver出现连接错误

  • 注意可视化连接的时候不要忽视了密码的填写
    • 找了好久才发现
    • 因为平时用cmd是会提示密码输出的
    • 可视化界面需要提前填写好表单

# 个人站点出现样式冲突

  • 哎，命名规范，-隔开，命名要有可读性
  • 特别特殊的情况，可以选择使用id #来写

# 环境部署

  • boe和ppe记得切换好
    • 进入应该默认是ppe，所以前期是需要手动切换到boe的
    • 然后cycle中有一个es6的编译错误，是可以选择跳过了
      • 这个不影响部署
lastUpdate: 4/2/2023, 8:18:35 PM

← Git →