- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue 之 axios的封装
axios的封装在vue项目开发中，和后台交互获取数据中，我们通常使用的是axios库。但是原生的axios可能对项目的适配不友好，所以在项目开始的时候封装一下axios，保持全项目数据处理的统一性。1、下载axiosnpm i axios -S// 或者淘宝镜像cnpm install axios -S下载过后在min.js文件配置//main.jsimport axios from "axios";2.配置config文件中的代理地址在项目目录下的修改 conf
2020-10-25 17:49:44
207
原创 vue之混入
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。(vue混入官网地址：https://cn.vuejs.org/v2/guide/mixins.html)接下来通过一个简单的例子看看混入的基础用法：首先我们在scr目录下新建一个mixin.js 文件；在新建的JS文件里面写入一下内容：let mixin = { data() { return { msg: 'mixin-msg' } },
2020-10-18 15:49:42
116
原创 H5页面调起相册和摄像头
在开发H5的时候一般都会遇到同时调取手机相册与摄像头的需求。在开发中也会遇到各种兼容。<input type="file"> <!--accept - 规定可提交的文件类型 --> <!-- capture - 系统所捕获的默认设备。camera(照相机)，camcorder(摄像机)，microphone(录音) - -> <!-- cmutiple - 支持多选。当支持多选时，multiple优先级高于capture
2020-09-20 20:45:38
1882
原创 js中的forEach和map的区别
forEach()和map()两个方法都是与for循环一样，其作用与for循环功能相似，但是没有办法终止或者跳出循环；定义：map() （https://www.runoob.com/jsref/jsref-map.html）map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意：map() 不会对空数组进行检测。注意：map() 不会改变原始数组。语法：array.map(functi...
2020-09-13 15:09:47
1405
原创 Element-ui之Table表格多选及多页回显问题
因为开发的项目里面有用到过vue+Element-ui所以今天进来讲一下用Table表格的多选时多页回显数据问题（element-ui官网：https://element.eleme.cn/#/zh-CN）话不多说先贴element-ui官网给的Table多选表格代码<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="
2020-09-07 10:52:33
3540
2
原创 JS排序的几种用法
在开发环境中通常我们需要对数组进行排序，今天就来写几种常用的排序方法；1.sort()方法：sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。语法：arrayObject.sort(sortby);// 升序 数字 let arr = [124,478,358,359,532,258,704] arr.sort(this.sortFunction); console.log('123456',arr);.
2020-08-30 17:27:18
155
原创 console的其他几种不同用法
对于前端开发来说一定对console.log不陌生吧，今天就来介绍一下console的其他几种不同用法：1.console.log()这个是我们用的最多的一种用法；我们会用console.log()来打印某个对象或变量；此方法的运用场景特别广泛，也是我们运用的最广泛的输出模式。2.console.warn()console.warn()与console.log()输出基本没啥区别；但是该条打印信息是属于警告级别而不是普通信息级别；最明显的是它的左侧会有一个警告图标，并且背景色和文字...
2020-08-29 19:20:26
857
原创 在前端开发中如何减少或取代if-else
最近在开发过程中时常因为项目比较忙，都是先考虑实现功能，最近回首看代码发现很多冗长的if-else判断，今日就写一些自己在替代if-else的一些方案。1. 参数真假判断 之三元运算符需求：当a 为或假的时候b的取值也随之发生变化； let a = true; let b = null; console.time('time1'); if (a) { b = '你好'; } else { b = '再见'
2020-08-23 18:59:21
1419
1
原创 JS之运算符
JS之运算符类型 运算符 算术运算符 + - / % ++ -- 赋值运算符 = 比较运算符 > < >= <= == != 逻辑运算符 && || ! 1.算术运算符：1.加运算（+）在进行加运算的时候，数字和非数字的字符进行相加惊喜拼接，并且转换成str...
2020-08-16 18:22:30
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人