开发踩坑与技巧
关注
分享
扫一扫
TowYingWang
霹雳啪啦麻里哄
展开
-
微信h5页面返回时ios不刷新页面解决方案
在做微信h5页面的时候，我们需要返回时刷新前一个页面的数据，比如在页面A点击支付按钮跳转到页面B，从页面B返回时要获取当前订单的支付状态防止重复支付。在安卓手机上不会有困扰，因为安卓手机在微信h5中返回都会刷新页面，而由于ios手机上的微信webView版本的问题，返回时会直接从缓存中拿而不会刷新页面。解决这一问题想到了vue-router，vue-router不就是有路由钩子吗？它主要用的h...原创 2020-01-10 10:45:36 · 3852 阅读 · 0 评论 -
封装一个通用的小程序授权方法
在小程序的开发中，经常需要比如获取用户地理位置、保存图片到本地等操作，在进行这些操作前都需要先获取访问权限微信小程序在获取授权时不是直接调用获取API就行，而是有如下情况的判断第一次获取用户授权信息，直接调获取API，系统在页面中弹窗提示用户是否同意授权，用户同意，true；用户拒绝，执行拒绝，false若之前用户拒绝了授权，在本次获取时需要通过先打开设置页面的方法开启授权，然后再调用获取...原创 2019-07-19 15:46:37 · 1670 阅读 · 0 评论 -
微信小程序开发踩坑合集
总结小程序开发中出现的bug及解决1. 在手机相册中选择完图片后直接跳转会出现闪回的现象(19.4.9)发现：在页面A打开系统相册选择图片后，在选择图片的成功回调中立即跳转到页面B进行图片裁剪的时候，会出现跳转到页面B后闪回到页面A的情况原因：在选择完图片后，会重新执行一遍page的onShow生命周期解决：在选择完图片后，做一个sleep延时1秒，再进行跳转2. 通过命令...原创 2019-07-19 15:16:46 · 864 阅读 · 0 评论 -
查看npm全局-g安装过哪些包
$ npm list -g --depth 0原创 2016-11-30 17:10:00 · 13692 阅读 · 0 评论 -
webpack中如何使用iconfont字体图标
入坑webpack，开始加载一些图片、js文件什么的都没有报错，今天正好下了iconfont字体，就出现了错误，所以这里分享一下怎么在webpack中使用iconfont。1.修改css中字体文件路径我把css和字体文件放在同级目录下打开iconfont.css文件，原本的字体文件引用路径是用的css的方式，即下面图片中所示的同级目录：直接用文件名上一级目录：../ 但是，我们是在webpac原创 2016-12-09 18:39:08 · 26663 阅读 · 2 评论 -
node如何接收ajax post方式传来的json类型数据
最近学了node，对于post请求的数据都是用body-parser中间件进行处理，但是今天用ajax传数据的时候发生了错误，错误如下： 传过来的值直接被解析成一个key，改了好久才解决，所以把这个问题记录一下1.form表单提交时初入门node的同学（比如我），刚开始知道body-parser的时候都只知道这样用 然后接受post请求的数据通过req.body 这样传过来的数据就会被解析成一原创 2017-03-29 17:24:17 · 17457 阅读 · 4 评论 -
input file上传按钮反应慢的解决方法
点击上传按钮后，选择文件弹窗要好几秒才能出现 原因一：文件后缀验证 解决方法：将可接受的值填写完整，这样就减少了使用通配符时的查找事件 原因二：在chrome浏览器下反应慢的原因是因为chrome浏览器为了保障用户的安全，会将用户选择的文件信息发送到google验证，所以只要在设置中关闭改验证就ok原创 2017-08-16 14:18:17 · 2863 阅读 · 2 评论 -
video标签无法播放视频
现象：使用video播放视频，在ios上能播放，但是在浏览器和安卓上不能播放前置条件：1.network没有该视频的下载 2.通过在媒体元素中添加<source>元素而不是设置src属性，且source元素的src属性通过js赋值（最重要的原因）原因：通过<source>元素指定媒体源，媒体元素无法知道是否已经将一系列元素都添加完毕了，...原创 2018-07-03 08:42:07 · 15948 阅读 · 1 评论 -
IE9 css文件加载不全
通过IE的仿真调到IE9模式查看是没有问题的，但是在IE9浏览器中页面的样式显示错误通过IE9调试发现一个css文件只加载了一半，这个文件有700多k，最后将该文件拆分和压缩到200k左右解决了加载问题...原创 2018-09-29 13:33:18 · 1434 阅读 · 0 评论 -
IE8和IE9下 white-space无效
给文本设置超出省略号显示在IE8和IE9下无效解决方法，在元素上添加word-wrap: normal.text-ellipsis { .... word-wrap: normal; ....}原创 2018-09-29 16:20:22 · 2200 阅读 · 0 评论 -
移动端h5页面拍照上传图片的时候图片旋转问题
0. 问题描述在项目中有个图片上传的组件(vue项目)<input ref="input" type="file" multiple="false" accept="image/*" @change="handleChange">在ios中点击的时候会有一个拍照的选项，但是！！！拍照的时候手机拿的方向不同，上传的图片会出现不同角度的旋转，具体现象如...原创 2019-07-01 18:11:04 · 12447 阅读 · 24 评论 -
css多种方式实现元素的居中效果
效果页面基本结构<!DOCTYPE><html><head> <style> html,body{width:100%;height:100%;margin:0;padding:0;} .box{} .item{} </style></head><body> <div class="box"> <div原创 2016-10-27 14:47:40 · 484 阅读 · 0 评论 -
css3实现下划线动画效果
效果制作gif的时候有卡顿方法通过css3的transform和transition属性来实现代码下划线从左到右效果<!DOCTYPE><html><head> <meta charset="utf-8"/> <title>下划线动画</title> <style> /*先把a的原有下划线样式给清除*/ a,a:link,a:visit原创 2016-10-26 23:59:37 · 12054 阅读 · 3 评论 -
同一行元素顶端对齐的方法
1.同一行的行内块状元素inline-block默认的都是顶端对齐<style><span style="white-space:pre"> </span>.div1,.div2,.div3{display:inline-block;width:100px;height:} .div1{height:100px;background:#cc...原创 2016-09-12 20:28:32 · 10340 阅读 · 0 评论 -
苹果设备按钮样式没效果问题
苹果设备有自己的样式，所以为了使苹果设备的按钮能用自己设置的css样式，则需要在样式中初始化按钮样式：input[type=button]{ -webkit-appearance:none; outline:none;}...原创 2016-09-12 20:23:37 · 1126 阅读 · 0 评论