- 博客(31)
- 收藏
- 关注
原创 前端下载数据流文件
接口配置export function exportEmployeeList (data) { return post(`${baseUrl}staff/excel`, data, { headers: { 'Content-Type': 'application/json' }, responseType: 'blob' })}转化文件exportEmployeeList({ mainDepartmentIds: mainDepartmentId, .
2022-02-25 16:39:27
822
原创 记录微信h5分享失败----外链分享问题记录
情况描述配置成功debug弹出成功提示分享结果展示部分代码展示// weChatConfig注入微信配置weChatConfig.injectConfig(() => { wx.onMenuShareAppMessage({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: 'https://sxzqtest.moguyun.com/xxxx/xxxx/xxxx', // 分享链接,该链接域名或路径必
2022-01-19 10:02:42
901
原创 vue-使用pdfh5预览pdf
父组建// url为预览的pdf文件地址<detailShowPdf v-else :url="url" />子组建// dom<div class="pdf_box"> <div id="demo"></div></div>// jsimport Pdfh5 from "pdfh5"; export default { props: { url: { type: String, .
2021-10-12 20:17:01
570
原创 vue-虚拟键盘组建
父组建// inputStr-输入的内容// showKeyBoard-是否展示数据键盘<keyboard v-model="inputStr" :visible.sync="showKeyBoard" />子组建// html<div id="keycontent" v-if="visible"> <div id="keyboard"> <div class="keyTitle"> <div clas.
2021-09-15 10:29:42
1381
原创 使用企业微信的jsdk调用企业微信api--前端
引入配置信息接口获取配置信息api.getWxConfigParams({ corpId: Config.corpId, ticketType: 2, url: encodeURIComponent(window.location.href.split('#')[0]), f: 1// 游客态可以查询}).then(res => { if (res.code === 0) { const { appId, nonceStr, signature,
2021-08-25 11:13:19
3545
1
原创 微信公众号平台微信分享&&微信h5跳转微信小程序---签名错误导致原因
微信分享实现前端发送接口获取微信配置信息api.getWxConfigParams({ currentUrl: encodeURIComponent(window.location.href)}).then(res => { if (res.code === 0) { const { appId, nonceStr, signature, timeStamp } = res.data //执行第二步 } else { console.error(res.msg)
2021-06-10 10:04:52
1009
1
原创 Vue聊天移动端手机横向
实现移动端横向样式兼容...mounted(){//进入页面及是横屏状态if(window.orientation===90||window.orientation===-90){//横向了}//注册监听横向事件let that = this;window.addEventListener('orientationchange',that.changeH,false);},destroyed(){//离开页面取消横向监听//挂在在window上的事件监听,在注销的时候,要保证是同一
2021-03-09 15:28:41
396
原创 前端静态文件下载处理方式
前端静态文件下载处理方式a标签自带下载实现方式javascript // vue下载本地文件时,一定要把本地静态文件存放在配置文件指定的文件夹下,小编是assets目录 // ie浏览器发现a标签的download属性无效 <a href='./assets/download/template.pdf' download='template'>下载模板</a>问题1在a标签上添加target="_blank" 熟悉,让ie浏览器直接打开新的标签页,预览文件后下载。问
2021-01-21 11:33:28
1721
原创 动画定时器之requestAnimationFrame和cancelAnimationFrame
/*html*/<div class="save_money_box02"> <img class="tit" src="https://oss-image.dfs168.com/market/588/tit02.png" alt="" /> <div class="scroll_box canScroll" id="01"> <div class="con will_move">
2020-06-02 10:22:43
598
原创 vue cli3配置vue.config.js
//vue.config.js文件配置内容const proxy = require('http-proxy-middleware');module.exports = { /** 区分打包环境与开发环境 * process.env.NODE_ENV==='production' (打包环境) * process.env.NODE_ENV==='development' (开发环境) * baseUrl: process.env.NODE_ENV==='production'?"
2020-05-13 15:26:44
490
原创 vue实现订单气泡提示
需求点:一句话概括 —— 为营造活动氛围,在主要页面添加订单成功提示,详情参考拼多多;细分需求 —— 1. 在首页,商情页,购物车,搜索页和列表页等只要页面添加气氛提醒; 2. 请求接口拿到对应当前时段的用户下单数据,根据接口记录下次接口的请求参数; 3. 数据在每个页面均连续展示,一个接口最多五十条数据; 4. ...
2019-09-10 10:17:31
4653
原创 vue之vuex的模块导入
/* vuex模块文件(form.js) */import router from "../../router";import request from "../../utils/request";const state = { step: { payAccount: "123456" }};const actions = { async submitStepF...
2019-08-02 12:29:25
1447
原创 vue中使用lodash小工具
lodash百度词条对lodash的解释:一个 JavaScript 的实用工具库, 表现一致性, 模块化, 高性能, 以及 可扩展。内涵大量的处理函数,具体有哪些可以查看Lodash 中文文档,现在我们来看一下其在vue项目中的使用,这里我用几个小案例来呈现。安装npm i --save lodash引入/* 示例一 */import debounce from "lodash/d...
2019-08-01 10:54:44
1109
原创 防抖与节流(鼠标移入事件每隔一段时间执行)
<template> <div> <button @click="show = !show"> Toggle render </button> <transition name="custom-classes-transition" enter-active-class="animated tada" leave-activ...
2019-06-14 17:42:17
4873
原创 uin-app初体验H5 api使用
messaging(手机发送短信测试)<!-- 废话不多说直接怼代码 --><template> <view class="openBox_page"> <div class="logo" @click="smsTest">{{title}}</div> </view></template>&...
2019-06-12 15:18:08
1795
2
原创 图片切换+滑动切换
样式 <style> *{ padding: 0; margin: 0; } html { height: 100%; } body { width: 100%; height: 100%; margin: 0; overflow: hidden; } li{ list-style: n...
2019-04-02 11:52:32
1986
原创 小程序踩坑之旅
bug[1] 商城购物车手动修改商品数量1.需求展示2.渲染代码结构 <view class="pro_info clearfix {{goodsItem.goodsState == 30?'gray':''}}"> <view class="pro_title" data-goodsid='{{goodsItem.goodsId}}' bindtap='t...
2019-03-28 19:55:06
360
原创 实现百度云分享(复制粘贴)
核心内容document.execCommand("Copy");//需要手动触发,且是同步操作展示图片代码实现<!-- 样式 --><style> ul { width: 100%; padding: 0; margin: 0; list-style: none; } li { ...
2019-03-20 11:48:15
2537
1
原创 拖动图片交换位置
代码示例&lt;!-- html代码 --&gt; &lt;div class="show_content"&gt; &lt;div class="img_content_one"&gt; &lt;img src="图片路径" alt="&
2019-03-13 09:38:37
1192
原创 ES6之generator函数
generator函数定义/*Generator生成器函数:顾名思义,它是一个生成器,它也是一个状态机,内部拥有值及相关的状态,生成器返回一个迭代器Iterator对象,我们可以通过这个迭代器,手动地遍历相关的值、状态,保证正确的执行顺序。用于解决ajax的异步编程解决方案。*/// 存在形式 function* 函数名() {// 执行内容}// 调用方式函数名();//这种方...
2019-02-13 16:05:47
132
原创 多端调测方法
使用vconsole使用weinre全局安装weinrenpm -g install weinre 创建文件夹,例如:E:\program\mobile\weinreE:\program\mobile\weinre文件夹下安装//局部安装npm install weinre //执行weinre语句node node_modules\weinre\weinre --b...
2019-01-14 09:57:15
176
原创 webSocket-h5新协议
对于扫码登录,付款等需要轮询,或者长轮询方式发送频繁发生ajax请求解决问题的方式,在webSocket出现后有了新的解决办法.webSocket通俗点讲,就是一种有别于http的协议,客户端发送请求给服务器,告诉服务器我使用的是webSocket,并且携带上自己的请求信息,服务器根据相应的请求,对应使用webSocket,当服务器获取到数据之后返回给客户端.只需要经过一次HTTP请求,就可以做到...
2019-01-10 17:17:39
478
原创 canvas绘制
编写文本&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot; /&amp;gt; &
2019-01-08 18:23:30
211
原创 正则匹配安卓机和ios && 适配 && 兼容
移动端样式会出现ios兼容问题,所以接触到了适配设备问题,具体问题如下:var u = navigator.userAgent;var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isiOS){ //苹果机执行部分 }else{ //安卓机执行部分 }...
2018-12-28 16:19:49
1422
原创 html2canvas.js实现页面存图
年末账单生成海报图片导入js文件&lt;script type="text/javascript" src="/lab/js/html2canvas.js"&gt;&lt;/script&gt; 预设存储图片的div和生成部分展示&lt;!-- 要生成海报的页面 --&gt;&lt;div class=&q
2018-12-27 12:18:31
1526
原创 webpack-bundle-analyzer插件的使用方式
安装npm install --save-dev webpack-bundle-analyzer //安装webpack-bundle-analyzernpm install cross-env –save -dev //解决 'NODE_ENV' 不是内部或外部命令,也不是可运行的程序或批处理文件 的报错配置/* webpack.base.conf.js文件中 */module.ex...
2018-12-25 11:19:03
11818
1
原创 vue中vee-validate表单验证组件(vux中验证借助方式)
vee-validate安装npm install vee-validate --save引用import Vue from 'vue';import VeeValidate from 'vee-validate';Vue.use(VeeValidate);组件设置import VeeValidate, { Validator } from 'vee-validate';i...
2018-12-24 15:19:46
640
4
原创 vux使用要点记录二(Cell&&Scroller)
cell的使用注册和导入组件import { Cell, Group } from 'vux'export default { components: { Cell, Group }}使用组件&lt;group&gt; &lt;cell&gt; &lt;div slot="title"&gt;规格:&lt;c
2018-12-07 09:15:42
1323
原创 vux使用要点记录(x-header&Tabbar的使用)
样式变量的使用XHeader的使用导入和注册相应组件import { XHeader } from 'vux'export default { components: { XHeader }, data() { return { header_title: &amp;amp;amp;quot;大丰收农资商城&amp;amp;amp;quot; }; }, methods: { doSomething(){...
2018-12-05 09:26:15
4213
原创 日常bug总汇
日常bug总汇(上班第一天)图片与图片之间有缝隙该图片为块级元素设置body的line-height:0;art-template模板遍历对象html部分:&amp;lt;!-- 渲染模板显示的位置 --&amp;gt;&amp;lt;div id=&quot;content&quot;&amp;gt;&amp;lt;/div&amp;gt;模板js部分&a
2018-12-04 16:24:29
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人