qq_38368356的博客

原创 在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>...

原创 css实现倒三角

width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #515151;

原创 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...

原创 Navicat for MongoDB破解版

下载链接: https://pan.baidu.com/s/1J5wy0XewZaBB6DRrzCXG0g 提取码: fm8b ，点击安装64位的参考操作方法http://www.ddooo.com/softdown/130308.htm#dltab

原创 css向左箭头

css向左箭头：&lt;div class="left"&gt;&lt;/div&gt;.left { width: 7px; height: 7px; border-top: 2px solid #867f7a; border-right: 2px solid #867f7a;transform: rotate(45deg);margin-right: -50px;...

原创 使用flex布局进行文字的上下左右居中

display: flex;justify-content: center;----上下对齐align-items: center;--------左右对齐

原创 test0000011122

https://us-east-1.signin.aws/platform/d-9067642ac7/login?workflowStateHandle=1a39993b-91d9-438e-a6cc-a29908b259f0

原创 测试1233211

https://auth.augmentcode.com/authorize?response_type=code&code_challenge=cLWHmfIDo_JRRcXyGoChL8BmPX5-P0Jvhramfohwmo8&code_challenge_method=S256&client_id=augment-vscode-extension&redirect_uri=cursor://augment.vscode-augment/auth/result&state=3ced4fe2-a40d-

原创 ceshi0915

https://www.trae.ai/authorization?login_version=1&auth_from=trae&login_channel=native_ide&plugin_version=1.0.19483&auth_type=local&client_id=ono9krqynydwx5&redirect=0&login_trace_id=0cbebdb8-e3b9-4ce8-bb8d-3e1950c01645&auth_callback_url=http://127.0.0.1:63

原创 qoder

https://qoder.com/users/sign-in?oauth_callback=https%3A%2F%2Fqoder.com%2Fdevice%2FselectAccounts%3Fchallenge%3Dio0lTsRu5YQkZqQbQREBLNH7fIHpue8Ob2KSNHVv6F8%26challenge_method%3DS256%26directLogin%3Dtrue%26loginType%3Dremote%26nonce%3D628fa4c32b7444cd864a4e5

原创 测试111111111111111111111

原创 mpvue传参遇到特殊符号“&”后面的内容都传不过来的解决方法

1.在全局引用import { getQuery, toParams} from '@/libs/utils'Vue.prototype.query = getQueryVue.prototype.params = toParams2.通过地址传参，首先构造要传的内容 goTest (item) { const query = { describ...

原创 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...

原创 vue的生命周期跟小程序的生命周期

// vue 生命周期beforeCreate () {console.log(‘vue [page-blog] beforeCreate’)},created () {console.log(‘vue [page-blog] created’)},beforeMount () {console.log(‘vue [page-blog] beforeMount’)},mount...

原创 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...

原创 js按照需求重构数组

// 饼图 async screenTablespace() { const result = await screenTablespace(); if (result) { const colors = [ "#014CF5", "#06D9D9", "#06B7D9", ...

原创 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);

原创 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('+')))...

原创 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...

原创 markdown用法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点：1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前...

原创 使用echarts渐变色报错

今天复制了官网上一个案例，但是运行的时候报错，报错内容为查看代码发现：color: new echarts.graphic.LinearGradient这里出错了，找了好久才知道是渐变色的问题；先贴一下官方写的代码： var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, ...

原创 mpvue音频进度条实现方式

首先看到小程序官方文档中媒体组件有audio，但是已经不适用于是找到关于音频的api：wx.createInnerAudioContext()，废话不多数，直接上代码play () { // this.playAudio() this.playing = false const innerAudioContext = wx.createInnerAudioC...

原创 map、join用法

有一数组： arrayList: [ { name: '专科', code: '1' }, { name: '本科', code: '2' }, { name: '研究生', code: '3' ...

原创 使用iview-area遇到的一些坑

1.选择的时候默认是“/”隔开，如何换成“-”隔开官方文档： <al-cascader :render-format="label => label.join('-')" />2.默认四级联动，如何设置三级 <al-cascader level="2" :render-format="label => label.join('-')" />...

原创 小程序中身份证号码认证简单的判断方法

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...

原创 echarts中options里一些参数含义

myChart.setOption({ backgroundColor: "#2c343c", // 标题的一些配置参数 title: { text: "饼图啊", left: "center", top: 10, textStyle: { ...

原创 有两个数组 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...

原创 indexOf跟split用法

项目中遇到这样的一个问题:有一组数据： <div v-for="(item,index) in array" :key="index"> {{category}} </div>array:[ { a:"地区" }, { a...

原创 json格式转换成这种[""]

JSON.stringify([this.form.namesfdnn ])

原创 小程序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)...

原创 小程序单选

<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...

原创 微信小程序获取用户头像跟昵称

<open-data type="userAvatarUrl"></open-data> //获取用户头像<open-data type="userNickName" lang="zh_CN"></open-data> //获取用户昵称

原创 关于时间的筛选

<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...

原创 vetur不可用解决方法

退回到之前版本选之前的版本就ok拉

原创 vscode常用文档

1.vetur2.eslint3.live server4.vue-beautify5.chinese language6.easy-less7.minapp8.open in browser 从浏览器中查看html文件，使用系统的当前默认浏览器

原创 小程序自带下拉刷新实现方式

1.路由里添加enablePullDownRefresh: true,2.` onPullDownRefresh() { this.startPullDownRefresh(); },3.调接口 async startPullDownRefresh() { //在标题栏中显示加载 await this.list(); await thi...

原创 git命令

切换到新的分支git checkout -b old-order origin/old-order

原创 判断忙闲的代码片段

// 工人闲忙状态 stateText() { const number = this.data.number; if (number < 2) return '闲'; if (number < 5) return '有点忙'; return '非常忙' }, //状态颜色改变 changeTitl...

原创 小程序 通过计算属性 改变状态

<!-- 工期剩余 --><!-- 还剩下3天的时候变成红色 --><template> <div class="day-residue-tag"> <span>{{stateTitle}}：</span> <span>{{residueTime}}</span> </...

原创 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 ...