使用 Webpack 将多个 css 编译成一个 css

Jacob 发布于 2023-09-12

每个 React 使用各自的 css 文件在CSS模块中，每个组件的样式文件（通常是.module.css或.module.scss等）都会在构建时生成唯一的类

WebGL 模板

Jacob 发布于 2023-09-01 收录于 WebGL

一个简单的VertexShader 代码片段 CSS: 1 2 3 4 5 6 7 8 body { margin: 0; } canvas { width: 100vw; height: 100vh; display: block; } HTML: 1 2 <canvas id="canvas"></canvas> <script src="https://webglfundamentals.org/webgl/resources/webgl-utils.js"></script> JS: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

SSH设置代理

Jacob 发布于 2023-08-29

打开.ssh/config 输入如下内容可以为bitbucket 设置代理 1 2 3 4 5 Host bitbucket.org ProxyCommand /usr/bin/nc -X 5 -x 127.0.0.1:1080 %h %p Port 22 User jacob IdentityFile ~/.ssh/id_rsa

构建Python虚拟环境

Jacob 发布于 2023-05-19 收录于 Python

使用virtualenv 安装virtualenv 1 pip install virtualenv 创建运行环境 1 virtualenv venv 激活环境 1 2 cd venv source ./bin/activate 退出环境 1 deactivate 使用venv 激活 1 2 python3 -m venv . source bin/activate 退

Svg使用

Jacob 发布于 2023-03-30

带箭头的线条代码片段 HTML: 1 2 3 4 5 6 7 8 <svg viewBox="0 0 100 100" width="200"> <path d="M10,50 L90,50" stroke="red" stroke-width="2" marker-end="url(#arrowhead)" /> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="8" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="red" /> </marker> </defs> </svg> 运行结果: 弧线代码片段 HTML: 1 2 3 <svg viewBox="0 0

Graph Data Structure

Jacob 发布于 2023-03-29 收录于 Graph

Graph 数据结构，支持更新React组件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 interface GraphObserver {