- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue dhtmlx-gantt实现甘特图（接入后台数据）
<div ref="gantt" style="width: 100%; height: 550px" class="gantts"></div>关于gantt的数据格式要求官网数据格式详细：https://docs.dhtmlx.com/gantt/desktop__loading.html<script>import gantt from "dhtmlx-gantt"; // 引入模块import "dhtmlx-gantt/codebase/skin.
2022-01-14 16:28:38
3601
原创 axios中get请求的params参数中带数组的处理方法
cnpm install --save qsimport qs from 'qs'axios.get(url, { params:{ arr: [1,2,3] }, paramsSerializer: function(params) { return qs.stringify(params, {arrayFormat: 'repeat'}) }})qs.stringify({ids: [1, 2, 3]}, { indices: .
2022-01-14 15:32:01
1175
原创 JS 学习
解决 parseInt()的神秘行为：parseInt(0.0000005) => 5parseInt()是JavaScript的内置函数，用于解析数字字符串中的整数。parseInt()的神秘行为parseInt()的第一个参数如果不是字符串，将执行ToString操作，将其转换为字符串，然后再将该字符串解析为整数值parseInt(0.5); // => 0parseInt(0.05); // => 0parseInt(0.005); // => 0parseInt
2022-01-04 18:06:05
646
原创 E charts x轴自动滚动展示---dataZoom
<div id="chartsStudy"></div><script>import * as echarts from "echarts";export default{ methods:{ chartDom(){ var myChart = echarts.init(document.getElementById("chartsStudy")) var xData = ['一月','二月','三月','四月','五月','六月','七月','
2021-12-29 11:45:57
1586
原创 /动态设置element DatePicker日期组件的disabledDate禁选日期
pickerOptionsLeave() { const _this = this return { disabledDate(time) { return time.getTime() < new Date(_this.order.arrival).getTime() }, selectableRange: '14:00:00- 14:00:00' } },
2021-10-22 10:32:34
332
原创 vue批量下载
// 批量下载 handleMultipleDown() { const zip = new JSZip(); const cache = {}; const promises = []; this.fileList1.forEach((v) => { const promise = this.getFileMethods(v.url).then((data) => { // 下载文件, 并存成Array
2021-10-21 15:12:52
137
原创 微信小程序---左滑显示删除 movable-area
movable-area首先页面排版：<view class="act_box"> <view class="product_item" wx:for="{{adminData}}" wx:key="index"> <movable-area class='movable-area'> <movable-view class='movable-view bg_white' direction="horizonta.
2021-06-22 15:27:46
295
原创 微信小程序-----从相册中选择图片和拍照
小程序从底部弹出选择框可以使用***wx.showActionSheet()***操作菜单，具体配置可以看微信官方文档如果用户选择了从相册中选择，通过wx.chooseImage()选择图片进行上传wx.uploadFile()如果用户点击了拍照功能，实现效果以下：可以看出顶部导航被取消掉，整个页面被铺满，那么取消顶部导航的方式：“navigationStyle”:“custom”//custom 自定义导航栏，只保留右上角胶囊按钮小程序的camera组件是需要授权的，在拍照之前，页面初始化
2021-06-22 14:47:29
2068
原创 微信小程序----实现语音的录制，并将语音转为文字
最近在开发微信小程序，遇到一个需求，实现类似于微信发送语音的效果，但是我这个是发送语音后直接转为文字展示。先说微信小程序的textarea0/200. 是限制用户输入的最长长度0这个位置 首先是根据用户输入的长度变化而变化的200 是用户输入最长度通过bindinput去监听用户的输入的长度，如果用户输入小于最大值，将长度赋值给0的位置在用真机调试的时候发现，textarea的输入值还有placeholder回悬浮在手机上，通过多次查询发现给textarea添加fixed属性会解决
2021-06-22 10:01:10
5015
原创 vue--短信验证码
最近在做一个用户预约的功能，其中就是需要对用户进行一个手机号校验。在form表单中，用户需要填写手机号并通过短信获取验证码首先<el-form-item label="" prop="phone"> <el-input v-model="ruleForm.phone" maxlength="11" placeholder="电话号码" type="text" autocomplete="off" /> <el-button @cli
2021-05-20 14:32:22
963
原创 vue---点击空白处隐藏div
需求说明：最近在写移动端，UI设计给出顶部导航设计，点击左边的默认图片，出现菜单栏的div盒子，于是我的代码设计如下：<div class="left-nav" @click="handleChange"> <div v-if="!activeStatus" class="init-menu"></div> <div v-else class="active-menu">/菜单栏/</div></div>handleChan
2021-03-09 11:48:12
995
1
原创 如何判断是移动端
在兼容pc端还是移动端时，经常会找个临界值去判断是否是移动端：$(document).ready(function() { var browser = navigator.userAgent.toLowerCase() var phone = /iphone|ipod|ipad|android|mobile|blackberry|webos|incognito|webmate|bada|nokia|lg|ucweb|skyfire|micromessenger/i if (phon
2021-02-24 15:13:21
455
原创 移动端开发----el-select、div点击出现蓝色背景色
最近在开发移动端的过程中发现，点击div实现页面跳转时，或者进行el-select进行下拉框选择，回出现蓝色背景色经查阅，使用 -webkit-tap-highlight-color该属性即可解决.el-select{ -webkit-tap-highlight-color: transparent !important; }这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要
2021-02-24 15:09:22
1121
原创 css.不同图片在固定div下自适应填充
.top-imagebox{//div width: 60%; height: 40%; overflow: hidden; position: relative; img{ position: absolute; top: 0; right: 0; left: 0; bottom: 0;
2021-02-22 09:41:50
134
原创 element之upload上传组件
实现上传的两种方式：1、自定义上传<el-upload class="upload-demo" :limit="1" action="" accept=".mp4,.flv" ref="uploadFile" :auto-upload="false" :show-file-li
2020-12-28 15:16:14
700
原创 2020-12-18
vue.js对对象属性的监听data(){ return{ obj:{ name:""}}}利用watch+computedcomputed:{ name(){ return this.obj.name}},watch:{ name(val){ console.log(val)}}
2020-12-18 16:24:15
76
1
原创 面试题整理
最近正在找工作，整理一些面试题，给自己加油！！！v-show和v-if的区别？？v-show只是控制元素的显示，当值为false时，他的样式显示为display:none；v-show更加节省性能上的开销。v-if控制的是dom节点的存在与否。如果运行条件很少改变时，使用v-if较好。什么是闭包？什么情况下会使用到闭包？函数是可以访问上一层函数作用域变量，即便上一层函数已经关闭使用闭包的情况：1.通过循环给页面上的多个dom绑定事件。2.把一些不希望暴露在全局的变量变成私有变量。3.
2020-10-19 20:12:59
522
1
原创 用户登陆获取验证码的时候，前端需要获取验证码图片的reponse的token，然后再将设置成头部返回给后台==自定义图片拦截器
因为需要获取图片的response数据，因为这个不是走的接口，所以在axios的response拦截器里面是回去不到图片的response的token。所以 需要给图片自定义一个ajax，在图片拦截器里面去获取数据。<template><div> <el-input v-model="loginForm.code" placeholder="输入验证码"></el-input> <img
2020-08-17 10:44:45
887
原创 前端获取后台返回的response数据token，并将这个数据token设置成接口的头部传给后端
cookie设置值，获取值的方法function setToken(name, value) { document.cookie = name + "=" + value}function getToken(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]
2020-08-17 10:16:20
7716
原创 统一封装axios,使用拦截器对接口做统一处理
封装axios=== request.js文件1.根据需要引入模块import axios from 'axios'import { Message, MessageBox } from 'element-ui'import router from '../router'import store from '../store';2.创建一个axios实例// 创建axios实例//axios默认是发送请求的时候不会带上cookie的，需要通过设置withCredentials: true来
2020-08-17 10:01:30
497
原创 el-input，使用keydown事件时，优化频繁触发后端==防抖在vue中使用
原型：<el-input style="width:200px" size="small" v-model="searchKeyword" type="text" @keydown.native="searchhandle" placeholder="搜索" ></el-input>data(){ searchFr
2020-08-04 13:52:00
2550
原创 使用knova canvas 绘制线路的思路整理，代码篇
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>konva</title> <style> body { margin: 0;
2020-07-09 11:22:37
710
原创 使用knova canvas 绘制线路的思路整理，下一篇添加代码
主要实现一下效果绘制上图中的线路方法1.绘制整条线路需要确定各个点的坐标1.各个线路端点的坐标又是有整个屏幕的宽高和几个part决定可以通过window.width|height来获取宽高，这个线路图一共分为八f份，根据三个数字来确定各个点的坐标首先将两个坐标分为左边arr和右边arr1，循环这个part左边的：x轴坐标是一样的，y轴坐标是递增的arr.push([1 / this.part * this.width, (i + 1) / this.part * this.height
2020-07-09 11:18:23
325
原创 小程序给循环的数组中在某个位置中插入两边横线，中间文字的效果
理清需求1.在获取到需要循环的数组list时，找到那个特定位置，也就是她在整个位置中的下标，比如list里面的日期和当天日期进行一个判断，返回符合条件的下标。2.将下标设置为全局属性，然后再页面中判断下标和那个变量相等时才显示。wx.xml//判断显示时的条件 <view wx:if="{{index==showDown}}" class="DayMessage">已经阅读完当天信息</view>wx.css.DayMessage{ text-align: c.
2020-07-08 09:31:01
413
转载 关于vue使用slot
vue 里面组建api有三种1.props：实现数据传参2.events：实现触发事件3.slot：实现内容分发单个slot组件包含一个slot组件模版：<div> <p>我是组件中自带的段落</p> <slot>如果没有需要插入的内容，就显示我啦～</slot></div>结论：1.如果我们不需要渲染内容，则显示slot原本的内容：“如果没有需要插入的内容，就显示我啦～”2.如果我要渲染：<bigb
2020-07-02 16:14:05
184
原创 设置E charts柱状图X-Y轴字体颜色，改变饼图大小和位置
1.设置E charts柱状图X-Y轴字体颜色yAxis: [ { type: "value", axisLabel: { show: true, textStyle: { color: "#fff" } } } ],x轴同理2.改变Echarts饼图大小和位
2020-06-29 17:15:13
1053
原创 Echarts实现成都市地图下钻
1.首先获取成都市的json文件，以及成都市各个位置的json文件在mounted触发注意：vue-cli4获取json文件数据，使用相对位置获取mounted(){ this.chengdu = "http://192.168.1.79:8082/static/chengdu.json"; this.chenghuaqu = " http://192.168.1.79:8082/static/chenghuaqu.json"; this.chongzhoushi = " http:
2020-06-28 14:54:55
2912
19
原创 Git将本地项目关联到远程仓库
Git将本地项目关联到远程仓库在本地项目的终端中加入1.git init2. git remote add origin 远程仓库地址3. git add .4. git commit -m “first commit”’5. git push --set-upstream origin master如果没有master权限就会报错： ! [remote rejected] master -> master (pre-receive hook declined)error: fail
2020-06-23 15:57:50
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人