- 博客(38)
- 收藏
- 关注
RSS订阅
2原创 数组中的每个对象添加属性
let arr = [{'name': 'aa', 'age': 10},{'name': 'bb', 'age': 12}]let newArr = []arr.map((item, index) => { newArr.push( Object.assign(item, { id: index} ) ) })console.log('arr', arr) // [ {'name': 'aa', 'age': 10},{'name': 'bb', 'age': 12}]
2020-08-29 17:18:32
1582
原创 数组中的empty
手动修改数组的长度，数组中会自动添加empty元素let arr = ['1', '2', '3']arr.length = 4console.log('arr', arr) // ["1", "2", "3", empty]删除最后empty元素arr.splice(arr.length -1, 1)console.log('newArr', arr) // ["1", "2", "3"]...
2020-08-29 17:07:21
1223
原创 vue组件传值
在通信中，无论是子组件向父组件传值还是父组件向子组件传值，他们都有一个共同点就是有中间介质子向父的介质是自定义事件父向子的介质是props中的属性1.父组件传值给子组件(props)father.vue<template> <div> <Child :msg='message'></Child> // 给子组件动态绑定属性并赋值 </div></template><script>// 引入
2020-07-29 15:34:33
134
原创 移动端支付宝支付
public中index.html中引入cordova.js <script type="text/javascript" src="cordova.js"></script> 确认支付按钮： if (res.data.url) { let payInfo = res.data.url if (window.cordova) { window.cordova.plugins.alipay.payment(payInfo, (e) => {.
2020-07-17 21:15:41
291
原创 微信登录，分享，支付 cordova-plugin-wechat
// 分享功能 微信、朋友圈toShare (data) { Wechat.isInstalled((installed) => { if (installed) { this.dialogs = false if (data === '微信') { Wechat.share({ message: { title: this.title, // 标
2020-07-17 21:06:58
672
原创 vue接口调用post delete put get
get发送的url地址:https://aipig-dev.sg-ai.com/api/v1/users_manage?field=phone&query=&page_index=1&page_num=10this.axios({ url: '/api/v1/users_manage', method: 'GET', params: { field: this.selectedValue, query: this.searchText,
2020-07-10 10:34:45
1868
原创 字符串中首字母大写
// slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度 // charAt() 方法可返回指定位置的字符。第一个字符位置为 0, 第二个字符位置为 1,以此类推. let str = 'i have a dream' let upperStr = str.substring(0,1).toUpperCase() + str.substring(1) let sliceStr = str....
2020-06-28 14:48:55
333
原创 等差数组(自定义初始值和末尾值)
test (a, b) { let arr = [] // 使用for循环 for (let i = 0; i < b - a + 1; i += 3) { arr.push(i + a) } return arr } // 自定义初始值和末尾值 let test1 = this.test(3, 15) console.log('test1', test1) // [3, 6, 9, 1...
2020-06-28 14:18:59
457
原创 video中实现截图(接口轮询调用,5s中执行一次) 使用setTimeout()
vue中实现方式mounted () { //监听视频加载完成时获取第一帧loadeddata video.addEventListener('loadeddata', () => { var videoElement = document.getElementById('video') var canvas = document.createElement("canvas") canvas.width = video
2020-06-23 17:56:19
571
原创 base64编码与图片格式转换
图片base64格式转为file文件类型上传方法链接1base64编码数据与图片格式互相转换链接2js file to base64链接3
2020-06-23 17:10:35
259
原创 video
html5 video 支持 m3u8格式<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script><video id="video"></video><script> if(Hls.isSupported()) { var video = document.getElementById('video'); var hls = new
2020-06-18 11:26:02
590
原创 导航守卫(Vue Router)
参考地址：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB1.全局前置守卫router.beforeEach 注册一个全局前置守卫router.js文件import Vue from 'vue'import Router from 'vue-router'import Home from './vie
2020-06-04 14:43:11
248
原创 toString()
MDN地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/toStringtoString() 方法返回指定 Number 对象的字符串表示形式numObj.toString([radix]) 参数是指定要用于数字到字符串的转换的基数(从2到36)。如果未指定 radix 参数，则默认值为 10如果转换的基数大于10，则会使用字母来表示大于9的数字，比如基数为16的情况
2020-06-01 16:33:46
164
原创 echarts图表
1.折线图（1）basic line chart、 smoothed line chart、basic area chart<div id="main" style="width: 100%;height:400px;"></div> <script src="https://lib.baomitu.com/echarts/4.7.0/echarts-en.common.js"></script><script type="text/javasc
2020-05-20 16:11:58
189
原创 监听移动端横竖屏状态
css样式@media all and (orientation: portrait) { 竖屏}@media all and (orientation: landscape) { 横屏}pad端横屏 @media only screen and (max-width: 1200px) and (orientation: landscape) {}pad端竖屏 @media only screen and (max-width: 1200px) and (orientation: .
2020-05-14 16:51:30
184
原创 解析url
if (url && url.length > 0) { this.loading = true; let param = { accept: "text/html, text/plain" }; this.axios.get(url, param) .then(resp...
2020-04-18 16:54:54
131
原创 解析HTML标签
this.str = "<div target='_blank' data-visited='off' data-a-72ad71e4='' class=''><span class='wenda-abstract-listnum' data-a-72ad71e4=''>1.</span><span data-a-72ad71e4=''> 是一个HT...
2020-04-18 16:53:00
244
原创 url传参
this.contractTitle = “标题”this.arr = ['e12323bn', '6fgddg89', 'fdgd7tgtry9']window.open('http://192.168.199.151:8080/#/download?title=' + this.contractTitle + '&terms[]=' + JSON.stringify(this.ar...
2020-04-18 16:31:24
181
原创 vue中设置interceptors拦截器
// 全局请求头中添加tokenaxios.interceptors.request.use(request => { let token = localStorage.getItem("token"); if (token) { // request.headers['Authorization'] = 'Bearer ' + token request.head...
2020-04-10 15:48:06
1539
原创 发送验证码setInterval和setTimeout
<div class="text-align-center" style='padding:20px;height:80px;position:relative;background:#fff;'> <v-text-field label="验证码" style='width:60%;' ></v-te...
2020-04-09 17:19:15
232
原创 vue中接口调用 get post put delete
不加token:this.axios({url: '/api/v1/cases?num=10',method: 'GET'}).then(res => {console.log('res', res)})this.axios.get('/api/v1/cases?num=10').then(res => {console.log('res', re...
2020-04-09 15:30:00
1573
原创 字符串截取substring、substr、slice
stringObject.substr(start,length)substr() 的参数指定的是子串的开始位置和长度(如果是负数，那么该参数声明从字符串的尾部开始算起的位置;-1 指最后一个元素，-2 指倒数第二个元素，以此类推)stringObject.substring(start,stop)substring() 方法用于提取字符串中介于两个指定下标之间的字符截取手机号 ...
2020-03-10 17:20:29
232
原创 上传文件或图片
<input id="file" type="file" ref="fileData" style="display:none;" @change="changeFile()" /> <img :src="avatar" class="img-style" @click="fileOpen()" />点击头...
2020-03-06 17:15:48
225
原创 下载文件或图片
<a href="下载地址" download="文件后缀名"><v-btn dark text @click="download()">下载</v-btn><div id = 'content'>下载的内容</div><a ref="download" v-show="false" :href="downloadUr...
2020-01-16 10:16:52
326
原创 获取页面url及参数
vue+axios设置跨域你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；...
2019-12-22 18:13:54
411
原创 canvas画布
<!-- 绘制矩形 --><div><canvas id='myCanvas' width="320" height="240" style="border:1px solid black;"><canvas></div><!-- 绘制圆弧 --><div><canvas id=...
2019-10-11 17:54:31
237
原创 文本超出部分隐藏
单行隐藏title属性:鼠标移入,显示隐藏内容当文字超过范围的时候，超出部分会隐藏起来。单行隐藏效果.text{ width:30%;//宽度百分比，可以实现响应式 或者不用响应式可直接设置width:200px overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px soli...
2019-10-04 20:23:18
314
原创 Git使用
什么是版本库呢？版本库又名仓库，英文名repository，可理解成一个目录，这个目录里面的所有文件都可以被Git管理起来，每个文件的修改、删除，Git都能跟踪，以便任何时刻都可以追踪历史，或者在将来某个时刻可以“还原”。一.初始化一个Git仓库 (git init)创建一个版本库非常简单，首先，选择一个合适的地方，创建一个空目录（1）创建文件夹 cd Desktop 进入桌面（...
2019-08-23 13:03:28
199
原创 Git安装
Git官网下载地址 https://git-scm.com/downloads一.下载安装Git二.下载完成，双击安装三.选择安装目录四.选择组件五.选择菜单文件夹六.选择Git的默认编辑器七.配置路径环境 （第二个：windows命令行中也可以使用git）八.SSL证书的选择（使用Https加密通道）https：（全称：...
2019-08-22 16:28:20
166
原创 数组方法
push()和pop() unshift()和shift()join()reverse()concat()splice()slice()sort()1.push()和pop() push():数组尾部添加,返回修改后数组长度 pop():数组尾部删除,返回值是被删除的元素2.unshift()和shift()unshift():向...
2019-08-13 17:55:25
117
原创 数组去重
var arrs = [1,3,1,4,34,1,10]; 利用indexOf 在新数组里查找，未找到推入一个值 var res = []; ...
2019-08-04 19:50:09
113
原创 数组排序
普通数组排序 sort()排序 arrayObject.sort(sortby)sortby可选 若没有参数，按照字母顺序对数组中元素进行排序（按照字符编码的顺序进行排序） var arr1 = ['a', 'c', 'b', 'A', 'B...
2019-08-04 10:58:30
139
原创 元素水平垂直居中
未知元素宽高1.父级(flex布局){ display: flex; justify-content: center;//水平居中 align-items: center; //垂直居中 }2.父级 { display: table;text-align: center; } 子级 { display: table-...
2019-08-02 13:03:54
109
原创 Vue-cli2.0搭建项目
node.js安装（npm安装）安装淘宝 NPM 镜像（支持cnpm）项目初始化1.node.js安装(https://nodejs.org/en/)检测node安装成功（打开命令行(cmd)，检测安装版本号 c盘访问d盘 d:） 2.淘宝镜像安装( -g 全局安装)npminstall -g cnpm --registry=https:...
2019-07-30 17:39:26
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人