vvv3171071的博客

无论是什么层级的组件之间互相调用，掌握好ref后都是万变不离其宗。来练练手吧。

简单记录一下，如果未来再遇到相同情况就可以直接复制使用了THX

前提：时间选择器绑定的值类型取Date，当选择时间发生改变时，执行paramsChange方法，在该方法开头验证所选时间是否正确，若正确则进行接口请求，反之弹出错误提示信息。时间显示维度为日时，正常查询显示如下：若所选时间范围超过30天，则弹出错误提示信息：方法一：用时间戳验证时间范围 paramsChange(row) { this.params = { ...this.params, ...row, // 因为时间维度选的是

0到100之间最多允许包含2位小数多用于百分数场景：^([0-9]{1,2}$)|(^[0-9]{1,2}\.[0-9]{1,2}$)|100$/^([0-9]{1,2}$)|(^[0-9]{1,2}\.[0-9]{1,2}$)|100$/.test(value)测试结果：0，1，99，100 true0.11，10.00，99.99 true-1，0.111，100.00 false好家伙，现在优快云字数少还被提示影响文章质量和创作推广了？那再放一段最近做的一个导入功能中判断百分

项目中做看板重构时遇到的开发需求，不能使用组件，乍一看感觉很头大，但实际上手做出来后还是小有成就的。直接进入正题：先创建一个简单的vue demo项目<template> <div class="drag"> <div class="back_box"> 这是一个背景 <div class="drag_box">这是一个蓝色可拖拽元素</div> </div> </div&g

promise解决异步

今天在项目中遇到一个异步问题，出现原因如下：我在getEnergeHouseDanhao这个函数中加入了一个请求，该函数是获取某机器单耗，但要请求四次分别去获取年单耗、月单耗、日单耗、小时单耗然而执行后因为请求是异步的，此时打印datas拿不到在请求中push进去的数组，在设置定时器才能拿到数组。然而我们无法确定接口的相应时间，用定时器解决显然是存在很大风险的。那么该如何解决类似的问题呢？可以使用promise.all解决异步。首先简单且通俗易懂地介绍一下promise.all是什么，具体

本篇文章比较浅显，主要写给想要快速直接上手数据可视化带Echarts图表项目的新人们。1、实例化图表：setOption(Object option)Object类型的参数 option，表示图表数据结构 ，形如：var option = { title: { text: "我的第一个ECharts图表示例" }, tooltip: {

来源：juejin.im/post/5ea63f3ef265da47b177b4b6几种遍历方法中for执行最快，它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义话、可读性和程序性能，去选择究竟使用哪种方案。下面来看for , foreach , map , for…in , for…of五种方法现场battle。1、for我是最早出现的一方遍历语句，在座的各位需称我一声爷爷。我能满足开发人员的绝大多数的需求。// 遍历数组let arr = [1,2,3];for(let i

这篇是深摸面试题的第一期，该系列主要是博主在干完手头上的工作or页面写完而数据接口还没给or项目稳定没需求时摸鱼看面试题，把一些较为简单的面试题深入渗透并且综合整理而开的专栏。因为主要是给自己未来复习用的，就不会花太多功夫排版了哈~1、首先说说浅拷贝与深拷贝的区别作者：Mike丶https://www.cnblogs.com/mikeCao/p/8710837.html深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。假设B复制了A，修改A的时候，看B是否发生变化：

test组件代码<template> <div class="test_box"> <p @click="go">测试组件内部守卫的作用，点击跳到HelloWorld</p> </div></template><script>export default { data() { return { } }, methods: { go() { this.

案例：从a页面=>b页面=>c页面，当前在c页面，执行某方法后可以如同按了浏览器后退键一样返回b页面方法：若使用vue-router，this.$router.go(-1)可以回到上一页this.$router.back()window.history.go(-1)区别①与②的区别是：go(-1): 原页面表单中的内容会丢失： 1. this.$router.go(-1)：后退+刷新； 2. this.$router.go(0)：刷新； 3. this.$route

使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。思路：定义一个全局变量记录window.open()打开的窗体如过该.

案例：阿里云官网（https://www.aliyun.com）下方的“全面、专业、智能的解决方案”模块进行组件化自己实现出来的效果：gitee仓库：https://gitee.com/Yuzaki-Nasa/aliyun-ace-view-fullColumnvue实现：<template> <div class="common-fadein"> <div class="bg"> <div class="view-center

目的： 图片预加载能够使得用户在浏览后续页面的时候，不会出现图片加载一半导致浏览不流畅的情况。场景：在开发的过程，我们经常会遇到这样的要求，当鼠标hover上去的时候，更改菜单的背景。如果没有进行图片预加载的话，会出现闪烁。那么拥有1px的眼睛的设计师们不会放过你的。为什么会出现这张情况？因为hover的时候，图片才会去加载。那么我们现在来解决这个问题。首先我们要知道一点：如果图片在使用之前就已经请求过了，那么再次使用的时候，就不会再去请求（ps：图片路径一样）。下面讲实现方式：一、方法一项目打