- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue项目代理名和baseURL一致出现的问题
当我们给axios设置了baseURL的时候，如果代理的根路径和baseURL一样，则会出现代理（本例子即/newcoplat）被替换两次的情况const service = axios.create({ baseURL: '/newcoplat', timeout: 5000,})proxyTable: { '/newcoplat': { target: 'http://10.157.98.129:8081', // 源地址 secure: .
2021-07-09 15:10:34
1165
原创 vue项目发布后文件未生效
修改的项目源代码没有生效（vue，js，css）解决方案：在build文件夹下webpack.prod.conf.js文件中生成一个时间戳，在输出文件后面加上时间戳，使每次生成最新的文件如果还存在有文件（非源代码）没有更新解决方案：使用clean-webpack-plugin (注意使用稳定版本)作用：将指定的出口文件夹下的文件全部删除1.npm install -D [email protected].在build文件夹下webpack.prod.conf.j.
2021-05-22 01:01:53
4920
1
原创 echarts自定义图形
效果图：上代码：option = { legend: { data: ['pictorialBar', 'bar'] }, xAxis: { data: ['symbolRepeat: true', 'symbolRepeat: false'] }, yAxis: { splitLine: {show: false} }, animationEasing: 'elasticOut', ser
2021-05-20 11:14:52
1094
原创 echart制作堆叠图
效果图：上代码（vue示例）：<template> <div class="chart-pie-com-con" ref="chart"></div></template><script>import barIcon1 from "@/assets/imgs/bar-3d-blue.png";import barIcon2 from "@/assets/imgs/bar-3d-yellow.png";export defau
2021-05-20 09:58:38
1090
原创 echarts柱状图柱体使用图片
效果图：直接上代码：let option = { color: ["#bb0004", "#FFD48A"], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, },
2021-05-20 09:33:44
2707
原创 animation和transition的区别及使用
1.animation概念可以用 name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-state 动画是否正在进行或者暂停，fill-mode 设置动画停了之后位置什么状态animation 属性是一个简写属性，用于设置六个动画属性：animation-name 规定需要绑定到选.
2020-07-10 17:49:16
588
原创 发布vue组件到npm
一.创建组件并配置1.通过vue脚手架的简易版vue init webpack-simple命令创建一个vue工程（前面的博客有）2.写好自己的组件，并做好配置项目结构如图：1）说明：src下的index.js是项目的入口文件（改了配置文件）；demo1文件夹表示一个组件的分类；demo1下的index.js是为了将index组件暴露出去；dist文件夹中的index.js是将要发布...
2019-10-24 10:32:11
276
原创 vue中radio根据动态值绑定checked无效
1.问题分析： 在vue之前，我们想要获取某一组（设置相同的name属性）radio的选中状态是通过name属性获取，判断input的checked是true还是false，但是当列表中有多组（动态获取）就显得很乏力；vue出现后我们可以通过v-model很巧妙的完成。2.vue中分析（完成代码请看后面） <input :name="item.COLUMN_CODE" :...
2019-09-30 11:01:53
4073
原创 mint-ui中mt-search兼容ios在软键盘显示“搜索”
首先简单粗暴上代码： <form action="" v-on:submit.prevent="" ><!--autofocus--> <mt-search :attr="{autofocus: false}" placeholder="搜索人名、标题、内容、状态" @keyup.enter.nati...
2019-09-08 10:41:59
339
原创 vue中企业微信 wx.onHistoryBack详解：
问题：企业微信开发中，存在一个问题，就是企业微信页面一般没有页头，我们点击企业微信“返回”不能控制跳转到指定的页面，造成的后果就会出现可能在两个页面来回跳转的现象。解决方案：此时我们就可以使用企业微信api—>wx.onHistoryBack解释：wx.onHistoryBack(function(){ return false });必须retur...
2019-08-23 11:47:39
5361
3
原创 js操作行
需求：弹出框中的数据是js动态生成的html代码，点击加号展开，点击减号折叠步骤：1.弹出框： <div class="am-modal am-modal-no-btn" tabindex="-1" id="popDiv1"> <div class="am-modal-dialog" style="width:800px;max-height: 100%...
2019-05-14 09:57:09
1682
原创 xlsx.core.min.js获取excel数据
需求：首先点击“模板下载”下载excel模板（房号模板.xlsx直接存放在工程下），存放需要导入的数据==（导入一列数据，如有需求，可自己拓展）==，然后点击批量导入按钮选择excel目标文件，将数据获取封装到json中。相关操作：js文件(通过CDN方式引入)<script src="https://cdn.bootcss.com/jquery/3.2.1/jque...
2019-04-12 12:46:06
6688
原创 js操作批量数据的节点
需求：如下图，点击单元后面的“+”可以增加一列单元input框，点击“-”可以删除当前input框from表单的jsp代码： <form id="addBuildingUnitForm" class="add-popu-form" data-am-validator> <div class="inputItem"> <...
2019-04-09 10:30:31
516
原创 vue异步加载图片路由
懒加载（图片）1.npm install vue-lazyload --save此过程是下载懒加载包，但是可能会出现权限错误，建议使用npm install vue-lazyload --save --no-optional2.在main.js中导入包并注册（看截图）import VueLazyload from ‘vue-lazyload’Vue.use(VueLazyload,...
2019-03-20 18:07:38
4743
原创 amaze-ui时间插件
点1：参考文档不能选错，amaze的默认文档是http://amazeui.org/javascript/datepicker，但是当我们要使用datetimepicker是就要使用https://github.com/amazeui/datetimepicker，这就是我想吐槽的地方了，amaze竟然把datetimepicker放在一个不起眼的小角落里，这是大家需要注意的地方。点2：am...
2019-03-20 10:27:42
2879
原创 vue项目中路径中为什么默认有index.html#
使用vue开发了很多手机app还有微信公众号页面，开始的时候一直都是在以完成项目为目的，没有去思考一些东西，只知道怎么去用，发现成长的太慢了。一段时间没有去开发vue的项目，突然有一天一个同事过来问我项目是不是出错了，搞了半天也没有找到问题，只是访问项目的时候浏览器页面一片空白，于是细心地去看了一下，后来想了一下该准备的东西都准备了，也没有报错是不是路径的问题，后来发现真的是这么回事，在访问的时...
2019-03-13 16:07:16
14970
4
原创 ImagePreview实现图片预览
需求：现在很多手机app都不用原生态开发，我们可以使用手机前端ui框架实现。例如：本案例使用的是vue+cube-ui，那我们要实现在手机上查看大图，即点击图片，图片放大，可以对图片进行缩放，如果有多张，可以滑动切换。下面直接上代码： <template> <div class="container"> <div class="header...
2019-03-11 09:13:23
3388
2
原创 js操作table行
需求：例如在有些项目中我们需要对table中的行进行动态添加和删除，因为table中的记录数不确定。点击“+”可以添加一行，点击“删除”可以删除当前行，可以在每一行中添加onclick方法deleteEnumItem进行调用function deleteEnumItem() { var tab2=document.getElementById("enumTable");//获...
2019-03-08 10:09:22
12568
3
原创 amazeui验证遇到的坑
jsp样例：form加上data-am-validator才能使验证生效：&lt;form id="addPopuForm" class="add-popu-form" data-am-validator&gt;&lt;div class="inputItem"&gt; &lt;div class=&quo
2019-03-08 08:32:56
1319
1
原创 input图片上传
方式一：jsp代码：人脸采集 &lt;form id="addMultiDeviceFm" hidden class="form-horizontal"&gt; &lt;div class="form-group"&gt; &lt;label for="fil
2019-03-07 15:15:06
9841
2
原创 前端音频播放
js实现： var noticeAudio = "pub/audios/notice.mp3"; var audio = new Audio(noticeAudio); audio .play(); //播放html5实现（具体参考官方文档）： 方式一： <div class="wrap"> <audio autoplay="autop...
2019-03-07 12:24:31
5718
原创 js长按事件
H5地图开发中js长按事件需求：以在百度地图中为例，我们需要在地图上长按（大约500s，可以自定义），然后显示地图标注，下面两种方式对比。方式一：使用js touch事件模拟var that = this;var timeOutEvent = 0;that.map.addEventListener("touchstart", function(e) { // 长按事件触发 ...
2019-03-07 10:16:58
3668
翻译 正则校验身份证
正则校验身份证/^ [1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/下面做出解释：^ [1-9]：1-9开头；\d{5}：5位任意的正整数；(18|19|20)：18或19或20，表示年份开头；\d{2}： 2位正整数，表示年份结尾；(0[1-9])|(1[0-2]...
2019-03-07 09:31:00
1948
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人