- 博客(59)
- 收藏
- 关注
RSS订阅
原创 在vue下echarts安装与使用
一、echarts安装与引用1.使用npm安装npm install echarts --save2.main.js文件下添加import echarts from 'echarts'Vue.prototype.$echarts = echarts3.在vue文件下编写 <div id="charts-demo" class="echart"></div>...
2019-09-27 16:45:52
20218
原创 css实现倒三角
width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #515151;
2019-06-27 15:55:34
13042
原创 vue中实现倒计时功能
html部分 <span v-if="sendAuthCode" class="c-right" @click="getCode">获取验证码</span> <span v-if="!sendAuthCode" class="c-right"> <span class="auth_text_blue">{{auth_time}} </spa...
2019-04-01 17:10:41
8643
原创 Navicat for MongoDB破解版
下载链接: https://pan.baidu.com/s/1J5wy0XewZaBB6DRrzCXG0g 提取码: fm8b ，点击安装64位的参考操作方法http://www.ddooo.com/softdown/130308.htm#dltab
2018-12-27 14:28:48
17734
2
原创 css向左箭头
css向左箭头：<div class="left"></div>.left { width: 7px; height: 7px; border-top: 2px solid #867f7a; border-right: 2px solid #867f7a;transform: rotate(45deg);margin-right: -50px;...
2018-12-27 14:18:55
8118
1
原创 使用flex布局进行文字的上下左右居中
display: flex;justify-content: center;----上下对齐align-items: center;--------左右对齐
2018-11-26 13:53:44
11608
1
原创 mpvue传参遇到特殊符号“&”后面的内容都传不过来的解决方法
1.在全局引用import { getQuery, toParams} from '@/libs/utils'Vue.prototype.query = getQueryVue.prototype.params = toParams2.通过地址传参，首先构造要传的内容 goTest (item) { const query = { describ...
2020-01-15 14:23:57
489
原创 JS中if判断的小技巧
1.一个“=” 代表把b赋值给alet a=1;let b=2;if(a=b){ console.log(a)}2.两个“=” 判断b是否等于alet a=1;let b=2;if(a==b){ console.log(“success”)}3.三个“=” a与b的类型也要相等let a=2;let b=“2”;if(a==b){ console.log(“su...
2020-01-08 14:01:54
401
原创 vue的生命周期跟小程序的生命周期
// vue 生命周期beforeCreate () {console.log(‘vue [page-blog] beforeCreate’)},created () {console.log(‘vue [page-blog] created’)},beforeMount () {console.log(‘vue [page-blog] beforeMount’)},mount...
2019-12-22 16:16:37
583
原创 vue 数组中 下一行的标题如果和上一行一样，则不显示
<div class="rf-item" v-for="(item,index) in airData" :key="index"> <div v-if="index == 0" class="ri-left">{{item.device_name}}</div> <div v-else class="ri-le...
2019-11-29 11:36:59
363
原创 js按照需求重构数组
// 饼图 async screenTablespace() { const result = await screenTablespace(); if (result) { const colors = [ "#014CF5", "#06D9D9", "#06B7D9", ...
2019-11-29 11:16:11
229
原创 js把几个数组加到新数组中
a1:["1","2","3"],a2:["1","2","3"],a3:["1","2","3"],a4:["1","2","3"],a5:["1","2","3"],a6:["1","2","3"], this.colorList = this.colorList.concat(a1, a2, a3, a4, a5, a6);
2019-11-15 10:09:24
769
原创 JS数组求和
var arry = [{'id': 80, 'price': 50}, {'id': 20, 'price': 30}, {'id': 20, 'price': 300}];var strarr = [];for (let i in arry) { strarr.push(arry[i]['price'])};console.log(eval(strarr.join('+')))...
2019-11-13 16:07:47
115
原创 vue报错Cannot read property '_t' of undefined
是在项目中用了多语言配置，vue 跟 i18n之间的兼容问题。解决方法如下Vue.use(ViewUI) 替换成Vue.use(ViewUI, { i18n: function (path, options) { let value = i18n.t(path, options); if (value !== null && value !== unde...
2019-10-15 16:10:32
6612
原创 markdown用法
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点：1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前...
2019-09-26 16:44:27
152
原创 使用echarts渐变色报错
今天复制了官网上一个案例，但是运行的时候报错，报错内容为查看代码发现：color: new echarts.graphic.LinearGradient这里出错了，找了好久才知道是渐变色的问题；先贴一下官方写的代码： var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, ...
2019-09-26 16:09:09
3174
2
原创 mpvue音频进度条实现方式
首先看到小程序官方文档中媒体组件有audio，但是已经不适用于是找到关于音频的api：wx.createInnerAudioContext()，废话不多数，直接上代码play () { // this.playAudio() this.playing = false const innerAudioContext = wx.createInnerAudioC...
2019-09-23 15:27:29
556
原创 map、join用法
有一数组： arrayList: [ { name: '专科', code: '1' }, { name: '本科', code: '2' }, { name: '研究生', code: '3' ...
2019-09-11 16:10:13
1937
原创 使用iview-area遇到的一些坑
1.选择的时候默认是“/”隔开，如何换成“-”隔开官方文档： <al-cascader :render-format="label => label.join('-')" />2.默认四级联动，如何设置三级 <al-cascader level="2" :render-format="label => label.join('-')" />...
2019-09-09 16:46:11
1147
原创 小程序中身份证号码认证简单的判断方法
var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/ //this.form.idno是input里的值 if (reg.test(this.form.idno) === false) { wx.showToast({ title: '请输入正确的身份证号码', icon: 'none...
2019-09-09 09:19:16
3083
原创 echarts中options里一些参数含义
myChart.setOption({ backgroundColor: "#2c343c", // 标题的一些配置参数 title: { text: "饼图啊", left: "center", top: 10, textStyle: { ...
2019-09-07 13:32:32
6534
原创 有两个数组 a:["苹果","橘子","香蕉"]，b:["5","6","7"],如何然他们一一对应，也就是{"苹果:5","橘子:6","香蕉:7"}
我的做法是 for (var i = 0; i < a.length; i++) { console.log(i) var activeSubjectsObject = {} for (var j = 0; j < b.length; j++) { if (i == j) { activeS...
2019-08-14 15:47:49
640
原创 indexOf跟split用法
项目中遇到这样的一个问题:有一组数据： <div v-for="(item,index) in array" :key="index"> {{category}} </div>array:[ { a:"地区" }, { a...
2019-08-12 16:10:58
285
原创 小程序scroll-view水平移动的注意要点
<scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" class="a-scroll"> <div class="at-item" :class="{'change-tab':activeIndex1==index1}" v-for="(item,index1)...
2019-07-26 09:48:13
393
原创 小程序单选
<div class="ab-select" v-for="(item,index) in answerList" :key="index" @click="selectAnswer(index)"> <wux-icon v-if="activeIndex==index" type="md-checkmark-circle" color="#2862ff" siz...
2019-07-25 13:52:08
133
原创 微信小程序获取用户头像跟昵称
<open-data type="userAvatarUrl"></open-data> //获取用户头像<open-data type="userNickName" lang="zh_CN"></open-data> //获取用户昵称
2019-07-23 11:11:19
859
原创 关于时间的筛选
<DatePicker v-model="searchForm.created_at" type="datetimerange" format="yyyy-MM-dd" placeholder="选择下单时间" style="width: 100%" @on-change="(e)=>{ this.dateReset( e, 'created_at' )}" />import...
2019-07-15 15:52:00
318
原创 vscode常用文档
1.vetur2.eslint3.live server4.vue-beautify5.chinese language6.easy-less7.minapp8.open in browser 从浏览器中查看html文件，使用系统的当前默认浏览器
2019-07-02 10:53:44
330
原创 小程序自带下拉刷新实现方式
1.路由里添加enablePullDownRefresh: true,2.` onPullDownRefresh() { this.startPullDownRefresh(); },3.调接口 async startPullDownRefresh() { //在标题栏中显示加载 await this.list(); await thi...
2019-06-26 13:40:39
421
原创 判断忙闲的代码片段
// 工人闲忙状态 stateText() { const number = this.data.number; if (number < 2) return '闲'; if (number < 5) return '有点忙'; return '非常忙' }, //状态颜色改变 changeTitl...
2019-06-24 15:32:58
129
原创 小程序 通过计算属性 改变状态
<!-- 工期剩余 --><!-- 还剩下3天的时候变成红色 --><template> <div class="day-residue-tag"> <span>{{stateTitle}}：</span> <span>{{residueTime}}</span> </...
2019-06-24 15:32:25
286
原创 js获取今日凌晨时间跟23点59分59秒时间
凌晨时间：new Date(new Date().setHours(0, 0, 0, 0)),23点时间：new Date( new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1 ...
2019-06-24 14:57:31
3200
原创 css渐变色
css分两种渐变线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义从上到下的渐变 background: linear-gradient(red, blue); /* 标准的语法 */从左开始的线性渐变 background: linear-gradient(to right, red , ...
2019-06-24 14:55:29
114
原创 子组件调父组件数据
<template> <div class="home"> <div class="home-search"> <div class="hs-left"> <img src="../../../static/img/home/map.png" class="img"> <spa...
2019-06-03 16:23:31
103
原创 后台系统
//按照接口传回类型 statusList: [ { value: JSON.stringify([-1]), label: '订单取消' }, { value: JSON.stringify([0]), label: '待接单' }, ...
2019-06-02 20:47:19
150
原创 vue数组的查找与筛选
1.从接口获取到的数据传到vuex里，实现方法：找到获取列表的接口： if (result.code === 1) { this.workerList = result.data // 将工人id存进全局 this.set({ workers: result.data.map((x) => { ...
2019-05-22 17:39:19
9014
转载 vscode如何设置不自动换行
在 文件-首选项-设置-扩展-在settings.json中添加如下代码{“vetur.format.defaultFormatterOptions”: {“js-beautify-html”: {“wrap_line_length”: 120,“wrap_attributes”: “auto”,“end_with_newline”: false}},“vetur.format....
2019-05-10 13:51:48
19808
8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人