banyudu

• 浅谈Chrome插件开发

• 可能有很多人都用过Chrome插件，有没有好奇过Chrome插件是怎么开发的？

• Chrome插件开发使用到的技术栈并不复杂，也是 HTML/CSS/JS 这些前端相关的技术，只是会有一套自己的 API 和限制等，下面带大家认识下 Chrome 插件的开发。

• 插件是什么？

  • 

• 插件怎么开发？

  • 原始阶段（类似于手动操作dom）

• 引入各个浏览器（主要是Firefox）的sdk，调用sdk开发浏览器专用的插件

AndersonNascimentoDosSantos

"use client";
import { Button } from "@/components/ui/button";
import {
  Form,
  FormControl,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from "@/components/ui/form"; //shadcn ui folder

fernandops26

import * as React from 'react';
import { DateTime } from 'luxon';
import { Calendar as CalendarIcon } from 'lucide-react';

import { Button } from '@/components/ui/Button';
import { Calendar } from '@/components/ui/Calendar';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover';
import { cn } from '@/lib/utils';
import { SelectSingleEventHandler } from 'react-day-picker';
import { Label } from '@/components/ui/Label';

banyudu

前端性能优化之读懂Performance

在做优化的时候，最重要的事情就是找到瓶颈点。因为优化后的收益，取决于优化部分占用的性能比例 * 优化比例。在相同的优化比较下，找到占比最大的瓶颈，能更快地实现优化的效果。

在前端领域中，有一项非常重要的性能衡量工具，即Chrome Devtools中的"Performance"标签页。但是怎么去读懂这个页签下的数据呢？网上这部分的资料并不太多，这里我介绍下使用"Performance"标签页时的一些心得体会，希望能帮助到读者。

y0ngb1n

Docker Hub 镜像加速器

国内从 Docker Hub 拉取镜像有时会遇到困难，此时可以配置镜像加速器。

Dockerized 实践 https://github.com/y0ngb1n/dockerized

1️⃣ Docker daemon 配置代理（推荐）

参考 Docker daemon 配置代理