SpringBoot+Vue，从零开始搞出自己的博客（一）
[作者本人的博客](https://jqh.zone)于2019年末疫情下漫长的寒假中开始着手构建，若按每天八小时工作量，则花费的时间折合半年左右，博客至今仍在不断完善。写这一系列文章的目的是总结构建博客的过程，发现优点和不足。如果能给初学者（当然本人也是个初学者）一些帮助和思考，本人不胜荣幸。
[作者本人的博客](https://jqh.zone)于2019年末疫情下漫长的寒假中开始着手构建，若按每天八小时工作量，则花费的时间折合半年左右，博客至今仍在不断完善。写这一系列文章的目的是总结构建博客的过程，发现优点和不足。如果能给初学者（当然本人也是个初学者）一些帮助和思考，本人不胜荣幸。
本网站左侧抽屉和主界面分别路由的实现方式
这是第一篇博客，其格式为MarkDown，测试内容为Vue的Readme.md
通过hibernate查询出来的实体对象并不是原本的实体对象类型，而是由hibernate代理的对象类型，调用该对象的get方法实际上是调用的代理对象的get方法，在其中会执行懒加载操作。就像Vue的响应式对象一样，是经过代理的，并不是原本的对象。但是自己new出来的对象就是原本的对象。在写代码的时候要注意区分，尤其是代理对象和自己创建的对象混在一起的时候，要注意自己创建的对象没有懒加载这回事。
刚刚想明白了一件事。程序的调试功能并不是IDE提供的，IDE只是做集成。Java的运行和调试都是jvm提供的，是在jvm进程中运行的，通过端口和IDE进行通讯，然后我们就可以通过IDE的调试工具进行调试。IDE本身并不能运行和调试java代码。如果jvm和IDE不在一台机器上运行，那就可以通过IP加端口以网络传输信息的方式完成不同机器上的进程的通讯，同样可以调试。同样，chrome中运行的js代码也可以通过进程间通讯将调试信息发送给IDE，这样在IDE中也能调试chrome中运行的代码。 所以GraalVm
json-schema中不能通过x-component-props传递Schema对象，会导致'a.b'这样的属性名称丢失掉'.'后面的'b'。可以通过自定义的属性传递schema，然后通过useFieldSchema获取
SpringBoot中FreeMarker模板的默认后缀是ftlh，如果使用ftl后缀，会导致IntelliJ IDEA无法识别，报Cannot resolve MVC view警告。所以后缀最好使用ftlh，省事。
参考了知乎上的问题[鼠标滑轮上下滚动失灵怎么办？ - 知乎](https://www.zhihu.com/question/41680058)，最终通过在滚轮处喷酒精的方法解决了。其原因就是滚轮脏了。
**简述：** 这篇文章是在[必应站长手册](https://www.bing.com/webmasters/help/webmaster-guidelines-30fba23a)中引用的，对针对爬虫返回单独处理的页面的行为做出了官方的肯定。我认为是为前后端分离的网站进行SEO提供了可靠的方法。
在 设置/时间和语言/区域/更改数据格式 中，把数据做如下更改即可。
onMouseOver和onMouseOut事件将外部元素与内部元素分开对待。鼠标放入外部元素边缘，触发外部元素大小变化，此时鼠标由外部元素进入了内部元素，即离开外部元素，触发onMouseOut，内部元素又变小，鼠标再次进入外部元素，导致无限循环，造成元素闪烁。
lombok的@SneakyThrows的原理是将被注解的方法中抛出的异常转化为RuntimeException，而RuntimeException是unchecked的异常，所以方法声明中不需要包含throws。unchecked的异常还包括Error类及其子类。单元测试框架JUnit中抛出的异常即为Error类型，所以测试方法也不用写throws。
冷知识：旧电脑装固态硬盘后如果采用系统迁移的方式直接把系统（Windows）从机械硬盘迁到固态硬盘，那么系统的虚拟内存的位置可能仍然在机械硬盘上，这会导致内存满了之后机械硬盘的使用率立即占满，并且会使系统卡顿时间很长。而且固态硬盘得不到有效的利用。Windows系统可以在控制面板的系统属性中修改虚拟内存，将虚拟内存放到固态硬盘上的分区里。
强烈推荐[必应站长手册](https://www.bing.com/webmasters/help/webmaster-guidelines-30fba23a)。但是没找到中文版的。内容太多也懒得翻译。可以结合百度翻译阅读。
关于async，await使用的一个demo，想不起来怎么用的时候可以看一眼
今天把相册功能由原来的展示固定目录的照片改成了依托于分区详情页面（category_detail）而实现可以进行分区的相册。在这个过程中遇到了一个问题。分区详情页面采用了vant的标签页组件，然后这个组件会给整个内容区域外面的div加上transform属性，从而实现标签页的切换。然后，照片点是可以查看大图的，这个大图是position:fixed样式的，占满整个屏幕。但是，transform属性会影响position:fixed的位置，使其不再是根据浏览器窗口绝对定位，而是根据有transfo
通过hibernate查询出来的实体对象并不是原本的实体对象类型，而是由hibernate代理的对象类型，调用该对象的get方法实际上是调用的代理对象的get方法，在其中会执行懒加载操作。就像Vue的响应式对象一样，是经过代理的，并不是原本的对象。但是自己new出来的对象就是原本的对象。在写代码的时候要注意区分，尤其是代理对象和自己创建的对象混在一起的时候，要注意自己创建的对象没有懒加载这回事。
刚刚想明白了一件事。程序的调试功能并不是IDE提供的，IDE只是做集成。Java的运行和调试都是jvm提供的，是在jvm进程中运行的，通过端口和IDE进行通讯，然后我们就可以通过IDE的调试工具进行调试。IDE本身并不能运行和调试java代码。如果jvm和IDE不在一台机器上运行，那就可以通过IP加端口以网络传输信息的方式完成不同机器上的进程的通讯，同样可以调试。同样，chrome中运行的js代码也可以通过进程间通讯将调试信息发送给IDE，这样在IDE中也能调试chrome中运行的代码。 所以GraalVm
json-schema中不能通过x-component-props传递Schema对象，会导致'a.b'这样的属性名称丢失掉'.'后面的'b'。可以通过自定义的属性传递schema，然后通过useFieldSchema获取
SpringBoot中FreeMarker模板的默认后缀是ftlh，如果使用ftl后缀，会导致IntelliJ IDEA无法识别，报Cannot resolve MVC view警告。所以后缀最好使用ftlh，省事。
参考了知乎上的问题[鼠标滑轮上下滚动失灵怎么办？ - 知乎](https://www.zhihu.com/question/41680058)，最终通过在滚轮处喷酒精的方法解决了。其原因就是滚轮脏了。
**简述：** 这篇文章是在[必应站长手册](https://www.bing.com/webmasters/help/webmaster-guidelines-30fba23a)中引用的，对针对爬虫返回单独处理的页面的行为做出了官方的肯定。我认为是为前后端分离的网站进行SEO提供了可靠的方法。
[作者本人的博客](https://jqh.zone)于2019年末疫情下漫长的寒假中开始着手构建，若按每天八小时工作量，则花费的时间折合半年左右，博客至今仍在不断完善。写这一系列文章的目的是总结构建博客的过程，发现优点和不足。如果能给初学者（当然本人也是个初学者）一些帮助和思考，本人不胜荣幸。
本网站左侧抽屉和主界面分别路由的实现方式
这是第一篇博客，其格式为MarkDown，测试内容为Vue的Readme.md
在 设置/时间和语言/区域/更改数据格式 中，把数据做如下更改即可。
onMouseOver和onMouseOut事件将外部元素与内部元素分开对待。鼠标放入外部元素边缘，触发外部元素大小变化，此时鼠标由外部元素进入了内部元素，即离开外部元素，触发onMouseOut，内部元素又变小，鼠标再次进入外部元素，导致无限循环，造成元素闪烁。
lombok的@SneakyThrows的原理是将被注解的方法中抛出的异常转化为RuntimeException，而RuntimeException是unchecked的异常，所以方法声明中不需要包含throws。unchecked的异常还包括Error类及其子类。单元测试框架JUnit中抛出的异常即为Error类型，所以测试方法也不用写throws。
冷知识：旧电脑装固态硬盘后如果采用系统迁移的方式直接把系统（Windows）从机械硬盘迁到固态硬盘，那么系统的虚拟内存的位置可能仍然在机械硬盘上，这会导致内存满了之后机械硬盘的使用率立即占满，并且会使系统卡顿时间很长。而且固态硬盘得不到有效的利用。Windows系统可以在控制面板的系统属性中修改虚拟内存，将虚拟内存放到固态硬盘上的分区里。
强烈推荐[必应站长手册](https://www.bing.com/webmasters/help/webmaster-guidelines-30fba23a)。但是没找到中文版的。内容太多也懒得翻译。可以结合百度翻译阅读。
关于async，await使用的一个demo，想不起来怎么用的时候可以看一眼
今天把相册功能由原来的展示固定目录的照片改成了依托于分区详情页面（category_detail）而实现可以进行分区的相册。在这个过程中遇到了一个问题。分区详情页面采用了vant的标签页组件，然后这个组件会给整个内容区域外面的div加上transform属性，从而实现标签页的切换。然后，照片点是可以查看大图的，这个大图是position:fixed样式的，占满整个屏幕。但是，transform属性会影响position:fixed的位置，使其不再是根据浏览器窗口绝对定位，而是根据有transfo