最近写 Chrome 插件，需要实现一个简单的暗黑风。网上搜了搜发现 CSS Filter 可以满足我的要求。

介绍

简单来说，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/

一、文件结构

1
2
3
4
5
6
7
8
9
10
11
12

<template>
  // Vue2中，template标签中只能有一个根元素，在Vue3中没有此限制
  // ...
</template>
 
<script setup>
  // ...
</script>
 
<style lang="scss" scoped>
  // 支持CSS变量注入v-bind(color)
</style>

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

后端返回数据如下:

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