随笔分类 - 工作中遇到的bug
摘要：使用vue的过程一直在试错跟优化，今天就发现自己使用的一个坑，关于css引入的 以前的写法是在assets/css/下面建一个app.scss文件，用于引入所有assets/css/下的所有样式文件 然后再app.vue中引入： @import '@/assets/css/app.scss'; 一开
阅读全文
摘要：一个月没有看鑫大的空间，今天一看，收益不少，先转一篇他说的图片加载失败占位符处理， 之前的处理： CSS代码： img { width: 128px; height: 96px; object-fit: cover; } img[src$="break.svg"] { object-fit: con
阅读全文
摘要：正常我们上次图片 html <input @change="toBase64($event)" type="file" accept="image/*" /> js toBase64(e){ let that = this; let files = e.target.files[0]; let re
阅读全文
摘要：anywhere是nodejs的第三方模块，可以将你的当前目录变成一个静态文件，安装前提是需要提前安装nodejs 1、全局安装 npm install anywhere -g 2、命令介绍 命令anywhere会将当前目录作为服务器根目录，调用默认浏览器在默认端口8000打开主页。 anywher
阅读全文
摘要：今天再开发的过程中遇到了一个坑 需要用到当前时间与产品过期时间去做一个判断，产品过期时间的格式是"2020-04-26 09:23:00"，类似这样，本来想着用new Date()取当前时间与过期时间进行大小比较，应该是没什么毛病才对，结果上线之后发现，ios设备上没有效果，检查了之后才发现，原来n
阅读全文
摘要：实际工作中，经常有遇到一个页面初始需要多个请求的情况，也尝试过async去做，不过效果感觉不是很满意，之前也知道axios中有个all()的方法可以做多个请求，但是没有仔细去了解，今天看到一篇文章有写到这方面的知识，刚好自己也学习一下。 用axios.all()、axios.spread()这两个函
阅读全文
摘要：h5页面在iOS上的问题解决 1、ios移动端 软键盘收起后，页面内容被顶上去，不下滑回原处 代码如下： $(function(){ $('input,textarea').on('blur',function(){ window.scroll(0,0); }); $('select').on('c
阅读全文
摘要：目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug 3.1 保证使用了该属性的元素上没有设置定
阅读全文
摘要：今天做项目遇到需要做图片裁剪功能的，于是就上网找了一下资料，发现cropperjs这个用的比较多，所以就用了这个 主要内容： <template> <div class="hello"> <img src="./assets/upload.png" alt="" id="img"> <input t
阅读全文
摘要：工作中遇到需要将页面的一部分html转化为pdf文件的需求，于是上网找了一下资料，现在简单总结一下。 使用的是jspdf插件 首先需要两个文件： 1：https://unpkg.com/jspdf@1.5.3/dist/jspdf.min.js 2：https://cdnjs.cloudflare.
阅读全文
摘要：这两天在工作中遇到了许多bug，有一些没来得及总结。今天总结一下使用addEventListener监听事件出现的问题 项目是用vue来做的，首先在mounted函数里面使用：window.addEventListener('scroll', this.pageScroll); 然后就是pageSc
阅读全文
摘要：在使用vue做项目的过程中，有时候刷新页面的时候，原本应该隐藏的东西会在页面闪一下然后再隐藏，以前一直没有留意，知道最近，终于忍受不了这样的情况出现，然后就在vue的api中去查找，结果还真的找到了解决方法，就是使用v-cloak。 官网的说法：这个指令保持在元素上直到关联实例结束编译。和 CSS
阅读全文
摘要：以前的做法都是直接在head中添加一个meta标签就可以控制 可以这个标签在ios10以后就没有用了，于是网上找了好多资料，才看到 这个方法确实可以控制到，可是还是有bug，就是当两个手指先后放入屏幕进行放大时，一样不能避免
阅读全文
摘要：npm： main.js： 正常使用： 可是当你想自定义每个图片的loading效果的时候就不行了，翻看了几遍官网才发现有可以解决的方法 重点是下面这句，他可以直接识别你对象里面的src、error、loading：
阅读全文
摘要：在input输入框输入内容之后，点击完成，键盘下去了，可是页面没有回退回去，也就是页面会空出浏览器高度那一块，这个问题发现于ios手机中的qq浏览器。解决方案如下 上面我是用vue写的，没有用vue的话其实也是一样的
阅读全文
摘要：首先想到的就是Input中type属性设置为search，然后发现并没有用，后来看到资料说要在外层加一层form，加了之后文字确实显示为“搜索”了，可是点击没有执行事件，其实这里的搜索执行的是键盘的回车事件，因为我是用vue写的，本身框架就有对这个事件的修饰符，于是直接附代码 需要注意的是，form
阅读全文
摘要：在做微信分享，也是遇到了许多的坑，记录一下流程，以后做到可以直接用。 安装sdk 整体步骤 1.我是新建了一个js文件wxapi.js。 2.在wxapi.js中引入sdk以及配置一些基本信息（相关的配置内容是后台返的） 3.在需要做分享的页面引入wxapi.js，调用里面的方法 大概代码如下： w
阅读全文
摘要：vue-cli 3.0搭建的项目中搭配的vue-router，默认的路由方式是hash模式，但是，使用hash模式时，浏览器url地址仲会有一个#。 本来微信支付的时候，拉起支付访问mweb_url，支付成功或者取消支付，默认应该返回的是发起支付的页面，但是由于发起支付的页面路由中带有#，所以微信直
阅读全文
摘要：Win＋R => regedit => 可以去HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\Control\Session Manager\Environment下，右边找到path，把数值复制到HKEY_LOCAL_MACHINE\SYSTEM\ControlSe
阅读全文
摘要：报错内容： Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决办法：
阅读全文
浙公网安备 33010602011771号