sun_qqq的博客

我的网站构成如下，下面整理下网站部署的过程。

详细介绍前后端如何实现token鉴权模块，都在公共方法中封装，一劳永逸

让异步请求看起来跟同步代码一样

点击事件的绑定方法

经常使用echarts，把遇到的问题记录下来，方便自己也方便大家参考。

linux的基本修养

最近面试被打击的体无完肤，于是把面试题记录下来分享一下。vue真是必问框架，八股文该背的还是得背！

以前看别人博客留言或者评论文章时必须填写邮箱信息，感觉甚是麻烦。后来才知道是为了在博主回复后让访客收到邮件，用心良苦。于是我也在新增留言和文章评论的接口里，新增了给自己发送邮件提醒的功能。

平时经常百度天气情况，于是给自己的博客做了一个获取天气预报的功能

工作中常用的git命令，本文基本都覆盖到了哈

类似于mysql

作为一个前端程序猿一直有一个愿望，就是拥有一个自己的小网站。经过好几个周末的摸索，终于有了这个雏形

刚开始写分页功能，也没多想就用了传统分页。传统分页器用了一段时间，后来内容多一些，觉得还是上拉加载更多比较时尚方便，于是又将分页器替换为上拉加载更多。

含泪挥别webstrom，捏着鼻子使用vscode，坚持一段发现插件装齐后，也是很香~~~

使用vue，首屏优化是避不开的问题。

前后端交互的令牌

不想使用第三方的流量统计工具，于是自己开发了一套，最符合自己的需求

目前流行的响应式网页开发方案

UI框架和JS框架基础科普

1.父级元素设置relative，子级元素设置absolute，宽度也设一个固定长度。如果让子级元素水平居中？子级元素设置margin:0 auto,left:0,right:0

有时我们在浏览器中发现发送的ajax请求自动请求两次，第一次是options请求，第二次才是你自己发送的get或post请求。有时我们也会发现，自己用的get或者post方法请求的，浏览器只有一个options请求。自己的get或post请求却没有。因为options请求即预请求没有通过，所以后面的get或post请求就不会建立。这是因为你在header请求头里也传了参数，即传说中的设置了自定...

一：兄弟组件间的数据通信组件使用过程中我们发现，Loading、Tips组件的显隐设置，Topbar组件的高亮切换等操作，不是由这些组件自己控制的，是要在同级或者说兄弟组件中控制的。Loading这些组件需要别的组件向它们传输数据，然后Loading内部根据这些数据实现功能。这样Loading等就需要全局性的暴露或者说监听一个方法，其兄弟组件就可以向该全局方法传递参数，实现通讯。第一步：声明...

用惯了UI框架的弹框，发现自己写的弹框没有动画是真的别扭。自己动手添加动画时，发现在关闭弹框时，不知道如何实现一个打开弹框的逆执行效果？想到应该需要切换Dom的类，怀疑应该有可以不切换实现的方法。网上搜了搜发现别人也是用切换类来实现。就放弃了，自己也切换类来实现。一个类控制显示动画，另一个类逆执行显示动画。因为用的vue不能直接操作Dom，我的思路是设置两个变量，一个用来控制弹框显隐（Wrap...

写了一个简单的分页器，就我博客上用的那个，Vue.js实现的PC端使用的，如上图。自己凭空想的，也不知道合不合理，有机会看看别人怎么实现的。我的思路是：首先分页肯定要写成一个组件，而且分页组件要放在一个个的列表页面组件中。这样的话页面组件就是父组件，分页器是子组件，会涉及父组件与子组件的数据通讯。一：两者分工父组件初始化分页器，这需要父组件给分页器传递控制显隐的参数、总数据量以及每页展示...

本人用vue使用富文本编辑器踩了很多坑，特记下供大家借鉴。一.选取编辑器刚开始使用的是kindeditor，在npm社区中找到了适用于vue的版本vue-kindeditor。存在如下缺陷：文档不全、网上资料不全、npm社区实例过于简单、上传图片不能控制图片尺寸。最终换用了wangEditor，优点：文档齐全（有具体vue用法实例）、网上资料多、上传图片可以控制尺寸。个人推荐wangEd...

一：打开端口服务器上装了一个mongodb，监听的8888端口。服务器浏览器本地访问8888端口，可以正常访问，内网访问也可以，但是外网ip访问不了这个端口。这时需要为服务器新增这个8888端口，具体操作可参考，https://jingyan.baidu.com/article/e75057f2c463e8ebc81a8960.html二：Apache1.安装apacheApache服务...

其实很早都想在博客的留言和评论处使用表情包，奈何博客需要完善的地方太多。于是一直推到了这几天，具体实现效果在博客上可以看到。在网上查了下，发现微信官方的表情包对外开放。具体规则想如下，于是就有了思路var EmotionList = ['微笑', '撇嘴', '色'];//改数组没有写完全<img src="https://res.wx.qq.com/mpres/htmledition...

  本博客的开发一直遵循先解决有没有(sunq.xyz)，再解决好不好的思路。所有功能、设计、页面上都以最简形式先实现，后期再迭代。刚开始写分页功能，也没多想就用了传统分页。传统分页器用了一段时间，后来内容多一些，觉得还是懒加载比较时尚方便，于是又将分页器替换为懒加载。  我的懒加载效果在本博客首页就能看到，形式极简。大致思路是先写一个懒加载子组件，需要用懒加载的父页面再调用这个子组件。  子...

一：前端前端思路，可是使用formdata模拟form表单，使用fileReader将图片存成DataURL，上传后端。二：后端