reactive

• 接收一个对象，返回一个响应式的被Proxy包装过的对象（返回的对象 不等于 源对象）
  • 基本类型无法被 reactive 代理
• 等同于 Vue2.0 中的 Vue.observable()
• 原理：Proxy 代理
  • 深度响应
  • 递归代理

升级脚手架

1
2
3

npm i @vue/cli -g

vue create 项目名称

介绍

简单来说，Chrome 插件是用来增强浏览器或页面功能的程序。我们可以用它来实现「文章预计阅读时间」、「页面一键暗黑模式」、「Chrome Tab 分组管理」等功能。开发 Chrome 插件主要用到的技术是 HTML、CSS 和 JavaScript ，对 Web 开发人员来说非常友好。

文档链接：

Welcome to Chrome Extensions - Chrome Developers

连表查询遇到个问题：

1
2
3
4
5
6
7
8
9
10
11

SELECT
  t2.id AS videoId,
  t2.title AS videoName,
  uId AS upName
FROM
  t_xinwu_comment_video t1
LEFT JOIN
  t._xinwu_video t2
ON
  t2.id = t1.bId
WHERE t1.uId IN ('up0196956', 'up0196956', 'up0197018', 'upo197299',  'upo197268')

表数据才1000多条，但是查询耗时接近5s，肯定哪儿出了问题，开始以为是没索引的问题，后边发现两张表都有索引。最后查资料有人说可以在 in 外边包一层，当临时表处理，能够提高查询效率：

环境

MacOS Ventura 13.0.1
MySQL 8.0.31
Navicat Premium 12.0.22

错误信息

1

Authentication plugin 'caching_sha2_password' cannot be loaded: dlopen(/usr/local/mysql/lib/plugin/caching_sha2_password.so, 2): ...

使用 brew install mysql 安装 MySQL

如果一切顺利，安装完毕后可直接使用 mysql -u root 进行免登录

由于要兼容 iOS 和 Android 的关系，所以移动端的 excel 下载得后端生成文件并给到移动端静态文件地址，让移动端能够跳转下载再预览。

Oracle 官网下载 Java

官网地址：https://www.oracle.com/

转载自：https://blog.csdn.net/weixin_42333548/article/details/124661215

后端返回数据如下:

需要前端处理转为 excel 下载，记录下方案