摘要: Vue 路由按需加载(路由懒加载) component: resolve ⇒ require([’…/pages/home.vue’], resolve) vue 异步组件技术 异步加载,vue-router 配置路由 , 使用 vue 的异步组件技术 , 可以实现按需加载,但是,这种情况下一个组件 阅读全文
posted @ 2021-05-11 18:07 [ABing] 阅读(1173) 评论(0) 推荐(0) 编辑
摘要: 了解标签函数之前我们先简单复习一下模板字符串。 模板字符串 模板字符串语法 在 JavaScript 中编写字符串时,通常使用 ( ' )或者 ( " ),而模板字符串使用 (`)。 例如: const str1 = 'hello world' const str2 = 'hello world' 阅读全文
posted @ 2021-05-11 18:03 [ABing] 阅读(917) 评论(0) 推荐(0) 编辑
摘要: 长方体:变量 局部变量 成员变量 两个矩形块:枚举 自定义的枚举 预定义的枚举 紫色立方体:方法 方法 橙色树状结构:类 类 灰色块:自定义的代码片段 自定义代码段 顺便还有像棒棒糖的接口图标: 接口/typedef 像左对齐的关键字图标: 关键字 倒着脸的结构体图标 结构体 显得规规矩矩的宏定义图 阅读全文
posted @ 2021-05-11 17:57 [ABing] 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 1、mongodb:官网地址 https://www.mongodb.com/download-center/community?jmp=nav (2)安装过程 2、运行安装文件 (1) * (2)更改安装路径到系统盘根目录下 (3)这里的目录不用修改,因为之前安装失败,所以这是之前的截图,(2)中 阅读全文
posted @ 2021-05-11 17:14 [ABing] 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 直接上代码: beforeAvatarUpload(file) { const isImg = file.type 'image/jpeg' || file.type 'image/png' const isLt2M = file.size / 1024 / 1024 < 5 if (!isImg) 阅读全文
posted @ 2021-05-11 17:12 [ABing] 阅读(228) 评论(0) 推荐(0) 编辑
摘要: console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的 基础 首先,简单科普这个函数的作用。前端开发者可以在 js 代码的任何部分调用 console.log,然后你就可以在浏览器的开发者控制台里,看到这 阅读全文
posted @ 2021-05-11 17:10 [ABing] 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 问题截图: 相关代码 <Carousel autoplay v-model="value2" v-if="uploadList!=''" loop> <Carousel-Item v-for="(item,index) in uploadList" :key="index"> <div class= 阅读全文
posted @ 2021-05-11 17:02 [ABing] 阅读(326) 评论(0) 推荐(0) 编辑
摘要: npm 设置淘宝镜像 npm config set registry https://registry.npm.taobao.org 查看镜像设置 npm config get registry 还原成 npm 镜像 npm config set registry https://registry. 阅读全文
posted @ 2021-05-11 16:57 [ABing] 阅读(37) 评论(0) 推荐(0) 编辑
摘要: git 上传后有文件打不开 因为该子文件原本也是一个 git 仓库,可能导致 git 将其当成一个子模块 删除 .git 文件 在子文件中删除.git 文件 删除已经上传的文件 git rm --cached 子文件夹路径 - 1 重新添加上传 git add 子文件夹路径/ - 1 后面要加上 / 阅读全文
posted @ 2021-05-11 16:54 [ABing] 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 数据和视图的分离->解耦(开放封闭原则)jq 的数据与视图混在一块(意大利面条式代码),Vue 的数据与视图分离 以数据驱动视图(只关心数据变化,DOM 操作被封装)jq 直接用 js 修改视图,Vue 以数据驱动视图 数据不可变: 它要求你所有的数据都是不可变的,这意味着如果你想修改一个对象,那你 阅读全文
posted @ 2021-05-11 16:52 [ABing] 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 在我们的日常前端开发中,使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息,但是大部分人可能跟之前的我一样,没有意识到其实console除了log方法以外,还有很多实用的方法,这些方法可以使我们的调试过程更加容易,也表达得更加直观,更加丰富多彩,下面我们就来看看有 阅读全文
posted @ 2021-05-11 16:46 [ABing] 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 效果如下: 代码实现: function format(num, fixed) { return num.toFixed(fixed).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,') } 阅读全文
posted @ 2021-05-11 16:35 [ABing] 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 获取当前月份第一天: var date = new Date() date.setDate(1) var month = parseInt(date.getMonth() + 1) var day = date.getDate() if (month < 10) { month = '0' + mo 阅读全文
posted @ 2021-05-11 16:33 [ABing] 阅读(160) 评论(0) 推荐(0) 编辑
摘要: Promise.then() 第二个参数和 catch() 的区别 首页我们先要区分几个概念 reject 是用来抛出异常的,catch 是用来处理异常的; reject 是 Promise 的方法,而 then 和 catch 是 Promise 实例的方法(Promise.prototype.t 阅读全文
posted @ 2021-05-11 16:29 [ABing] 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 一、justify-content 对齐问题描述 在 CSS flex 布局中,justify-content 属性可以控制列表的水平对齐方式,例如 space-between 值可以实现两端对齐。 但是,如果最后一行的列表的个数不满,则就会出现最后一行没有完全垂直对齐的问题。 如下代码: .con 阅读全文
posted @ 2021-05-11 16:26 [ABing] 阅读(3254) 评论(0) 推荐(0) 编辑
摘要: 1.为需要校验的表单添加 form 标签 <!--注意: ref/rules/model/prop等属性是必须的--> <Form res="foemRef" :rules="formRules" :model="formData" v-if="liveNode"> <Row> <!--正常校验-- 阅读全文
posted @ 2021-05-11 16:19 [ABing] 阅读(135) 评论(0) 推荐(0) 编辑
摘要: iview 的 form 表单校验 iview 是常用 vue ui 组件,其中实现了许多的功能,其中一个最常用的还是表单功能,iview 自带了表单的校验功能,在保存的时候通过调用validate方法就可以进行表达校验。 将 form 中绑定的值放在 model 上面,将每个需要进行校验的规则写在 阅读全文
posted @ 2021-05-11 16:04 [ABing] 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 原来的代码是这样的:handleAvatarSuccess 会回调两个参数,这个时候如果直接在里面添加形参接不到 <el-upload :on-success="handleAvatarSuccess"> </el-upload> handleAvatarSuccess(res) { // 自带的回 阅读全文
posted @ 2021-05-11 16:01 [ABing] 阅读(339) 评论(0) 推荐(0) 编辑
摘要: object-fit:控制图片展示状态 object-fit 一共有五个对应值,分别是: fill: “填充”。默认值。使图片拉伸填满整个容器, 不保证保持原有的比例。 contain: “包含”。保持原有尺寸比例缩放。保证整个图片都可以出现在容器中。因此,此参数可能会在容器内留下空白。 cover 阅读全文
posted @ 2021-05-11 15:57 [ABing] 阅读(984) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文
posted @ 2021-05-11 15:53 [ABing] 阅读(474) 评论(0) 推荐(0) 编辑