开发过程的一些小要点记录

在这里记录一下开发过程的一些小要点。

这些小要点暂时无法单独写成一篇文章，如果以后有时间可以对单个小要点进行知识扩展，形成文章。

1.<van-tabs>加上sticky属性，即可实现固定定位。

2.媒体查询区间左闭右开。

3.普通的时间字符串可用大于小于号比较大小。

4.图片加载出现404，给img标签加上onerror="this.src='assets/img/default.png'"增加默认图片。

5.jq的children只返回直接子元素，find是查找所有子孙后代(offspring)。

6.有时调整font-size的值会因为font-family的值影响而无效。

7.eval('(' + result + ')')可以把数组的json字符串形式result转化为数组。

8.清除span之间间隔的方法：设置父元素font-size为0，然后单独设置span的字体大小即可。

9.微信小程序开发工具升级后，页面空白，调整app.json里的路由顺序即可。

10.Taro的组件加载时，不调用componentDidShow钩子，只调用componentDidMount钩子。

11.Taro的js中使用本地图片时，需要在文件头导入，再使用变量。

12.在IDEA中，如果项目右侧没有出现maven的tab，则可以通过右键项目，Add Framework Support，选择Maven即可。

13.在Vue中修改样式不生效，原因是使用了<style scoped></style>，多了个scoped导致的。

14.Vue路由刷新页面404，可以修改nginx配置，在location / 里加上try_files $uri /index.html;即可。

15.修改组件样式但是不想影响全局，则增加个父类的选择器即可。

16.单点登录另一个系统，若端口号改变，则localStorage和sessionStorage存储的内容不见了，但是cookie存储的内容仍在。

17.新增页面后，Vite HMR不起作用，原因是router中新增的页面的路径大小写与文件名大小写不一致。

18.forEach和map函数无法中途退出当前循环。

19.Promise一new出来，就会发送请求。

20.运行Java程序报错：找不到或无法加载主类，通过IDEA的File->Invalidate Caches清理IDEA缓存即可解决问题。

21.用扩展运算符实现数组合并和对象合并，取代concat和Object.assign函数。

22.精确搜索时，用find函数取代filter，find方法只要找到符合条件的项，就不会继续遍历数组。

23.实体类给字段的修饰符后面加transient，则不会持久化该变量。

24.使用<video>，视频无法播放，增加<meta name=referrer content=no-referrer>即可。

25.desc是MySQL的关键字，不能用于表字段名。

26.使用iframe嵌入页面，由于跨域，设置Cookie可能会出现设置不成功的情况，可以使用localStorage进行替换。

27.Xshell和Xftp到期，则下载新的学生版。

28.快速合并多个txt的方法为将所有txt放在同一文件夹下，在当前目录进入cmd，执行type *.txt >> merge.txt

29.使用100vh为元素设置高度会占据整个视窗的高度，导致Vant的为ActionSheet组件做的ios底部安全区适配失效。

30.页面顶部标题栏和ios顶部工具栏重合，可通过删除index.html的meta标签的viewport-fit=cover解决。

31.出现Handler dispatch failed; nested exception is java.lang.NoClassDefFoundError报错，重新编译Java代码即可。

32.Controller接口请求体中含有变量名为eAppCode，传参则需要传eappCode，这是由于Java Bean默认的转换规则导致的。

33.Boolean("false")结果是true。

34.<a-select>组件更新options后下拉框选择内容未改变，需要加上:filter-option="false"即可。

35.使用深拷贝的方法import { cloneDeep } from "lodash";

36.打开新的标签页，保持Chrome开发者工具不关闭的方法为打开Global->Auto-open DevTools for popups。

37.在IDEA和VSCode的终端打开cmd的命令为start cmd。

38.Vant的<van-field>属性clearable突然不生效，可以切换浏览器显示的手机型号或切换手机电脑模式显示。

39.请求的HTTP状态码是0，有可能是跨域引起的。

40.‌JDK高版本会覆盖低版本。‌当你安装一个更高版本的JDK时，新安装的版本会默认覆盖当前安装的版本。例如，如果你先安装了JDK 1.7，然后安装JDK 1.8，安装完成后，命令行中java -version将提示版本信息为1.8。‌

 

K框架：

1.修改默认进入的页面，修改router/index.js

{
  path: "",
  redirect: "xxx",
  hidden: true,
},