- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 axios发送post请求java后端无法拿到数据
场景描述：如果后端是 Java（springmvc），前端使用 jQuery 的 $.ajax 发送 POST 请求，测试接口是没问题的。但是换做使用 axios 来发送 POST 请求，后端却无法获取数据。问题的主要原因是后端默认接收的 POST 请求头是 Content-Type 设置为 application/x-www-form-urlencoded 的表单请求，参数形式是 key1=...
2019-12-22 15:38:17
1390
1
原创 renderjs中，视图层怎么获取到逻辑层的变量
例如：我想在视图层使用逻辑层的某个变量，可以观测这个变量，然后通过监听调用视图层的方法，把这个变量赋值给视图层里面的data变量。8.注意逻辑层给数据时最好一次性给到渲染层，而不是不停从逻辑层向渲染层发消息，那样还是会产生逻辑层和视图层的多次通信，还是会卡。12.H5 端逻辑层和视图层实际运行在同一个环境中，相当于使用 mixin 方式，可以直接访问逻辑层数据。1.带renderjs的script标签是视图层，不带的是逻辑层（原生层）。3.在APP端renderjs层的data与原生层的data互不相干。
2024-12-26 16:21:36
365
原创 uniapp 基于xgplayer（西瓜视频） + renderjs开发，实现APP视频播放
（其中 vue 变量 为 Vue 组件中的某个数据， renderjs 模块名 为之前定义的 module 属性的值，当 vue 变量 值改变时会触发 renderjs模块名.方法名 的方法）。4、**视图层向逻辑层传参：**在 template 元素的事件绑定中使用。，通过该方式触发 renderjs 中的方法，然后在这个方法中可以使用。接下来就是在renderjs中，通过xgplayer创建视频，并且完成交互。的，后续会用这个值来调用renderjs的方法。来调用普通 Vue 组件中的方法并传值。
2024-12-25 15:51:12
914
2
原创 h5打包app点击手机返回键(滑动侧边返回）直接退出app的解决方法
h5打包的app,在android手机上，点击手机自带的物理返回键，直接退出了app。
2024-12-11 09:39:21
783
原创 input文件上传，重复上传同一文件失效
input的文件file上传通过onchange触发的，第一次上传成功后value会绑定文件，第二次触发时input的value值时，会对新的文件进行value值对比，相同的话就不会触发到。：使用input标签 file 文件上传 文件时，第一种上传成功后，修改此文件不刷新再次上传没有反应。1.文件上传成功后，把input的vlaue值 置空。2.上传时拿到文件流后把input的。等其他类型，上传成功后 改回。
2024-12-10 09:50:27
566
原创 Ajax发送数据的步骤
一、原生JS中的Ajax：第一步：创建异步对象var xhr = new XMLHttpRequest();第二步：设置 请求行 open(请求方式，请求url):// get请求如果有参数就需要在url后面拼接参数，// post如果有参数，就在请求体中传递 xhr.open("get","validate.php?username="+name)xhr.open("post","...
2024-12-10 09:39:09
632
1
原创 轮播形式展示人员预定信息 vue
纵向轮播展示预约人员信息显示两条信息，一条透明度100%，上一条透明度50%。这样轮播展示： <!-- 预约信息轮播 --> <div class="swiper-container swiper-no-swiping" id='swipers'> <div class="swiper-wrapper"> <div class="swiper-slide" :id="$index==0 ? firstSwiper : ''" :key="$index
2020-10-19 10:07:42
381
原创 js原生方法document.execCommand()复制到粘贴板
一键复制后面的按钮把前面的文字复制到剪切板上，代码如下：<div class="copyText" v-if="wxResultPage.wechatID"> 微信号： {{wechatID}} <span @click="copy(wechatID)">一键复制</span></div><script> import { Toast } from 'mand-mobile' export defaul
2020-10-15 14:14:35
1089
原创 点击提交表单，禁止失焦事件
当你提交表单时，input输入框就会失去焦点从而出发失焦事件，而我们又想当提交表单时，不触发失焦事件就可以阻止默认行为就可以了。<!-- 立即定制按钮 --><div class="insure_button" @click="toNext" @mousedown="mouseDownFun($event)"> <img :src="wxDisplayContent.confirmImgUrl" alt /></div>对应的方法methods:
2020-10-15 14:02:41
693
原创 Element ui 文件上传案例
Element ui – Upload 上传网址：https://element.eleme.cn/#/zh-CN/component/upload把官方案例代码拷贝下来的效果图如下：根据官方代码改编后的代码：<el-upload class="upload-demo" action="#" :on-preview="handlePr...
2020-04-21 13:44:08
1348
原创 面试时，你被要求手写常见原理了吗？
经典Flex布局 ❤️如今 Flex布局 不管是移动端还是PC端的应用已经非常广泛了，下面我列举几个平时项目中非常常见的几个需求。以下例子我们都以Vue项目和js为例~flex布局均匀分布后换行问题需求一：ul下有多个li，每三个li排一列，多余的换行显示。很显然，绝大部分的小伙伴都会使用Flex布局，很显然会出现一个问题就是如果li是3的倍数的话就能正常显示，若不是的话，布局就不...
2020-04-03 16:28:24
256
原创 两个不同的数组公用一个柱状图，合并成一个横坐标（对比）
两个数组合并去重有一个对象，该对象下有两个数组：var graphList = { guestList:[ {name:'A1',number:12}, {name:'A2',number:112}, ], guestListCompared: [ {name:'A1',number:12}, {name:'A44',number:32}, {name:'A32',n...
2020-04-03 11:47:44
3617
原创 echarts - markPoint 与 markLine
markPoint 表签在最大值和最小值（默认第一个最小值）但是要标记最后一个最小值；数组已经排好序： yDataValue = [15,0,0,0,0,0,0,0]; let first = yDataValue.length - 1; let secend = yDataValue[first]; series: [ { nam...
2020-03-31 15:29:13
2383
原创 echarts 折线图 有对比
#echarts 折线图代码：、let titleList = ['2月','1-2月（对比）'];let lineList = [0.29, 3.51, 29.9]; // 2月let lineCompareList = [1.2, 7.70, 13]; // 2月（对比）option = { title: { text: '渠道转化率对比', ...
2020-03-06 14:06:01
1139
原创 echarts 横向条形图 对比
横向条形图 对比先看效果图代码：需要改动的数据我都提在了最前面；let yList = ['2月','对比2月'];let collectingMediaList = [766, 350];let dealerLists = [134, 31];let regionalDelivery = [34, 31];option = { title: { tex...
2020-03-06 11:13:56
3869
原创 计算某年共有多少个月或周 -- vue
计算某年共有多少个月或周 – vue写这篇博客的日期是：2月25号所以，2020年到现在为止只有8周2019-12-30 到 2020-01-05是2019的最后一周 ，即52周代码如下： // 年选择事件：改变年份，根据周或者月计算出相应的月List和周List changeYear(data) { if (this.fetchParams.stat...
2020-02-25 10:39:26
1291
原创 某年的第几个月或第几个周换算为具体的日期 -- vue
某年的第几个月或第几个周换算为具体的日期 – vue2020年的第2月：输出为：2020第8周换算为：代码如下:// 获取统计周期范围 getDayFanWei(year, weekOrMonth, type) { if (weekOrMonth != "") { let startDate = ''; let endDate ...
2020-02-25 10:15:02
1787
原创 JS数组技巧
2020年，你必须知道的JS数组技巧1.去重在ES6的时代，有个非常快速且简单的方法，使用new Set()以及Array.from()或者展开运算符(…)//new Set()以及Array.from()Array.from(new Set([1,1,2,3,3,4,3,2])); // [1, 2, 3, 4]//new Set() 以及 展开运算符(...)[...new Se...
2020-02-20 10:50:30
167
原创 vue 中引入 echarts
# 环境依赖@vue/cli 4.0.5echarts 4.5.0vue 2.6.10直接全局引入整个 echarts# 第一步、安装模块npm install echarts -S// main.js // 第二步、引入 echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts<...
2019-12-10 20:38:32
287
原创 如何在 vue 中封装 axios
目录结构：// http.jsimport axios from 'axios' import qs from 'qs' // 引入qs模块，用来序列化post类型的数据import { Message } from 'element-ui'import router from '../router'import store from '../store/index'// 根据环境...
2019-12-10 19:40:53
182
原创 如何在vue中引入element？
环境依赖@vue/cli 4.0.5vue 2.6.10"element-ui 2.13.0babel-plugin-component 1.1.1全局安装可以直接引入整个 Element ，使用 npm 进行安装：npm i element-ui -S然后在 main.js 中加入以下内容import Vue from 'vue'import ElementUI ...
2019-12-10 19:32:12
895
原创 JS封装获取兄弟节点的方法，获取所有兄弟节点，父节点，子节点
JS获取兄弟节点，父节点，子节点这里我介绍两种方法，一种是通过自己，现在上一个兄弟节点，通过nodeType判断是否是元素节点，是就push 到一个新数组，在查找上一个兄弟节点依次类推，直到空；另一种是查找父节点，然后找到父节点下的所有子节点，在排除自己。第一种：function siblings(obj) { var a = []; // 定义一个数组，用来存 obj 的兄弟元素 ...
2019-11-14 13:08:21
1081
原创 滚轮事件
滚轮事件 mouseWheel首先判断浏览器，因为使用的浏览器不同，判断的方式不同，主要是火狐，他的事件反应和IE，谷歌等是相反的。// 滚轮事件 const mouseWheel = function(downFn, upFn) { // 判断浏览器 if (window.addEventListener) { // firefox con...
2019-11-14 13:00:15
136
原创 纯生js写的省，市，区三级联动
HTML <select name="" id="province"> <option value="0"> --------------省-------------- </option> </select> <select name="" id="city" disabled="disabled"> ...
2019-09-20 21:30:07
1031
原创 插件库
前端所需的插件库 （简单收藏）jQuery 插件库：http://www.jq22.comjQuery custom content scroller（滚动条主题）：http://manos.malihu.gr/jquery-custom-content-scrollerecharts（图示图表）：http://echarts.baidu.com/index.htmlswiper（...
2019-09-19 08:50:59
195
原创 Axure 原型设计 实现轮播图
1、新建动态面板 300200，命名为 轮播图；2、双击轮播图组合：新增state2，state3；3、双击state1，新建一个矩形框，位置 0 0 300200 填充色：红色 文字：图1；4、重复3 ，设置state2 state3；下面实现图片轮播：5、轮播图—页面载入时–设置面板状态—set轮播图–next–向后循环–循环间隔2000毫秒–进入动画...
2019-07-18 10:13:59
952
原创 PS常用操作
ctrl + j : 复制选区并新建一个图层按住ALT 滚动鼠标放大，缩小ctrl+shift+i : 选区反选钢笔工具：弧度后 ，alt取消旋转杆将路径更改为选区：ctrl+enter / 右击–创建选区ctrl+t:任意变形 自由变换ctrl+shift+alt+t ： 复制前一步的变换ctrl+g:建组ctrl+白色箭头： 更改图片形状提取图片：按住...
2019-07-18 09:54:07
172
三级省级联动.html
2019-09-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人