前端开发框架
关注
分享
扫一扫
键盘上的草根舞者
这个作者很懒，什么都没留下…
展开
-
React中input输入框中文输入的问题
React中input输入框中文输入的问题原创 2022-12-26 15:01:48 · 2462 阅读 · 1 评论 -
微信小程序设置云函数使用的环境
大约从2020年10月份开始，微信升级基础库版本之后，调用云函数报错。报错信息如下：{ errCode: -404011 errMsg: "Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail requestID , cloud function service error code -501000, error message 找不到对应的FunctionNam原创 2021-01-05 21:54:09 · 1738 阅读 · 0 评论 -
微信小程序中base64格式的小程序码通过canvas画出来无效
使用场景小程序中的文章详情页面有一个分享功能：用户点击分享按钮，生成一张分享图片（包括封面图，简介以及带有文章ID的小程序码），方便用户保存在本地。问题说明小程序码通过后台接口获取，格式如下：'data:image/jpg;base64,/9j/4AAQSkZJRgAB...'（只截取了前面一部分）通过canvas画出来之后，在微信开发者工具上有效，在真机上无效。解决方法先把小程序码通过小程序API中的FileSystemManager.writeFile()接口写入本地并获取到一个原创 2020-09-07 18:19:42 · 2074 阅读 · 0 评论 -
vue项目设置img标签的默认图片
方法一：首先看看以前（非vue）项目是怎么设置img标签的默认图片：// 设置默认图片<img src="http://res.spreadwin.com/g42EmcOE38uPEys.jpg" alt="" onerror="this.src='images/default.png'">上面的方法一般时候没有问题，当src中的资源不存在或无法正常访问时，就会显示默认...原创 2020-02-20 18:02:28 · 10561 阅读 · 2 评论 -
vue中通过数据双向绑定给video标签的src赋值，只有第一次有效，怎么解决？
场景：在一个视频列表页面，点击视频列表，则全屏播放视频。全屏播放是一个公用组件，每次点击视频列表则把该视频的播放地址通过vue的数据双休绑定到组件中的video标签，如下：<video controls="controls" :poster="videoThumb" playsinline id="playVideos"> <source :src="videoUr...原创 2019-12-31 17:16:39 · 2754 阅读 · 1 评论 -
微信小程序中阻止事件冒泡
使用场景如上图，这是一个活动的列表页面，当用户点击整个列表时，跳转到活动详情页面，当用户点击“去报名”按钮时，跳转到报名页面。但是当我们用"bindtap"事件绑定，点击“去报名”按钮后，会先跳转到报名页面，再跳转到活动详情页面。 问题分析出现这个问题的原因，就是事件冒泡引起，关于事件冒泡我这里就不多讲了。 解决方法解决方法就是要阻止事件冒泡，把“bindtap”改...原创 2018-09-21 15:05:17 · 9197 阅读 · 0 评论 -
关于小程序云开发的一些经典问题处理
小程序云开发才开放给开发者不久，我们在开发过程中难免会踩坑，多总结总结就好了。 问题一：云函数调用失败云函数调用失败的原因不止一个，如果排除自己写的代码没问题，那有可能是腾讯方暂时不支持，如：解决方法：耐心等待腾讯方恢复就可以了。 问题二：上传云函数失败如果你已经为云函数指定了环境，上传云函数还是失败，那仍然有可能是腾讯方暂时不支持，如：解决方法：耐心等待腾...原创 2018-11-13 14:28:51 · 2602 阅读 · 0 评论 -
在小程序开发路上踩过的小坑
小程序开发点击页面任何区域都会触发转发事件问题说明：正常情况下，我们需要的是点击转发按钮才触发转发事件，但是点击页面任何区域都会触发转发事件，这是什么情况...解决方法：遇到这种情况说明你转发按钮的样式中包含了“position:static”，去掉或者换成其他定位方式就行了。 未完待续！...原创 2018-11-24 16:37:27 · 289 阅读 · 0 评论 -
微信小程序云开发 | 云函数安装依赖
在小程序中发送http请求有两种方式，第一种是直接在小程序前端页面中发送；第二种是在云函数中发送。云函数中发送请求不受域名数量的限制，但是需要我们安装依赖才能使用，如got库。这里记录一下在微信小程序的云函数中怎么安装依赖，本文以安装got库为例，安装前请确定你的环境中已经安装了nodejs。1、新建云函数在云函数（cloudfunctions）目录上右键，选择“新建Node.js云函...原创 2019-02-27 15:40:21 · 11680 阅读 · 5 评论 -
vue-cli3项目更改favicon图标
vue-cli3项目有默认的favicon图标，如下图：一般我们都需要把favicon图标更改为我们对应项目的logo图标，方法如下：第一步：将项目public目录下的原图标替换为新图标，名称和后缀保持不变。第二步：在项目根目录的vue-config.js文件中配置（vue-cli3默认没有该文件，需要自己手动添加）module.exports = { pw...原创 2019-09-05 16:18:22 · 14287 阅读 · 8 评论 -
WeUI用Toast组件显示Loading
在JQuery WEUI的官网（http://jqweui.com/components#toast）没有看到有显示Loading的用法，只有其他的用法，这里都给大家贴出来。官网已有的用法$.toast("取消操作", "cancel");$.toast("禁止操作", "forbidden");$.toast("纯文本", "text");// 第二个参数可以是时间，单位原创 2018-08-08 15:40:27 · 24415 阅读 · 5 评论 -
vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述vue cli 项目在打包时候报错：API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出是因为内存不足导致打包失败。 解决方法清理释放你电脑的内存，比如关闭不用的软件，网页等等，在顺便看看你的系统盘是否慢了。 ...原创 2018-08-10 16:14:23 · 10324 阅读 · 1 评论 -
微信小程序根据坐标点解析地址常见报错：请求来源未被授权
功能需求微信小程序提供的接口能够获取到当前位置的坐标（经纬度），但是不能得到当前位置的地址。或者从后台获取到坐标（经纬度）要解析成文字描述的地址小程序也没有对应的接口。 实现思路这时候就需要通过腾讯位置服务来实现，在这之前你得有腾讯位置服务的账号和开发密钥（key）。实现过程我就简单贴出来，大家可以参看官网上的步骤，这里主要给大家解决两个坑（见报错处理）。官网：http://l...原创 2018-07-26 10:50:19 · 13560 阅读 · 5 评论 -
vue中通过post方式异步上传文件
功能需求：根据后台接口需求，需通过异步的方式post提交上传文件，并根据返回的信息作出相应的提示。页面已提前写好了，如下：思路分析：1、创建一个FormData空对象，然后使用append方法添加key/value。选择formData是因为formData传输的数据格式和表单通过submit()方法传输的数据格式一样。添加key/value之后如果打印FormData只会得到一个空对象，但是不影...原创 2018-03-13 11:16:20 · 14339 阅读 · 3 评论 -
vue中用命令行npm run dev跑项目的时候报错
【问题描述】vue中用命令行npm run dev跑项目的时候报错【报错截图】【解决方法】第一步：将vue-cli整个文件夹删除，文件夹路径：C:\Users\username\AppData\Roaming\npm\node_modules\vue-cli第二步：重新全局安装 vue-clinpm install --global vue-cli第三步：创建你的新项目第四步：再一次npm run...原创 2018-01-15 09:42:24 · 6051 阅读 · 0 评论 -
vue-preview动态获取图片宽高并增加旋转功能
vue-preview是一个常用的图片查看器，微博网页版就是用的这个插件：我在项目中也用过这个插件，总体来说，还是比较满意。但是缺少一个图片旋转功能。 安装使用第一步：安装npm i vue-preview -S第二步：引用配置import VuePreview from 'vue-preview'Vue.use(VuePreview)Vue.use(pre...原创 2018-04-25 15:35:15 · 12097 阅读 · 30 评论 -
基于vue2实现省市联动
在vue中实现级联选择器还是很简单，如果我们用到iview这个UI组件库，其中Cascader级联选择组件中对数据有较严格要求，每项数据至少包含 value、label 两项，子集为 children，以此类推。12<template> <Cascader :data="provs" v-model="city"></Cascader></tem...原创 2018-05-23 11:58:56 · 8527 阅读 · 2 评论 -
ueditor百度编辑器常见报错的解决方法
如果是第一次使用ueditor百度编辑器，或者对它不熟悉的情况下使用，会出现一些常见问题和报错。怎么使用建议参考ueditor官网，这里只谈一些常见错误。问题：‘UE’ is not defind我是在vue中调用UE里面的方法时遇到的这个问题。这是ESlint的代码风格警告，虽然不影响功能的使用，看上去非常不爽，解决方法是在前面用window调用，即：this.ue = window.UE.ge...原创 2018-06-04 14:34:57 · 18896 阅读 · 1 评论 -
WEUI picker组件无法js动态改变选项
功能需求设备号和摄像头都可以下拉选择，但是具体的摄像头下拉选项是根据设备号而定的。如下图，尾号为352的设备号只有前置摄像头，尾号为657的设备号前置和后置摄像头都有。问题说明一般情况下，这个需求很简单，当选择设备号的时候js动态改变摄像头选项里面的值就可以了，但是WEUI picker和Select组件都不支持动态改变选项，只支持初始赋值。解决方案因为picker和Sel...原创 2018-06-12 12:28:09 · 5814 阅读 · 2 评论 -
vue cli 项目在打包时候报错解决方法
报错一：打包过程报错：Unexpected token name <i>, expected punc <;>IE浏览中报错：SCRIPT1003: 缺少':'，并显示空白，其他浏览器正常显示。报错二：打包过程报错：Unexpected token: name <$vm>IE浏览中报错：SCRIPT1002: 语法错误，并显示空白，其他浏览器正常。报错原因以上两...原创 2018-06-14 11:34:17 · 8104 阅读 · 1 评论 -
vue项目在IE中显示空白，报错：vuex requires a Promise polyfill in this browser
问题描述vue项目在非IE内核的浏览器中显示正常，在IE内核浏览器中报错，并显示空白。报错如下：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.SCRIPT5009: “Promise”未定义.报错原因Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Ite...原创 2018-06-14 14:34:41 · 3122 阅读 · 1 评论 -
小程序上让随机的两个点都显示在地图可视区域
功能需求如滴滴打车，当用户叫到车之后，会在用户的界面同时显示用户当前位置和车辆位置，这两个点对程序来说都是随机的，怎么让两个点都显示在地图可视区域呢？ 解决方法小程序中不需要我们计算缩放级数，有一个 includePoints 方法可以实现。 关键代码// 第一步// 在页面初次渲染时 使用 wx.createMapContext 获取map上下文onReady:...原创 2018-07-25 16:31:39 · 5565 阅读 · 7 评论 -
在Vue组件中获取全局的点击事件
使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中包含一个“下拉菜单”，当我们点击“下拉菜单”以外的区域隐藏下拉菜单。解决方法一：出现“下拉菜单”的同时，建一个透明的遮罩层，然后只有“下拉菜单”可以点，点击遮罩层就隐藏。缺点：z-index层数要控制好，还有就是如果点击其他...原创 2018-03-17 16:51:24 · 29107 阅读 · 7 评论