![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Roriring
这个作者很懒,什么都没留下…
展开
-
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 · 1256 阅读 · 0 评论 -
vue项目发布后文件未生效
修改的项目源代码没有生效(vue,js,css)解决方案:在build文件夹下webpack.prod.conf.js文件中生成一个时间戳,在输出文件后面加上时间戳,使每次生成最新的文件如果还存在有文件(非源代码)没有更新解决方案:使用clean-webpack-plugin (注意使用稳定版本)作用:将指定的出口文件夹下的文件全部删除1.npm install -D clean-webpack-plugin@3.0.02.在build文件夹下webpack.prod.conf.j.原创 2021-05-22 01:01:53 · 5576 阅读 · 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 · 1145 阅读 · 0 评论 -
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 · 1232 阅读 · 0 评论 -
echarts柱状图柱体使用图片
效果图:直接上代码:let option = { color: ["#bb0004", "#FFD48A"], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: "shadow", // 默认为直线,可选为:'line' | 'shadow' }, },原创 2021-05-20 09:33:44 · 3029 阅读 · 0 评论 -
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 · 645 阅读 · 0 评论 -
发布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 · 295 阅读 · 0 评论 -
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 · 4304 阅读 · 0 评论 -
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 · 369 阅读 · 0 评论 -
vue中企业微信 wx.onHistoryBack详解:
问题:企业微信开发中,存在一个问题,就是企业微信页面一般没有页头,我们点击企业微信“返回”不能控制跳转到指定的页面,造成的后果就会出现可能在两个页面来回跳转的现象。解决方案:此时我们就可以使用企业微信api—>wx.onHistoryBack解释:wx.onHistoryBack(function(){ return false });必须retur...原创 2019-08-23 11:47:39 · 5963 阅读 · 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 · 1719 阅读 · 0 评论 -
js操作批量数据的节点
需求:如下图,点击单元后面的“+”可以增加一列单元input框,点击“-”可以删除当前input框from表单的jsp代码: <form id="addBuildingUnitForm" class="add-popu-form" data-am-validator> <div class="inputItem"> <...原创 2019-04-09 10:30:31 · 536 阅读 · 0 评论 -
正则校验身份证
正则校验身份证/^ [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 · 2056 阅读 · 4 评论 -
js长按事件
H5地图开发中js长按事件需求:以在百度地图中为例,我们需要在地图上长按(大约500s,可以自定义),然后显示地图标注,下面两种方式对比。方式一:使用js touch事件模拟var that = this;var timeOutEvent = 0;that.map.addEventListener("touchstart", function(e) { // 长按事件触发 ...原创 2019-03-07 10:16:58 · 4106 阅读 · 0 评论 -
前端音频播放
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 · 5845 阅读 · 0 评论 -
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 · 10112 阅读 · 2 评论 -
ImagePreview实现图片预览
需求:现在很多手机app都不用原生态开发,我们可以使用手机前端ui框架实现。例如:本案例使用的是vue+cube-ui,那我们要实现在手机上查看大图,即点击图片,图片放大,可以对图片进行缩放,如果有多张,可以滑动切换。下面直接上代码: <template> <div class="container"> <div class="header...原创 2019-03-11 09:13:23 · 3659 阅读 · 2 评论 -
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 · 1347 阅读 · 1 评论 -
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 · 2962 阅读 · 0 评论 -
js操作table行
需求:例如在有些项目中我们需要对table中的行进行动态添加和删除,因为table中的记录数不确定。点击“+”可以添加一行,点击“删除”可以删除当前行,可以在每一行中添加onclick方法deleteEnumItem进行调用function deleteEnumItem() { var tab2=document.getElementById("enumTable");//获...原创 2019-03-08 10:09:22 · 13019 阅读 · 3 评论 -
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 · 4824 阅读 · 0 评论 -
vue项目中路径中为什么默认有index.html#
使用vue开发了很多手机app还有微信公众号页面,开始的时候一直都是在以完成项目为目的,没有去思考一些东西,只知道怎么去用,发现成长的太慢了。一段时间没有去开发vue的项目,突然有一天一个同事过来问我项目是不是出错了,搞了半天也没有找到问题,只是访问项目的时候浏览器页面一片空白,于是细心地去看了一下,后来想了一下该准备的东西都准备了,也没有报错是不是路径的问题,后来发现真的是这么回事,在访问的时...原创 2019-03-13 16:07:16 · 15506 阅读 · 4 评论 -
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 · 6948 阅读 · 0 评论