缓存computed方法vue
总结vue3 的一些知识点：MySQL NULL 值处理
MySQL NULL 值处理 我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。 为了处理这种情况，MySQL提供了三大运算符: IS NULL: 当列的值是 NULL,此运算符返回 ......
总结vue3 的一些知识点：MySQL LIKE 子句
MySQL LIKE 子句 我们知道在 MySQL 中使用 SQL SELECT 命令来读取数据， 同时我们可以在 SELECT 语句中使用 WHERE 子句来获取指定的记录。 WHERE 子句中可以使用等号 = 来设定获取数据的条件，如 "kxdang_author = 'RUNOOB.COM'" ......
vue使用localStorage.setItem()存储对象数据的注意事项
如数据对象： ruleForm: { name: '', password:'',}, 使用localStorage localStorage.setItem("person", JSON.stringify(this.ruleForm)); 取值 localStorage.getItem("per ......
总结vue3 的一些知识点：MySQL 连接的使用
MySQL 连接的使用 在前几章节中，我们已经学会了如何在一张表中读取数据，这是相对简单的，但是在真正的应用中经常需要从多个数据表中读取数据。 本章节我们将向大家介绍如何使用 MySQL 的 JOIN 在两个或多个表中查询数据。 你可以在 SELECT, UPDATE 和 DELETE 语句中使用 ......
使用axios的post方法传输对象数据和后台数据进行解析判断
使用vue的v-model绑定生成对象数据的通过axios传输数据操作的时候，对象中属性的命名必须和实体中的一致。 实体： private Integer id; private String name; private String nickname; private String passwor ......
vue之动态组件&插槽
## 1.动态组件 ```html --> ``` ```html 首页 订单 商品 ``` ```js var home = {template: `首页`,} var order = {template: `订单 搜索`,} var good = {template: `商品`,} let vm ......
初识vue3——第二天
## 计算属性 ### 为什么要用计算属性 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们想根据 `author` 是否已有一些书籍来展示不同的信息： ``` Has published books: {{ author.books ......
Vue学习笔记之gyp: No Xcode or CLT version detected! gyp ERR! stack Error: `gyp` failed with exit code: 1
0x00 现象 MacOS在执行npm install下载项目的依赖包的时候出现的gyp报错，报错内容如下： No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for 'com.apple.pkg. ......
Vue学习笔记之Vue项目启动gyp ERR! find Python
0x00 报错详细 该报错在Windows和MacOS平台均会出现，项目启动时候报错如下： E:\vue-admin\node_modules\fibers>if not defined npm_config_node_gyp (node "D:\nodejs\node_modules\npm\no ......
Selenium常用方法
[【错误】Selenium报错：Element is not clickable at point（x, y）原因及解决办法汇总_Jock2018的博客-CSDN博客](https://blog.csdn.net/qq_27283619/article/details/89278110) 2. 最大 ......
vue3 祖孙通信
利用provide和inject provide用于向子组件(或子组件中的子组件，无限嵌套)提供自身的一些数据，或者将自身所有属性全部提供，但是提供的数据均为非响应式数据。 inject用于引入父级组件所提供的数据 1、祖父组件 import {ref, reactive,provide} from ......
报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
1.错误详情 2. 错误分析 百度此错误发现，很多人可能忘记在main.js中引入store.js并挂载在vue实例上，或者state单词写错了 我审查了很多遍代码，依然报错，读取不到state中的数据，后来想到可能是版本的问题此项目是vue2，要使用vuex3才能正常运行，我安装的时候没有指定版本 ......
vue 插槽
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem ......
Vue组件和Vue实例的理解
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option ......
vue学习记录
环境安装 nodejs有了，安装vue-cli： npm install -g @vue/cli （准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev，好家伙是vue2，这个是vue3的） 再安装： npm install -g @vue/cli-init 看资料说webpa ......
8.18 获取对象信息 toString()方法
## demo1 toString ``` class Person {} public class HelloWorld { public static void main(String args[]){ Person per = new Person(); System.out.println( ......
js数组sort方法排序
数组的sort方法可以对数组进行排序，默认是按照字符编码的顺序进行排序，可以自定义规则。 sort方法会修改原数组。 自定义规则简述：比较函数两个参数 a 和 b，（a是b的后一个元素），返回 a-b 升序，返回 b-a 降序。 ```javascript let arr = [3,5,2,9,1] ......
Vue全局事件总线（GlobalEventBus）
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 ......
uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑
问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......
视觉惯性初始化的惯性优化方法
摘要：我们首次将视觉惯性初始化表述为最优估计问题，即最大后验（MAP）估计的意义上。这使我们能够正确考虑IMU测量不确定性，而以前的方法忽略了这一点，这些方法要么解决代数方程组，要么使用最小二乘法最小化特定的代价函数。我们在EuRoC数据集上进行了详尽的初始化测试，结果显示我们的方法在很大程度上优于 ......
vue之计算属性&监听属性&生命周期&组件介绍&组件间通信&ref属性
## 1.计算属性computed ```python # 1 计算属性是基于它们的依赖变量进行缓存的 # 2 延缓计算,计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算） # 3 计算属性就像Python中的property，可以把方法/函数伪装成属 ......
vue父组件向子组件传递一个对象，使用一个对象绑定多个 prop
如果你想要将一个对象的所有属性都当作 props 传入，你可以使用没有参数的 v-bind，即只使用 v-bind 而非 :prop-name。例如，这里有一个 post 对象： export default { data() { return { post: { id: 1, title: 'My ......
JS stacktrace Vue 项目过大内存泄漏
1. 运行以下命令 npm install -g increase-memory-limit increase-memory-limit 4096mb #改成适合本机的内存 2. 可能会提示 "node --max-old-space-size=10240"' 不是内部或外部命令，也不是可运行的程序 ......
vue 商品规格生成sku,sku多维数组组合，sku组装spData json
1 <script lang="ts"> 2 import {Component, Prop, Vue, Watch} from "vue-property-decorator"; 3 import config from "@/config"; 4 import {queryProductSpec ......
Redhat8安装MySQL8操作方法（超简单Linux无依赖安装mysql数据库）
一、安装说明 1.1、相关说明： Redhat8在线安装Mysql8数据库，使操作系统找到并自动安装自适应的版本及相关依赖组件； 1.2、系统版本 二、安装方法 2.1、下载应用软件 [root@GuoDC ~]# wget https://dev.mysql.com/get/mysql80-com ......
vue 自定义指令总结
一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 ......
还在用传统方法看36氪新闻？试试这个
36氪是一家财经与科技新媒体。主要内容包括创业资讯、公司报道、投融资信息、行业分析、人物专访等。其报道涵盖了互联网、人工智能、物联网、区块链、生物技术等多个领域。 如果每天都要打开网页，再一条条翻看新闻是一件十分繁琐的事，如果能一次性把新闻信息存到excel里，等需要时再细看某条新闻就好了。 我们准 ......
通过 Vue 插件的方式来实现全局调用组件的功能
1、在组件中添加 show 和 hide 方法。 export default { methods: { show: function () { this.visible = true; }, hide: function () { this.visible = false; } } } 在上述代码 ......
十二、缓存穿透、缓存击穿、缓存雪崩
缓存穿透 缓存穿透是指查询一个缓存和数据库中都不存在的数据，客户端不断发起请求，导致数据库压力过大 解决方法 1、采用布隆过滤器，将所有可能存在的数据，哈希到一个很大的 bitmap 中， 一个一定不存在的数据会被 bitmap 拦截调，从而避免了对数据库的查询压力。 2、如果查询的数据为空，直接将 ......