[转帖]eBPF文章翻译(2)——BCC介绍(附实验环境)

nevermosby eBPF学习计划可以看这里。 该篇为入门文章翻译系列第二篇,第一篇看这里。 原文名称:An introduction to the BPF Compiler Collection,原文地址:https://lwn.net/Articles/742082/ 目录 BCC是什么 一

每日一题:通过css变量来控制主题

1、定义不同主题颜色 :root{ --theme-color: blue; --font-size: 18px;; } html[theme="dark"]{ --theme-color: #000; 2、通过切换html自定义属性来控制主题

每日一题:探究响应式本质,以最简单的方式理解响应式

1、响应式本质 就是把数据和函数相关联起来,当数据变化时,函数自动执行。当然这对于函数和数据也是有要求的 函数必须是以下几种: render computed watch watchEffect 数据必须是以下几种: 响应式数据 在函数中用到的数据 2、例子 2.1

nginx中的proxy_pass配置

Nginx 是最常用的反向代理工具之一,一个指令 proxy_pass搞定反向代理,对于接口代理、负载均衡很是实用,但 proxy_pass指令后面的参数很有讲究,通常一个/都可能引发一个血案。 通常nginx配置proxy_pass指令时,如果proxy_pass后面的url加/,表示绝对根路径;

使用Electron-packager打包已有的web项目,发布客户端

1、先拉electron代码 git clone https://github.com/electron/electron-quick-start 2、将web项目拷贝到electron-quick-start文件夹下 3、更改main.js 更换引用的html const {app, Browse

使用nw.js打包以后的web项目 发布客户端

一、下载nw.js 直接前往官网下载即可 https://nwjs.io/downloads/ 二、封装最简单的客户端 nw.js下载完成后,在任意位置新建文件夹,例如nwtest,然后在文件夹中新建两个文件:index.html和package.json。 index.html文件内容为:

使用Electron-builder将web项目封装客户端安装包 发布

背景:之前用electron-packager将web项目打包成客户端时,exe文件只能在当前文件夹下运行,如果发送给别人使用 极不方便。所以我们可以用electron-builder将web项目封装成安装包给别人使用。 1、配置npm代理 npm set electron_mirror=https

前端展示下载进度条;取消下载操作;

展示下载进度条,替换url即可;原文请点击 {title}

node-sass与node版本对照图

基于el-cascader级联选择器实现只有最后一级可以多选(已发布到npm & github)

#### github地址:[https://github.com/heyu3913/el-cascader-onlylast-mutiple](https://github.com/heyu3913/el-cascader-onlylast-mutiple) ## 背景: ### 我们经常级联合选

基于el-input实现数字区间输入框(已发布npm/github)

项目地址:https://github.com/heyu3913/InputNumberRange (求star) input-number-range tips:更多定制化需求请联系: 1310217042@qq.com / vx:iverson96i 背景: 在开发时遇到一个数字区间输入框的需求

CSS3新特性值逻辑选择器

1. :is 解释::is() CSS伪类函数将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素。 例如 对于多个不同父容器的同个子元素的一些共性样式设置,传统写法如下 header p:hover, main p:hover, footer p:hover { color: red;

Docker常用命令

1、前置条件 ubuntu 20.04 一键安装dockcer curl -sSL https://get.daocloud.io/docker | sh 2、学习Docker 查看容器: docker ps 查看所有容器: docker ps -a 进入容器的内部 docker exec -it

Mac基本命令操作

Mac使用常见命令 删除空目录:rmdir 目录 删除文件夹:rm -rf 文件夹 创建一个文件夹:mkdir 文件名 创建一个文件:touch 文件 修改一个文件:vi 文件名 重命名文件 mv 原始文件名 修改文件名

记一次在forEach中使用aynac/await中的坑

1.背景 在写一个对齐脚本时 发现下列问题 const timeList = await imageList.map( (item,index)=>{ return item.identify_border(start_time, end_time) }) // timeList = [Promis

如何优雅的实现动画效果

1.实现动画的方式 javaScript:setTimeout、setInterval css3: transition、animation html: canvas requestAnimationFrame Api 前三种我们都很熟悉,重点说说requestAnimationFrame 2.re

前端需要了解的计算机网络方面的知识

1.TCP/IP 五层模型 物理层、数据链路层、网络层、传输层、应用层 2.应用层中哪些基于TCP协议,哪些基于UDP?有什么区别? 2.1.TCP: FTP(文件传输协议):定义了文件传输协议,使用21端口。 TELNET(远程登陆协议):一种用于远程登陆的端口,使用23端口,用户可以以自己的身份

vue中新的状态管理器-pinia

背景 对于pinia的使用,可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法,为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式: 先下载依赖 npm i pinia -s 在vue3中,main.js这么写 import { crea

再谈vue中的differ算法

Differ算法 在 Vue 中,当数据变化时,Vue 会使用 Virtual DOM 和 diff 算法来尽可能地减少 DOM 操作的次数,以提高性能。 diff 算法是 Virtual DOM 实现中的核心算法之一,其主要作用是比较新旧虚拟 DOM 树的差异,并将差异应用到真实的 DOM 树上。

Webpack中手动实现Loader与Plugin

Loader loader 是一个转换器,用于对源代码进行转换。 工作流程 webpack.config.js 里配置了一个 模块 的 Loader; 2.遇到 相应模块 文件时,触发了 该模块的 loader; 3.loader 接受了一个表示该 模块 文件内容的 source; 4.loader