BAEBAE996

摘要： 状态码由3位数字+原因短语组成，用于告知客户端请求的结果 2XX 成功 200 OK 表示从客户端发来的请求在服务器端被正常处理了 204 No Content 表示请求被成功处理，但在响应报文中不包含实体的主体部分 例如，当从浏览器发出请求、返回204响应时，不更新当前显示的页面，也不跳转到新的页 阅读全文

摘要： URL Uniform Resource Locator 是统一资源定位符，它通过定位的方式，具体地标识了一个资源 例如，如果我们想要用地理定位的方式 唯一地标识一个人，可以这么写： 住址协议://地球/中国/浙江省/杭州市/西湖区/某大学/14号宿舍楼/525号寝/张三 类比到浏览器上，我们输入的 阅读全文

摘要： 一、背景需求 当页面有大量数据需要渲染时，我们希望给用户提供一个等待的预期 也就是说，在数据渲染之前，在页面上显示“正在加载”的简易动画 二、实现过程 我们可以把这一部分的代码抽离出来，作为基础/公用组件 // loading.vue <template> <div class="loading"> 阅读全文

摘要： 一、背景需求 如果在初始化页面的时候，一次性将所有图片资源都加载完毕 可能会降低页面渲染的速度，降低用户体验 我们可以借助 vue-lazyload 插件实现图片的懒加载 当页面被初始化时，只加载 在可视区域内的图片 当用户向下滚动页面时，再去加载剩余的图片资源 二、安装与使用 npm 安装 npm 阅读全文

摘要： 在很多情况下，我们需要修改 element-ui 提供的原生样式，来满足项目的需求 然而 常规的CSS写法可能不会生效 因为当我们在源代码中引用 标签时，实际上 浏览器可能会渲染出好几个对应的 class 例如： 引用 时 浏览器会渲染出如下的DOM结构： <label data-v-7cc6060 阅读全文

摘要： 一、安装与引入 使用npm安装 npm install animate.css --save 在main.js中引入 import animated from 'animate.css' Vue.use(animated) 二、使用animate动画 animate.css是一款预设的CSS3动画库 阅读全文

摘要： 一、背景 在项目中使用最新版本的vue-awesome-swiper插件时，发现分页器的显示有bug 因此决定重新安装旧版本 注意：Swiper6 对应的是 vue-awesome-swiper的最新版本 接下来介绍的是基于Swiper2 的 vue-awesome-swiper的v2.6.7版本 阅读全文

摘要： 本文将简单介绍在vue2.x的环境下引入并使用less的流程 1、安装less 在项目的根目录下打开命令行工具，执行命令： npm install less less-loader --save-dev 安装完成后打开 build目录，修改 webpack.base.conf.js 中的相关配置： 阅读全文

摘要： 我们可以将一些项目中经常用到的CSS样式封装成变量 从而提高CSS代码的可复用性 ###对于单独的CSS属性，使用varibles 在assets/style目录下，新建 varibles.styl 文件 将属性值赋给自定义的变量 $bgColor = #00bcd4 $headerHight = 阅读全文

摘要： 创建新的页面 一般情况下，我们习惯将项目的路由信息存储在src/router/index.js文件中 当我们需要创建新的页面时 就向routes数组添加一个新的对象 并指明新页面的path(路径)、name(名称)和component(组件名称) /:id 表示跳转到此页面时需要附加一个参数 页面之 阅读全文