摘要：
最近在项目当中遇到一个需求，需要以树结构的方式展示一些数据，并可对每一个树节点做内容的编辑以及树节点的添加和删除，刚好听说有zTree这个插件可以实现这样的需求，所以在项目的这个需求完成之后，在博客里用一个小demo的形式记录一下zTree的简单实用方法。 阅读全文
摘要：
最近自己在写一个vue的小型管理系统，在浏览器中看到的路由都是带有#的，很是不好看。为了解决此问题，大家一般都会想到：mode: 'history'。可是在开发阶段没有问题，但是一旦build打包后，访问并刷新浏览器后，页面就会报404的错误，为了解决打包后刷新浏览器报404的问题，如果使用nginx的话，还需要做如下配置。下面贴出完整的解决方案。 阅读全文
摘要：
我们在做一些后台系统登录功能的时候，一般都会用到验证码，最多的就是后台生成的验证码图片返回给前端的。也可以不调用后端接口，前端使用canvas直接生成验证码。由于功能过于简单，不需要多少代码和文字说明，下面直接贴出代码。 阅读全文
摘要：
自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。 阅读全文
摘要：
最近自己在研究vue，然后做了一个小型的后台管理系统用来练手，开发过程中，想到了剪切图片上传用户头像的需求。上网百度了一番，发现好多用的都是vue-cropper。我也就用了，个人感觉还是挺好用的。现在在这里用一个简单的小demo演示一下vue-cropper的使用方法。 阅读全文
摘要：
Vue项目使用AES做加密 阅读全文
摘要：
最近自己在自学vue2.0，然后就自己摸索做一个简单的后台管理系统，在做的过程中，总感觉不同浏览器自带的滚动条样式不统一，也很难看，所以就在网上找一些使用vue的滚动条插件。最开始用的是Easy-scroll插件，可是在使用过程中，发现一个问题——由于在开发过程中，需要经常打开开发者选项进行调试，可是只要一开启这个选项，Easy-scroll插件就会出现debugger断点，在网上也一直没找到怎么取消debugger。后来就找到了今天要说的这款插件：vue-happy-scroll。 阅读全文
摘要：
本篇博客的分页插件是在2017-11-10 的一篇博客的基础上改造的（原博客地址：原生js版分页插件），主要是优化了分页按钮的排列和显示样式，取消首页和末页的箭头按钮，改为数字按钮，并始终把它们分别固定放置在上一页按钮的后面和下一页按钮的前面。另外在DOM操作上，用的是jQuery，当然如果不想使用jQuery的话，也可以很容易的改成原生js。 阅读全文
摘要：
大家在做一些浏览器端的聊天功能的时候，或者在一些网站跟在线客服咨询的时候，会看到一些消息通知的提示，常见的有浏览器标签页的闪烁和屏幕右侧的消息通知。本篇博客就在这里简单的介绍一下如何实现这样的功能。 阅读全文
摘要：
不知大家在做前端页面的时候，有没有遇到类似这样的问题：有一个不是正方形的图片，可能是宽度大于高度的，也可能是高度大于宽度的，而你又并不想用背景图的方式来做，要实现用img标签来让此图片显示出一个正方形的且不变形的效果。即如下图：只显示图片中间部分（红框部分） 阅读全文