使用 v-if 重新加载组件 对于v-if 的使用，我们常用在子组件显示上。我们查看文档时，会发现它常常被用于与v-show 的比较。对于经常性加载的组件，显示方式应该使用v-show 来实现组件的显示。为什么呢？因为当 v-if = ‘false’ 时，子组件是会被卸载的。当它重新 v-if = ‘true’ 时，它需要重新跑一遍生命周期的进程。而 v-show 仅是让子组件隐藏了而已。所以，使用v-show 并不用重新跑一遍生命周期。这样对系统资源的花销就比较小了。故而，对于经常性加载的组件建议使用 v-show 来实现显示/隐藏，节省系统花销。基于上面理论，我们知道了v-if 会让组件重新渲染。这不就是组件刷新吗？所以，我们就可以借组v-if 实现组件的强制刷新。 实现原理：通过v-if 来控制组件的显示/隐藏。12345<template> <div> <child v-if='state'></child> </div></template> 使用内置 $forceUpdat ...

总结下项目中用到过的正则表达式 手机号1let reg = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/ 手机号/电话号1let reg = /^(0?1[3578]\d{9})$|^((0(10|2[1-3]|[3-9]\d{2}))?[1-9]\d{6,7})$/ 身份证号1let reg = /^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ 正整数(不包含负数)1let reg = /^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/ 整数(包含两位小数)1let reg = /^\d ...

报错信息 描述: 无效的标记压缩接近堆限制分配失败-JavaScript堆内存溢出!这个错误的意思时内存溢出，为什么会内存溢出呢？原来 nodejs 默认限制了最大可使用的内存大小。nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。当前端项目非常庞大时，编译时会占用很多资源，所以就会出现内存溢出的问题。 处理方案方案 1 "uat": "node --max_old_space_size=10240 node_modules/@vue/cli-service/bin/vue-cli-service.js build --mode uat"设置 node 内存大小 --max_old_space_size=10240 123456789101112"scripts": { "dev": "vue-cli-service serve --mode dev", "test": &q ...

Github Pages配置 在 github pages界面配置自定义域名前，还的需要在自己所购买域名的地方配置域名记录值! 腾讯云配置 记录值 {github_name}.github.io！

快捷键 打开快捷键设置界面 先按ctrl+k 接着在ctrl+s 1ctrl+k ctrl+s 常用快捷键 描述 快捷键 代码格式化 shift+alt+f 行增加缩进 ctrl+] 行减少缩进 ctrl+[ 去掉一行末尾没用的空格 ctrl+shift+x 快速选择当前行 ctrl+L 选择某个区块 alt+shift+拖动鼠标（也可以添加多个光标） 移动当前行 alt+↑/↓ 在上面插入行 ctrl+shift+enter 在下面插入行 ctrl+enter 快速删除当前行 ctrl+D 查找 ctrl+f 替换 ctrl+h 自动生成列表 ul>li*数字 快速生成标签 div*3 + Tab键 选中编辑代码中相同的内容 ctrl+shift+L 再按键盘上的上或下键，可以使一列上出现多个光标 Ctrl + Alt 再使用鼠标拖动，也可以出现竖直的列光标，同时可以选中多列 shift+alt 查看变量或者函数在某个地方被引用 描述 快捷键 选中方法名 shift+f12 ...

Android Studio 模拟器一段时间后Toast不显示，System UI isn‘t responding等问题简单解决方法 Step1: 进入AVD ManagerStep2：点击对应虚拟设备项最右边的倒三角Step3：选择Wipe Data后再次启动模拟器（会清空所有个人数据）

Flutter 常用命令查看flutter SDK所有分支1flutter channel 切换分支（例如切换到stable分支）1flutter channel stable flutter环境诊断1flutter doctor 查看详细信息1flutter doctor -v flutter版本升级1flutter upgrade 获取项目所有的依赖包1flutter packages get 获取项目所有依赖包的最新版本1flutter packages upgrade 添加第三方（例如添加xmpp_plugin）1flutter pub add xmpp_plugin 清缓存1flutter clean 查看设备链接1flutter devices 项目搭建创建项目1flutter create flutter_app 指定语言：默认Android使用Java，iOS使用Objective-C1flutter create -i swift -a kotlin flutter_app 创建混编项目1flutter create -t module flutter_module ...

注意: 本次环境搭建，仅此在window系统下进行! 环境搭建准备(windows版)Flutter相关依赖 依赖包 下载地址 Flutter FluttterSDK 下载路径 Java JavaJdk1.8 下载路径 密码: 3360 Android Studio Android Studio下载路径, 安装教程 VsCode VsCode编辑器 完整教程链接 Flutter社区和资源传送门 配置环境变量此电脑 -> 高级系统设置 -> tab栏[高级] -> 环境变量 注意: 路径仅供参考，真实路径应为本地安装路径所在为准! Flutter 在用户变量列表下找到 path, 点开后，新建并把下方 flutter 安装路径放进去, 确认即可! 1F:\Progam Files\Develop software\flutter\flutter_windows_3.3.4-stable\flutter\bin JDK创建JAVA_HOME变量 在用户变量列表下方点击新建，变量名输入JAVA_HOME, 变量值输入F:\P ...

使用 fixed 进行布局的元素，在一般情况下会相对于屏幕视窗来进行定位。但是如果父元素的 transform, perspective 或 filter 属性不为 none 时，position为fixed 的元素就会相对于父元素来进行定位。 1234567891011121314151617>>>.el-dialog__body{ // 设置 fixed 相对元素 `关键` transform: translate(0%, 0%); .search-box{ height: 550px; overflow-x: scroll; margin-top: 15px; .el-input{ position: fixed; top: 0; right: 0; z-index: 1; width: 50%; margin-right: 18px; } }}

1、将blob转成file12345export function blobToFile(blob, filename, type) { return new File([blob], filename, { type })}blobToFile('test info', 'test', 'text/plain' ) 2、将file转换成DataURLhtmljs12<input type="file" id="file"><img id="img">12345678910111213141516171819202122let img = document.getElementById('img')let file = document.getElementById('file')file.onchange = function () {let imgF ...