随笔分类 -  vue笔记

Vue MVVM模型原理
摘要：最近反思了下自己，觉得自己很急躁，学技术总是觉得能用就行了，其实这样很不好，总是这样，就永远只能当用轮子的人。好了，废话不多说，转入正题： 要理解MVVM的原理，首先要理解它是什么，怎么运作起来的： 以下这样图来自这位大佬的文章《Vue.js入门（一）--MVVM框架理解》 由图可见，MVVM模型需 阅读全文
posted @ 2020-04-06 14:07 Sofiaღ 阅读(403) 评论(0) 推荐(0)
px转rem的填坑之路
摘要：这是要为一个vue项目做自适应，设计稿是1920*1080的，要适应各种手机、ipad、3840*2160的超大屏，所以就选择了rem，包用的是 postcss-pxtorem 在适配的时候遇到了很多问题，初版是这样的： // 设计稿以1920px为宽度 function setRem() { co 阅读全文
posted @ 2020-03-18 10:45 Sofiaღ 阅读(651) 评论(0) 推荐(0)
v-model语法糖
摘要：其实v-model就是一个结合了v-bind和v-on的语法糖，实现了双向数据绑定。 举个🌰（栗子）： 阅读全文
posted @ 2019-10-30 10:42 Sofiaღ 阅读(152) 评论(0) 推荐(0)
断网情况下，前端页面处理
摘要：断网页面处理其实很多时候都会被忽略，其实这个做起来还是可以学到不少东西的。 主要有两种方法： 一、使用vuex+axios拦截器 这种方法我只讲下思路： 在vuex里存储一个全局变量，先设置为true,再在request,js里的axios拦截器里改变它的值，当没有网络时，就设置为false,使用v 阅读全文
posted @ 2019-05-21 16:04 Sofiaღ 阅读(1887) 评论(0) 推荐(0)
vue路由切换和用location切换url的区别
摘要：最近的业务涉及到了axios的拦截器，要在request.js里面要根据状态码来跳转页面，这时候我就面对了几种跳转选择： 1、使用location.href='/url'来跳转，简单方便，但是刷新了页面。 2、使用history.pushState('/url')，无刷新页面，静态跳转。 3、引进r 阅读全文
posted @ 2019-05-21 15:30 Sofiaღ 阅读(4061) 评论(0) 推荐(0)
npm i 报错 'match' of undefined 错误以及删除node_modules失败
摘要：简单粗暴的解决办法就是一个字‘删’， 1、先把node_modules给删了 手动删除的话，window系统经常会有部分删不了，说需要个权限什么的，直接用rimraf 就能解决 先安装npm install rimraf -g 再运行这个命令，彻底删除。 rimraf node_modules 如果 阅读全文
posted @ 2019-05-17 15:05 Sofiaღ 阅读(488) 评论(0) 推荐(1)
前端视觉欺骗
摘要：前情提要： 很常见的需求：当用户没有购买记录的时候，显示‘暂无消费记录‘，有则显示消费记录。本来以为很简单，我一开始是使用v-if来判断数据长度，为0则显示'暂无消费记录'，但是发现在加载页面的时候会有一闪而过的‘暂无消费记录’字体，然后才显示正常的消费记录，影响用户体验。 解决办法：对于这个bug 阅读全文
posted @ 2019-04-29 16:22 Sofiaღ 阅读(326) 评论(0) 推荐(0)
获取10位时间戳及使用moment转化为日期
摘要：将10位时间戳转化为时间： 上代码图片： 使用了vue过滤器： 获取现在时间的10位时间戳： 13位就不写啦，网上随便一查就是13位的。 阅读全文
posted @ 2019-04-29 15:52 Sofiaღ 阅读(3799) 评论(0) 推荐(0)