包管理器的介绍

npm 简史

在npm@3之前,如下图：

从上面可以看到，包是一层一层的安装的。那么这样会有些问题。

最近接了个需求要实现 Chrome 的查找功能，也就是在当前页全局搜索高亮输入的关键词，可以上下翻阅，和 Chrome 自带的 Ctrl + F 功能一样。

今天创建 Vue 项目时，偶尔发现生成的默认页面能根据系统主题色做出相应改变。

介绍

这次是利用架子搭箭chrome插件，提高开发效率。这次使用到的插件是 crxjs，它能够快速、便利的帮我们搭好一个开发 chrome 插件的初始化项目。

转载自：https://www.jianshu.com/p/54cc04190252

一、前言

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。

最近写 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 进行免登录