摘要: vue采用数据劫持结合发布者订阅者模式的方式,通过es5中Object.defineproperty()来劫持各个属性的setter、getter,在数据变动时发布消息给依赖收集器,去通知观察者,触发响应回调,去更新视图。 将以上的描述用以下的图来展示: 实现分析,具体步骤: 第一步:需要Obser 阅读全文
posted @ 2021-07-08 15:28 薇依 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 计算属性computed : 1. 支持缓存,只有依赖数据发生改变,才会重新进行计算 2. 不支持异步,当computed内有异步操作时无效,无法监听数据的变化 3.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中 阅读全文
posted @ 2021-07-08 11:59 薇依 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 方法一: location.reload(); 方法二: this.$router.go(0); 注意:方法一和方法二都会刷新整个页面 方法三: provide() 与 inject 结合; 在父组件(不一定是app.vue,例如含导航菜单的地方也会用route-view): <template> 阅读全文
posted @ 2021-07-08 11:55 薇依 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 将某页面设为浏览器的首页: function setHome(obj) { var url = window.location.href try { obj.style.behavior = 'url(#default#homepage)'; obj.setHomePage(url); } catc 阅读全文
posted @ 2021-07-08 11:52 薇依 阅读(370) 评论(0) 推荐(0) 编辑
摘要: crypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列,进行 AES、DES、Rabbit、RC4、Triple DES 加解密。 import CryptoJS fr 阅读全文
posted @ 2021-07-08 11:42 薇依 阅读(4940) 评论(0) 推荐(0) 编辑
摘要: vue中封装时间格式化小工具 export function parseTime(time, cFormat) { if (arguments.length 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' 阅读全文
posted @ 2021-07-08 11:31 薇依 阅读(63) 评论(0) 推荐(0) 编辑
摘要: ie低版本兼容rgba background: rgba(0, 0, 0, 0.5); /*下一句关键设置*/ filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000 阅读全文
posted @ 2021-07-08 11:28 薇依 阅读(474) 评论(0) 推荐(0) 编辑
摘要: 1、手机号码(带区号手机号: /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/ ) export function validatePhone(rule, value,callback) { const reg =/^[1][3|4|5|7|8|9][0-9]{9}$/; 阅读全文
posted @ 2021-07-08 11:18 薇依 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 闭包:就是把函数的内部的变量通过某一种方式可在函数外部使用 var add = (function () { var counter = 0; return function () {return counter += 1;} })(); add();//1 add();//2 add();//3 阅读全文
posted @ 2021-07-08 10:08 薇依 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 利用axios中的request和response写拦截器,方便统一处理项目中后续的接口请求和响应 request.js import axios from 'axios' import { Message, MessageBox } from 'element-ui' //用于处理请求或响应的提示 阅读全文
posted @ 2021-07-08 10:00 薇依 阅读(456) 评论(0) 推荐(0) 编辑
摘要: vue-cli2.0中的方法 1.安装uglifyjs-webpack-plugin插件 npm install uglifyjs-webpack-plugin --save-dev 2.修改wenbpack.prod.config.js配置文件 const UglifyJsPlugin = req 阅读全文
posted @ 2021-07-08 09:31 薇依 阅读(3136) 评论(0) 推荐(0) 编辑