- 博客(48)
- 收藏
- 关注
RSS订阅原创 下载文件，后端返回数据流，前端如何下载
TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.
2021-12-20 17:13:41
3881
原创 编辑器可读切换
<template> <!-- 富文本编辑器 --> <div ref="editorContainer" class="editorContainer"> <div class="editorText" v-if="!showEdit"> <div id="lookEditorContent"> <div class="editor_btn" @click="handleShowEdit">
2021-12-20 15:39:22
111
原创 avue表格点击行选中checkedbox
avue表格点击行选中checkedboxavue表格的话，是点击checkbox框，才会触发选中事件，为了提高用户体验，修改为点击行就可以修改选中状态。新增行点击事件@row-click<!-- 新增行点击事件@row-click="rowClick" --><avue-crud ref="crud" :data="data" :option="option" v-model="form"
2021-04-20 11:38:14
3917
原创 canvas截取视频的第一屏为预加载图片
getVideoPic () { let video = document.getElementsByClassName('video')[0] let canvas = document.createElement('canvas') const ctx = canvas.getContext('2d') let w = window.innerWidth * 0.94 le...
2019-10-29 20:28:54
616
原创 Expecting 'EOF','}',':',',',']', got INVALID
Expecting 'EOF','}',':',',',']', got INVALID 47 | }, 48 | "permission": {> 49 | "scope.userLocation": { | ^ 50 | "desc": "你的位置信息将用于小程序位置接口...
2019-10-17 14:28:31
1937
原创 微信小程序动画-倒计时缩放
刚接触小程序，项目需要做个动画的倒计时，本来css3的animation用着挺好，但考虑到，微信提供了这个东东，那在这里就尝试用一用微信小程序的wx.animation，我理解的小程序动画就是用js来控制动画的开始和结束。动画的主要流程第一步 实例化animation对象const animation = wx.createAnimation()// 也添加一些初始化参数const ...
2019-10-08 17:11:09
1895
原创 .md文件转换成.html文件
1、安装i5ting_toc在已安装node的情况下，安装 i5ting_tocnpm install i5ting_toc -g2、执行i5ting_toc -f XXXX.md会生成priview文件夹，下面会生成XXXX.html 即可
2019-08-27 10:37:49
3258
原创 http-server出错
想把本地的html文件用http协议打开，在网上发现这个是最简单的方法，于是安装npm i http-server -g，然后执行http-server，OMG报错了重装，重新执行不行，后来经过百度妈妈的指导，发现是node环境变量配置导致的，在nodejs/node_global下并没有发现我们安装的http-server。那就修改环境变量npm config set prefix "D:...
2019-07-17 10:31:32
2311
原创 自定义微信导航栏标题
自定义微信导航栏标题1、安装vue-wechat-titlenpm i vue-wechat-title -S2、全局引入vue-wechat-title// main.jsimport Vue from 'vue'Vue.use(require('vue-wechat-title'))3、在组件中使用v-wechat-title指令，可以个别组件引用，如果使用的组件很多的话，建...
2019-07-04 11:39:34
1033
原创 vue项目中用mock+express 模拟接口返回值
1、安装mock,expressnpm i express -Dnpm i mockjs -D创建模拟数据文件夹mock/，再创建mock/index.jsconst express = require('express') // 引入expressconst Mock = require('mockjs') // 引入mocklet app = express()// 解决...
2019-07-03 18:40:13
743
原创 vue3.0中，路径用@开头，怎么配置自动补全路径，用@替换'../../'
在vue项目中用@替换‘…/…/’首先，我用的是vsCode开发工具，第一步：先在扩展中找到插件 Path Intellisense并安装第二步：配置Path Intellisense（1）在vsCode 加粗样式文件—> 首选项—> 设置—>工作区—> 扩展—>Path Intellisense（2）进入settings.json配置文件，未修改前如下...
2019-07-03 11:01:39
9949
2
原创 ios 微信h5页面中长按二维码图片无法识别，刷新两次可以识别
之前开发也写过二维码，还没有出现过无法识别的状况，在网上搜了有说是router是history的问题。由于目前二维码是单独的页面，且无需后续操作，所以解决方案是：不用router跳转，直接用window.location.href = ‘http://xxx.xxxxxx.com/project/follow’...
2019-05-27 13:18:07
3886
2
原创 js禁止输入框输入特殊符号或emoji表情
解决方案就是，事件上绑定检查事件，检查输入的值是否含有特殊符号或emoji表情，检查的话就用正则表达式// 判断是否含有特殊符号let iconRule1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im// 判断是否含有emoji表情let i...
2019-05-05 16:37:38
14725
原创 vue单页面的数据请求添加loading效果
1、在app.vue,先引入你的loading组件app.vue<template> <div id="app"> <router-view/> <div class="load_cover" v-if="showLoading"> <!-- <van-loading /> --> ...
2019-04-02 16:49:39
8222
2
原创 VUEX的mapState/...mapState等取值问题
有木有发现你页面的this.$store，一般都正常，但是总有那么几次，成为你页面报错的罪魁祸首！，那其实除了和vue的生命周期有关以外，还跟store取值的方式有关，下面就说一下新大陆之——mapState mapMutations mapGetters的使用简单说一下我对mapState的理解，字面意思就是把store中state 的值遍历出来，任你取用，就不用写this.$store....
2019-04-02 15:39:37
10836
原创 ios手机点击输入框页面放大，输入框失焦后，页面不复原，仍保持放大状态
解决方法就是，禁止页面缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩...
2019-03-28 16:46:45
2268
原创 vue webpack打包时如何去掉console.log？
在 webpack.prod.conf.js 中添加代码：plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }), ...
2019-03-28 14:55:42
5921
1
原创 iosH5页面video标签内嵌播放
<video width="100%" x5-playsinline="" playsinline webkit-playsinline="true" preload="auto" controls="controls" src="xxx.test.mp4"></video>
2019-03-22 16:08:43
4607
原创 vue单选框自定义样式及单选框取值问题
首先，来看一下单选框的样式：<div class="option" v-for="(option, ind) in item.surveyQuestionOptionList" :key="ind"> <input :value="option.selectid" type="radio" :id="'option' + item.qid + option.selectid...
2019-03-20 08:59:38
4440
原创 Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
Failed to execute 'open' on 'XMLHttpRequest': Invalid URL解决办法就是在请求的地址上加上http://
2019-03-19 14:57:29
52212
4
原创 vue-cli3.0的安装使用
怎么办我也很绝望，在我学习vue的路上杀出来个程咬金——vue-cli3.0，能怎么办，盘它！下面记录一下我在首次使用vue-cli3.0的过程第一步：卸载自己的vue-clinpm uninstall vue-cli -g // 官网指出还可以用yarn global remove vue-cli进行卸载第二步：安装vue-cli3.0npm install -g @vue/c...
2019-03-11 11:27:08
975
原创 vue-cli3.0安装失败，解决办法
按照vue-cli3.0官网卸载和安装vue-clinpm uninstall vue-cli -g // 卸载vue-cli旧版本npm install -g @vue/cli // 安装vue-cli3.0npm vue -V // 查版本安装后版本仍然为旧版本
2019-03-11 10:07:14
27683
4
原创 vue项目中怎么引入weui及在vue中weui的简单使用
方案一：main.js中引入（1）、安装weui.js weui样式npm install weui.js weui -S（2）、引入weui.js weui样式import Vue from 'vue'import weui from 'weui.js'import 'weui'Vue.prototype.$weui = weui（3）、项目中就可以用weui的样式以及组件了...
2019-02-28 11:07:29
33263
9
原创 post重定向后变成了get请求
简单记录我在开发中遇到的情况：错误代码：// 错误代码this.$ajax({ methods: 'post', url: this.baseUrl + '/checkQrCode', params: { openId: this.store.openId, qrCode: this.store.qrCode }})// 错误原因： ‘methods’ 应...
2019-02-14 13:02:39
4648
1
原创 vue+webpack多环境打包配置
我是用的vue-cli快速生成的项目结构，故下文以此为基础：1、config/prod.env.js// 原来代码'use strict'module.exports = { NODE_ENV: '"production"'}// 修改后代码'use strict'module.exports = { NODE_ENV: '"production"', ENV_CONF...
2019-01-28 18:00:39
958
原创 checkForm
代码：// 表单检测是否为空function checkInfo(info) { // 用户名验证 if (info.personName == null || info.personName.trim() == '') { alert('请填写姓名!') return false } // 手机号验证 var regexPhone =...
2019-01-14 16:14:01
1313
原创 地址栏取值
上代码：//http://xx.xxxxxxxxxxx.com/project/?code=061ok33917FX2O1wVS591GpZ291ok33r&amp;state=var code = getQueryString('code')console.log("code:" + code)// code:061ok33917FX2O1wVS591GpZ291ok33r// 截取字...
2019-01-14 16:09:50
299
原创 h5页面监听摇一摇事件
上代码：// 设置一个开关，用于控制执行一次摇一摇函数var is_listener = true// 监听设备位置感应if(window.DeviceMotionEvent&amp;&amp;is_listener) { window.addEventListener('devicemotion', motionHandler, false);} else { // alert...
2019-01-14 16:01:55
1427
4
原创 h5页面键盘弹出影响页面布局（兼容）
其实弹框之所以影响页面布局，我碰到的一般都是因为页面时position:fixed时，键盘一弹出，布局就乱了，我的解决方案是，首先就是把fixed尽可能的改成其他的，接着监听窗口大小变化事件，然后处理ios兼容问题代码如下：//监听窗口大小变化事件window.addEventListener('resize', function () { if(document.activeElem...
2019-01-14 15:54:21
7081
原创 h5页面使用html2canvas实现截图功能
项目中用到，将昵称合并成图片，以下为代码：&lt;script src="js/html2canvas.min.js"&gt;&lt;/script&gt;&lt;div id="box"&gt;昵称&lt;/div&gt;&lt;img src="./images
2019-01-12 15:00:41
3423
原创 h5页面使用音频/视频播放的经验
// 错误写法$(&quot;video&quot;).play()$(&quot;audio&quot;).play()// 正确写法播放视频$(&quot;video&quot;)[0].play()$(&quot;audio&quot;)[0].play()
2018-12-18 15:14:32
1707
原创 解决在使用animation动画时，页面出现抖动的问题
给使用动画的元素加上-webkit-backface-visibility: hidden;即可
2018-12-18 10:10:30
11309
2
原创 vue项目打包后vendor文件过大，如何优化？解决办法
1、路由懒加载– 我们都了解，vue在上线的时候，是用webpack工具，把所有组件里的js文件，css文件都打包到一起，我们看起来很清晰，仿佛很优秀的样子，额，但实际上就是很优秀的样子。不过里面的问题就是，所有组件里的js都会被压缩到一个文件夹里，所有的css也会被压缩在一个文件夹里，且生成了一堆.map文件。这样，首页兄弟就很难受了，我就一个简单的banner页面，你非让我加载跟我不想关的东...
2018-11-23 10:58:01
5973
原创 vue中的事件穿透与禁止穿透
在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直接在click.stop//阻止单击事件继续传播<a v-on:click.stop="doThis"></a>js的解决办法是，直接在事件的方法中添加event.stopPropaga...
2018-10-31 13:13:34
50012
2
转载 微信页面监听返回事件，关闭页面
pushHistory(); window.addEventListener(&quot;popstate&quot;, function(e) { //alert(&quot;我监听到了浏览器的返回按钮事件啦&quot;);//根据自己的需求实现自己的功能 //alert('guanbi'); WeixinJSBridge.call('clos
2018-10-25 11:25:13
9127
2
原创 微信公众号开发之禁止分享
微信开发之禁止分享既然是微信的分享功能，当然要用微信接口，微信接口在调用时有两种方式，但是前提是页面要引入微信的js-JDK通过配置wx.config()，config:ok后，会执行wx.ready(function(){})，把我们需要用到的接口，在ready()中调用即可。//config的配置信息，需要后台给你wx.config({ debug: false,...
2018-10-18 15:47:09
5488
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人