刘清华-彤彤

摘要： 先来引出一下遇到的问题：在做一个移动端支付页面，在付款页面点击支付按钮，支付失败时跳转至支付失败提示页面；支付成功时跳转至支付成功页面。在支付成功页面下，如果用户点击手机自带的“返回”键，就又会跳转至支付页面，这时，如果用户在不知情的情况下又点击了支付按钮，就会产生重复支付的情况。 我们的需求是，如 阅读全文

摘要： 与后端生成二维码相比，前端生成二维码更具有灵活性，下面就介绍两种前端生成二维码的方式，两种方式相比之下，vue-qr比qrcode多了一个再中间添加logo的功能。 方式一：qrcode npm npm install --save qrcodejs2 import import QRCode fr 阅读全文

摘要： 最近做了一个移动端项目，页面主体是由form表单和底部fixed定位的按钮组成，当用户进行表单输入时，手机软键盘弹起，此时页面的尺寸发生变化，底部fixed定位的元素自然也会上移，可能就会覆盖页面中的某些元素。具体情形，如下图所示（按钮将文字覆盖了）： 解决方案： 上面提到，产生这种情况的原因是软键 阅读全文

摘要： 最近在做一个Vue项目，前端通过手机号、验证码登录，获取验证码按钮需要设置60s倒计时（点击一次后，一分钟内不得再次点击）。先看一下效果图： 输入正确格式的手机号码后，“获取验证码”按钮方可点击；点击“获取验证码”后，按钮进入60s倒计时，效果图如下： 效果图已经有了，接下来就上代码吧！ html 阅读全文

摘要： 在最近的项目中遇到了如下的警告信息： [Vue warn]: Computed property " currentStep" was assigned to but it has no setter.（意思是：计算属性 currentStep被赋值了，但此它并未定义 set方法 。） 要解决这个问 阅读全文

摘要： 最近vue 3.0 版本发布，让我认识到 typescript 将占有越来越重要的地位，所以我也开启了typescript学习之旅。 要想编写第一个 hello typescript 程序，当然要经过安装这个必要的过程，我们分为接下来几个步骤： 步骤一：全局安装 typescript npm ins 阅读全文

摘要： 我们都知道在 JavaScript 中 for...in 和 for...of 都可以迭代一个数组，但他们之间也有着很大的区别： 区别一：用于迭代器的返回值不同 for...in 和 for...of 最明显的区别莫过于他们用于迭代器的返回值不同，for...in 迭代的是对象的键，而 for... 阅读全文

摘要： 最近开发了一个与富文本相关的功能，大概描述一下：通过富文本编辑器添加的内容，通过input展示出来（这里用到了 Vue 的 v-html 指令）。 也是巧合，编辑了一个只有数字组成的长文本，等到展示的时候发现，内容超出了（没有自动换行），另外发现遇到文字就可以换行，如下图所示： 在查资料的过程中发现 阅读全文

摘要： 在使用elementUI中日期选择器时，经常会遇到这样的需求——对可选择的时间范围有一定限制，比如我遇到的就是：只能选择今天以前的一年以内的日期。 查阅官方文档，我们发现它介绍的并不详细，下面我们就来详细介绍一下： 1.给 el-date-picker 组件添加 picker-options 属性， 阅读全文

摘要： 有两种方式强制页面不缓存： 1.手动添加版本号 <link rel="stylesheet" type="text/css" href="/css/user.css?v=201806251715" /> <script src="/js/userinfo.js?v=201906223715"></s 阅读全文