网站问题修复与优化记录
今天主要完成的是关于该网站的各项问题修复与优化。
添加百度搜索SEO
网站的index页面修改了原来的泛用title(dreamcenter)，改成了现在更有利于检索排名的标题。并且设置了keywords和description的meta元数据。期待这些天百度搜索资源平台能够快速创建新的快照吧！不过就项目前端是vue，导致博客页的文章收录成为了一个非常棘手的问题，也就是博客文章无法被百度抓到，如果使用nuxt服务器端渲染返回也是一个麻烦的事情，不仅要改代码，还吃服务器性能。预渲染对于这种动态生成的页面也不是非常适合，现在局面就挺尴尬的。就只能简单的将首页一点点数据收录了。
安全链接申请
嗯，默认的，分享在qq群或者什么地方的，腾讯无法认定我网站的安全性，所以今天也申请了安全链接。不过就离审核通过还有两三天的工作日的样子。敬候佳音吧。
页面大小监控
昨天完成了手机端的适配，不过忽略了电脑端的尺寸也是可以随便调节的，当这样慢慢调解时，有的html的标签没有动态的更新，因为没有识别出来切换了页面大小从而设置全局环境为pc或者手机环境。所以添加了一个页面大小变换的监控 window.onresize = this.sizeChange ，一旦变换时，就检测尺寸并且更改全局的环境。当然不会有人不断变换浏览器尺寸的吧(╯▔皿▔)╯。
评论功能的后端逻辑bug修复
今天友链页有人回复啦，不过出乎意料的是我并没有收到邮件，按照我的理论逻辑是没有指定父级的评论都向我的邮箱发送提醒。然而事实上并没有收到邮件，原来是获取id=0的评论时，返回对象为null，然后我错误的运用了obj.username导致空指针异常的触发，从而没有成功发送邮件。不过还好我发邮件采用的是新的线程处理的，不然用户都没法正常评论了，哈哈，疏忽了，不知道后端还有多少个bug隐患存在。
根级评论的显示异常修复
之前的评论模块，根级评论的评论内容使用的是pre包裹的，结果如果一行数据过长会超出屏幕范围而且还会时网页可以横向滚动，这属于设计时候的问题。对于pre标签，按照内容强制换行也有不小的麻烦，所以更换成了如下代码，从而解决了问题。
<p class="rw_msg" style="font-size:12px;font-family:default">{{item.msg}}</p>scss ：设置该标签自动换行(遇到\n时)并且超出显示区域时强制换行
.rw_msg{
word-break:break-all;
white-space: pre-line;
}博客页换页显示优化
之前点击换页时，页面仍然在最底端。而按照正常的逻辑，应该是访客换页后回到顶端继续浏览到底端进行新的换页。所以，换页的时候设置了将页面滚回到顶端。
调整了动漫页的tab(每个动漫展示的块级)显示逻辑，之前是设置的超出块级范围滚动，现在设置为隐藏，并且标题追加了一个a标签，目的是也有title属性，用作提醒完整的标题。这样就不会存在多个滚动条导致一些操作变得困难，并且使得页面更加干净。
关于页的相关修复
之前有注意到关于页的底部时间显示并没有居中显示，查看原因才发现对全局设置的text-indent=2rem起了作用，所以单独设置了其样式，使其居中。
然后顺带增加了备案号，来让网站更加正规以及以防各方查验。
手机端访问问题修复
上个版本中有发现动态页访问时ifame溢出，所以这次顺带修复了，只要简单的设置width:100%即可，原本大概是个固定大小吧。
然后还注意到文字化时间最长长度会多出一个字符换行，所以这次字体大小减小了2px。
专辑页横向滚动算法修复
之前的横向滚动都会有最开始卡壳一样的感觉，因为都多了一个Δ的距离，所以这次更改了算法：
const delta = e.deltaY
const node = this.$refs.imgList
if (this.tX + delta > node.scrollWidth) {
this.tX = node.scrollWidth - delta
return
}
if (this.tX + delta < -node.scrollWidth) {
this.tX = delta
return
}
node.scrollTo(this.tX, 0)
this.tX += delta * 100好啦！这次的修复就是这些内容，这下前端应该没有什么特别大的问题了吧，后面会停更该网站设计一周时间来做一下课程设计。不过如果课程设计有什么有意思的东西或者生活中有什么想要分享的东西也会更新动态和博客哒！