摘要: Vue 路由按需加载(路由懒加载) component: resolve ⇒ require([’…/pages/home.vue’], resolve) vue 异步组件技术 异步加载,vue-router 配置路由 , 使用 vue 的异步组件技术 , 可以实现按需加载,但是,这种情况下一个组件 阅读全文
posted @ 2021-05-11 18:07 [ABing] 阅读(1191) 评论(0) 推荐(0)
摘要: 了解标签函数之前我们先简单复习一下模板字符串。 模板字符串 模板字符串语法 在 JavaScript 中编写字符串时,通常使用 ( ' )或者 ( " ),而模板字符串使用 (`)。 例如: const str1 = 'hello world' const str2 = 'hello world' 阅读全文
posted @ 2021-05-11 18:03 [ABing] 阅读(983) 评论(0) 推荐(0)
摘要: 长方体:变量 局部变量 成员变量 两个矩形块:枚举 自定义的枚举 预定义的枚举 紫色立方体:方法 方法 橙色树状结构:类 类 灰色块:自定义的代码片段 自定义代码段 顺便还有像棒棒糖的接口图标: 接口/typedef 像左对齐的关键字图标: 关键字 倒着脸的结构体图标 结构体 显得规规矩矩的宏定义图 阅读全文
posted @ 2021-05-11 17:57 [ABing] 阅读(426) 评论(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] 阅读(235) 评论(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] 阅读(251) 评论(0) 推荐(0)
摘要: console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的 基础 首先,简单科普这个函数的作用。前端开发者可以在 js 代码的任何部分调用 console.log,然后你就可以在浏览器的开发者控制台里,看到这 阅读全文
posted @ 2021-05-11 17:10 [ABing] 阅读(234) 评论(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] 阅读(394) 评论(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] 阅读(44) 评论(0) 推荐(0)
摘要: git 上传后有文件打不开 因为该子文件原本也是一个 git 仓库,可能导致 git 将其当成一个子模块 删除 .git 文件 在子文件中删除.git 文件 删除已经上传的文件 git rm --cached 子文件夹路径 - 1 重新添加上传 git add 子文件夹路径/ - 1 后面要加上 / 阅读全文
posted @ 2021-05-11 16:54 [ABing] 阅读(398) 评论(0) 推荐(0)
摘要: 数据和视图的分离->解耦(开放封闭原则)jq 的数据与视图混在一块(意大利面条式代码),Vue 的数据与视图分离 以数据驱动视图(只关心数据变化,DOM 操作被封装)jq 直接用 js 修改视图,Vue 以数据驱动视图 数据不可变: 它要求你所有的数据都是不可变的,这意味着如果你想修改一个对象,那你 阅读全文
posted @ 2021-05-11 16:52 [ABing] 阅读(190) 评论(0) 推荐(0)
摘要: 在我们的日常前端开发中,使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息,但是大部分人可能跟之前的我一样,没有意识到其实console除了log方法以外,还有很多实用的方法,这些方法可以使我们的调试过程更加容易,也表达得更加直观,更加丰富多彩,下面我们就来看看有 阅读全文
posted @ 2021-05-11 16:46 [ABing] 阅读(146) 评论(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] 阅读(44) 评论(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] 阅读(187) 评论(0) 推荐(0)
摘要: Promise.then() 第二个参数和 catch() 的区别 首页我们先要区分几个概念 reject 是用来抛出异常的,catch 是用来处理异常的; reject 是 Promise 的方法,而 then 和 catch 是 Promise 实例的方法(Promise.prototype.t 阅读全文
posted @ 2021-05-11 16:29 [ABing] 阅读(273) 评论(0) 推荐(0)
摘要: 一、justify-content 对齐问题描述 在 CSS flex 布局中,justify-content 属性可以控制列表的水平对齐方式,例如 space-between 值可以实现两端对齐。 但是,如果最后一行的列表的个数不满,则就会出现最后一行没有完全垂直对齐的问题。 如下代码: .con 阅读全文
posted @ 2021-05-11 16:26 [ABing] 阅读(3936) 评论(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] 阅读(178) 评论(0) 推荐(0)
摘要: iview 的 form 表单校验 iview 是常用 vue ui 组件,其中实现了许多的功能,其中一个最常用的还是表单功能,iview 自带了表单的校验功能,在保存的时候通过调用validate方法就可以进行表达校验。 将 form 中绑定的值放在 model 上面,将每个需要进行校验的规则写在 阅读全文
posted @ 2021-05-11 16:04 [ABing] 阅读(273) 评论(0) 推荐(0)
摘要: 原来的代码是这样的:handleAvatarSuccess 会回调两个参数,这个时候如果直接在里面添加形参接不到 <el-upload :on-success="handleAvatarSuccess"> </el-upload> handleAvatarSuccess(res) { // 自带的回 阅读全文
posted @ 2021-05-11 16:01 [ABing] 阅读(372) 评论(0) 推荐(0)
摘要: object-fit:控制图片展示状态 object-fit 一共有五个对应值,分别是: fill: “填充”。默认值。使图片拉伸填满整个容器, 不保证保持原有的比例。 contain: “包含”。保持原有尺寸比例缩放。保证整个图片都可以出现在容器中。因此,此参数可能会在容器内留下空白。 cover 阅读全文
posted @ 2021-05-11 15:57 [ABing] 阅读(1797) 评论(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] 阅读(527) 评论(0) 推荐(0)
摘要: 开发时遇到类目轴显示不全的问题,只要在对应类目轴中加上下面的配置就可以解决 axisLabel: { interval: 0 } 阅读全文
posted @ 2021-05-11 15:51 [ABing] 阅读(157) 评论(0) 推荐(0)
摘要: 一串数字转金额,每隔三位加逗号,如 99999 >99,999.00 方法一 function toThousands(num) { var result = [], counter = 0 num = (num || 0).toString().split('') for (var i = num 阅读全文
posted @ 2021-05-11 15:43 [ABing] 阅读(830) 评论(0) 推荐(0)
摘要: 接入地图都会有这种烦恼,就是终点和起点之间的路径颜色是淡紫色的,感觉不是很美观不说,如果项目有需求,还不知道怎么修改它 直接上代码: var map = new BMap.Map('allmap') map.centerAndZoom(new BMap.Point(116.404, 39.915), 阅读全文
posted @ 2021-05-11 14:34 [ABing] 阅读(797) 评论(0) 推荐(0)
摘要: @import"~bootstrap/dist/css/bootstrap.min.css" @import"~font-awesome/css/font-awesome.min.css" 前面加 ~ 表示你后面的值为 alias, 然后就会去 webpack``alias 配置中找相应的值, 然后 阅读全文
posted @ 2021-05-11 14:23 [ABing] 阅读(99) 评论(0) 推荐(0)
摘要: { // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进,默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuot 阅读全文
posted @ 2021-05-11 14:18 [ABing] 阅读(74) 评论(0) 推荐(0)
摘要: scss 文件定义变量 // --test :为js操作此变量需要用到的KEY // red: 默认的css属性值 $textColor: var(--test, red); 更改$textColor 变量的值 //--test :为js操作此变量需要用到的KEY //blue: 修改后的css属性 阅读全文
posted @ 2021-05-11 14:17 [ABing] 阅读(931) 评论(0) 推荐(0)
摘要: 效果图 { title: '交易订单号', align: 'center', key: 'id', minWidth: 120, render: (h, params) => { let texts=params.row.id; //这里的params.row.id 是 key值 if(params 阅读全文
posted @ 2021-05-11 14:13 [ABing] 阅读(455) 评论(0) 推荐(0)
摘要: 需求 用户可以选择开始时间和结束时间,选择结束时间时开始时间之前的时间不可选。 效果 实现 因为项目用 iview 做所以直接用了日期选择组件 DatePicker 日期选择器,官方文档上是这样的 <template> <Row> <Col span="12"> <DatePicker type=" 阅读全文
posted @ 2021-05-11 11:50 [ABing] 阅读(496) 评论(0) 推荐(1)
摘要: const arr = [1, 1, 1, 2, 3, 4, 4, 4, 2, 3, 5, 4] const map = arr.reduce((m, x) => m.set(x, (m.get(x) || 0) + 1), new Map()) // 所有次数 Array.from(map.val 阅读全文
posted @ 2021-05-11 11:11 [ABing] 阅读(107) 评论(0) 推荐(0)
摘要: 首先我们在 vue 的使用中,免不了会自己自定义组件,那么我们每次定义好组件都会先 import 进来,然后在 components 里面引入才能用 复现以下场景 import BaseButton from './baseButton' import BaseIcon from './baseIc 阅读全文
posted @ 2021-05-11 11:07 [ABing] 阅读(166) 评论(0) 推荐(0)
摘要: 对于从事前端工作的小伙伴,掌握 Vue,React 这样的框架可以说是前端基本功了。人人都会用,那我们怎样才能写得比别人优雅?比别人漂亮? 鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入,直接向他们取经,是最便捷也是最高效的学习方式。 本文将介绍大厂 Vue 项目两大最佳实践: 一劳永逸的组 阅读全文
posted @ 2021-05-11 11:02 [ABing] 阅读(71) 评论(0) 推荐(0)
摘要: 极光推送用的是第三方的云端插件,推送和认证一般都差不多,以下为引入步骤: 插件地址:https://ext.dcloud.net.cn/plugin?id=741 引入插件到项目(此插件正式对接时需要购买)我在这里接的是试用版本 1607571043(1).jpg 从极光后台获取 appkey,然后 阅读全文
posted @ 2021-05-11 10:42 [ABing] 阅读(626) 评论(0) 推荐(0)
摘要: 常用图片格式 图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式,图片格式及特性如下: psd psd 是 photoshop 的专用格式,UI 设计师使用 photoshop 设计效果图,最后会将 psd 格式的效果图交 阅读全文
posted @ 2021-05-11 10:28 [ABing] 阅读(76) 评论(0) 推荐(0)