摘要： 博客做的比较早，那个时候还不知道有markdown编辑器这个玩意。 所以我的文章都是用ueditor编辑的。 我这里大概想做一个大图的自定义组件：需求是，点击文章中的图片，显示大图。 那么这里就有一个问题，我怎么在页面加载完成之后给html绑定事件呢？ Jquery有$.on方法，但是，我不想再vu 阅读全文

摘要： 项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件 支持显示上传进度显示（我这里显示的是真实的上传进度，当然，这个可以根据你自己的需求修改）。 支持多文件上传。 最终效果如下： 代码： Uploads.vue <template> <div class="myUpload"> <!-- 上 阅读全文

摘要： 项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。 首先，官方文档： https://www.wangeditor.com/ 1：安装 npm i wangeditor --save 2：组件代码 Wangeditor.vue <template> <div ref='ed 阅读全文

摘要： 接着自定义组件，这里是我自定义的一个modal对话框组件。 效果如下图所示： Modal.vue <template> <div class="modal-backdrop" v-if="modalShow"> <div class="modal" > <div class="modal-heade 阅读全文

摘要： 我这里自定义了几个alert弹窗组件： 1：带有确定取消的alert弹窗组件：效果如下图所示 代码： /** * 自定义公共函数 */ const utils = { /** * @name: 自定义alert(确定，取消) * @author: camellia * @email: guancha 阅读全文

摘要： 刚开始使用vue3写博客的时候，其相关配套的UI库并没有正式发布，但是我还要用，所以这里我自定义了一个分页组件：最后效果如下图所示： 上代码： Pagination.vue <template> <!-- 自定义分页组件 --> <div class="page-bar"> <ul> <li cla 阅读全文

摘要： 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1、未用懒加载，vue中路由代码如下 // 阅读全文

摘要： 新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。 但是在vue中怎么实现呢？ 其实很简单： VUE2： const { href } = this.$router.resolve({ name: `print_schedule`, params: { id 阅读全文

摘要： VUE不仅为我们提供了自定义组件，还提供了自定义指令。当然，这个玩意我在VUE2中是没有用到过的。 VUE3中我大概试一下这个自定义指令： 官方文档： https://vue3js.cn/docs/zh/guide/custom-directive.html#动态指令参数 一：注册全局指令 在mai 阅读全文

摘要： 一：压缩的好处 压缩可以减小HTTP回复的大小，从而降低web服务器的响应时间。gzip是web服务器广泛使用的压缩工具，可以将HTTP回复的大小降低到原来的50％～30％。既提高了网页的加载速度，又可以节约服务器流量。 二：Nginx服务器启用Gzip压缩的方法 打开nginx.conf文件，将一 阅读全文