服务化&架构
关注
分享
扫一扫
文章平均质量分 58
BS架构，CS架构等相关内容。服务化实现用到的相关技术和代码。
FakeOccupational
这个作者很懒，什么都没留下…
展开
-
nodejs42 (UI相关) : svg的viewBox属性
但没有指定viewBox，那么这个SVG画布将是100x100像素，并且在这个SVG内部使用的任何坐标都将基于这一设定，即(0, 0)位于左上角，而(100, 100)则对应右下角。是 SVG (Scalable Vector Graphics) 中非常重要的一个属性，它定义了一个坐标系统，决定了SVG图形的显示区域，当不设置viewBox时，SVG内容会以其自身的尺寸（以像素为单位）进行渲染，这通常意味着1个用户单位等同于1个像素。不设置viewbox时，只增大图形的长和宽不能放大图形，只会放大画布。原创 2025-03-15 19:00:00 · 262 阅读 · 0 评论 -
nodejs 041: React组件 JSX基础语法规则 02 导入时“{}”的作用
nodejs 041: React组件 JSX基础语法规则 02 导入时“{}”的作用原创 2025-02-24 15:00:00 · 405 阅读 · 0 评论 -
nodejs40 (UI相关) : CSS flex模型 容器 justify-content(主轴排列)&align-items(交叉轴排列)&子元素flex赋值
也就是说，元素的宽度会根据内容的实际大小来决定，而不是固定值或剩余空间。将子元素（子项目）均匀分布在容器中，首个和末尾的元素会对齐到容器的两端，而其他元素会均匀地分布在它们之间。如果容器的空间不足，子元素会根据比例进行缩小，直到它适应容器。例如：如果容器有 100px 的剩余空间，且两个子元素都设置了。这意味着无论子元素的高度是多少，都会确保它们垂直居中于容器内。表示该元素的初始宽度是 0，意味着它会根据剩余空间进行扩展。同样，如果子元素的总尺寸超过父容器的空间，的情况下，应该占用的空间。原创 2025-02-23 15:00:00 · 1744 阅读 · 0 评论 -
nodejs39 ERROR in [eslint] *.js Line 35:1: Unexpected use of ‘self‘ no-restricted-globals Line 4
为 ESLint（JavaScript 代码的静态分析工具）警告你在代码中不应使用。这个全局变量，除非它是在特定的上下文中，比如 Web Workers。注：这个方法能避免当前问题，但可能引起其他问题。在 Web Worker 中，用。原创 2025-02-19 17:00:00 · 357 阅读 · 0 评论 -
nodejs 038: Js Worker线程消息传递 Worker.postMessage() & Worker.postMessage()
WorkerMain主线程发送消息主线程接收消息worker线程发送消息worker程接收消息。原创 2025-02-13 19:15:05 · 422 阅读 · 0 评论 -
nodejs 037: 前端新手教程使用引导库 Intro.js
Intro.js是一个流行的引导库，用于提供步进式的新手教程。它可以帮助你创建用户引导，展示一些步骤和提示，逐步引导用户了解应用程序的功能。原创 2025-01-15 19:00:00 · 395 阅读 · 0 评论 -
nodejs 036: React语法规则 Hooks 报错与注意事项 function “***“ that is neither a React function component no
【代码】nodejs 036: React语法规则 Hooks 报错与注意事项 function “***“ that is neither a React function component no。原创 2025-01-06 15:00:00 · 360 阅读 · 0 评论 -
nodejs35: react中的IndexedDB 数据导出(JSON)与导入
【代码】nodejs35: react中的IndexedDB 数据导出(JSON)与导入。原创 2024-12-13 19:00:00 · 332 阅读 · 0 评论 -
nodejs34: react中的IndexedDB 数据库遍历 + 实现对数据库的复制与更新
【代码】nodejs34: react中的IndexedDB 数据库遍历 + 实现对数据库的复制与更新。原创 2024-12-12 19:00:51 · 200 阅读 · 0 评论 -
nodejs32: REACT createContext
【代码】nodejs32: REACT createContext。原创 2024-12-02 15:00:00 · 554 阅读 · 0 评论 -
nodejs31 (UI相关) : CSS 中定义字体 @font-face + Google Fonts
【代码】nodejs31: CSS 中定义字体 @font-face + Google Fonts。原创 2024-12-01 15:00:00 · 975 阅读 · 0 评论 -
nodejs30 (UI相关) : CSS 剪辑路径clip-path导致伪元素不可见问题及解决方法
* 为子元素提供定位参考 *//* 为伪元素定位提供参考 *//* 放置在主矩形的下方 *//* 定位矩形到父容器 *//* 放置在主矩形下方 *//* 橙色背景 *//* 圆角裁剪 *//* 绿色背景 *//* 圆角裁剪 *//* 绿色背景 */原创 2024-11-29 19:00:00 · 777 阅读 · 0 评论 -
nodejs29 (UI相关) : CSS 剪辑路径clip-path 绘制多边形+不规则形状+交互式开发人员工具
* === 值 === *//*在进行剪裁时需要注意，原始的高宽要大于剪裁的值，否则就显示为空了*//* 使用一个内嵌矩形进行剪裁，定义上、右、下、左的偏移量。如clip-path: inset(100px 50px 20px 30px);，下边的示例是简写方法 *//* 等于 inset(100px 50px 100px 50px) *//* 设置圆角矩形 *//* 使用一个圆形进行剪裁，定义半径和位置。*//* 使用一个椭圆进行剪裁，定义横轴和纵轴半径及位置。原创 2024-11-28 19:00:00 · 448 阅读 · 0 评论 -
nodejs28: 浏览器指纹工具FingerprintJS+实现原理
FingerprintJS 是一种浏览器指纹识别工具，可以用来生成设备的唯一标识符。利用浏览器和设备的一系列非敏感数据（如屏幕分辨率、字体、WebGL 信息等）来创建一个高度唯一的指纹，用于追踪和识别用户。通过这种方式，可以实现跨会话、跨设备的用户识别，而不依赖传统的 cookie 方式，尤其适用于防止用户伪装身份或阻止追踪。如果需要更强大的功能（如设备识别的准确性提高或更多分析功能），可以使用 FingerprintJS 的 Pro 版本。原创 2024-11-27 19:00:00 · 1685 阅读 · 0 评论 -
nodejs27 (UI相关): CSS 伪元素 ::after
::after 的常见用途 : 添加装饰性内容（如图标、分隔线）构建复合形状（如箭头、对话框）动态内容添加（如标签、标记等）原创 2024-11-26 19:00:00 · 902 阅读 · 0 评论 -
nodejs25: 图数据绘制库(知识图谱可视化) Cytoscape.js的节点操作菜单插件
color: "red", // 自定义字体颜色fontSize: "20px", // 自定义字体大小textAlign: "center", // 居中对齐},},},原创 2024-11-25 15:00:00 · 499 阅读 · 0 评论 -
nodejs26: 箭头函数(=＞)域继承问题
这个错误 func1 is not defined (no-undef)JavaScript 的箭头函数天然继承外部作用域的。，类似于 C++ Lambda 中通过捕获列表（对象的属性，而不是当前作用域内的变量。时，JavaScript 找不到。箭头函数不会创建自己的。，而是从父作用域继承。原创 2024-11-25 15:00:00 · 312 阅读 · 0 评论 -
nodejs24 (UI相关): FontAwesomeIcon图标库+FontAwesomeIcon的两种引入方式&图标样式的配置
【代码】nodejs24: FontAwesomeIcon图标库。原创 2024-11-24 15:00:00 · 771 阅读 · 0 评论 -
设计编程网站集：简述可扩展性系统设计(笔记)
设计编程网站集：简述可扩展性系统设计(笔记)原创 2024-11-21 19:00:00 · 264 阅读 · 0 评论 -
nodejs23: 图数据绘制库(知识图谱可视化) Cytoscape.js
历史：Cytoscape 创建于多伦多大学并发表在牛津生物信息学（2016 年、2023 年）。Cytoscape 和 Cytoscape.js：从长远来看，Cytoscape 和 Cytoscape.js 将集成得更加紧密。Cytoscape 现在支持读写 Cytoscape.js 的网络和表 JSON 文件。另外，Cytoscape 可以将样式转换为 Cytoscape.js 的样式对象。来源。特点：轻量级的图网络库，专为绘制复杂的网络图而设计，支持节点和边的可视化。交互功能。原创 2024-11-18 15:00:00 · 2500 阅读 · 0 评论 -
nodejs22: React路由导航组件库 react-router-dom
库中导入了几个重要的组件，用于在 React 应用中实现路由功能。是一个路由容器，利用 HTML5 的 History API 来管理路由（即 URL 地址的变化）。Routes是一个容器组件，用于包裹和管理多个路由。React Router 会根据当前的 URL 匹配到合适的Route组件。Route：定义一个具体的路由规则。它指定某个 URL 路径应该渲染哪个 React 组件。例如，会在 URL 路径为/home时渲染Home组件。Navigate。原创 2024-11-17 15:00:00 · 352 阅读 · 0 评论 -
nodejs21 (UI相关): 快速构建自定义设计样式Tailwind CSS
初始化 Tailwind CSS 配置文件：这个命令会生成一个 配置文件:1.2 配置 在 文件中配置 Tailwind CSS，比如配置启用 JIT（即时模式）:1.3 配置 （可选）创建 文件并进行 postcss 配置1.4 添加 Tailwind CSS 到CSS 文件导入 Tailwind CSS 的基础样式：1.5 React 项目导入 CSS 文件React 项目中导入 CSS 文件，通常是在 或 中。2. 使用 Tailwin原创 2024-11-16 19:00:00 · 689 阅读 · 0 评论 -
【p2p、分布式，区块链笔记 DAM】GUN用户认证实例 useGunContext
GUN 实例管理通过useRef保持 GUN 实例、用户对象和认证 token 的持久性。确保整个应用只使用一个 GUN 实例，避免多次初始化。用户认证在useEffect中监听 GUN 的auth事件，当用户认证成功时，通过 API 获取和。支持自动记住用户登录状态（使用 sessionStorage）。跨组件共享通过将 GUN 实例、用户对象和相关方法传递给整个应用，使各个组件可以轻松访问。原创 2024-11-10 15:00:00 · 476 阅读 · 0 评论 -
nodejs 020: React语法规则 props和state
在 React 中，和是管理数据流的两种核心机制。理解它们之间的区别和用途是构建 React 应用程序的基础。原创 2024-11-09 19:00:21 · 1169 阅读 · 0 评论 -
nodejs 019: React组件 JSX基础语法规则 01
REACT JSX基础语法原创 2024-11-08 19:00:00 · 2157 阅读 · 0 评论 -
nodejs 018: Uncaught TypeError TypeError: os.tmpDir is not a function at ＜anonym
【代码】nodejs 018: Uncaught TypeError TypeError: os.tmpDir is not a function at ＜anonym。原创 2024-11-02 20:01:09 · 284 阅读 · 0 评论 -
【GO学习笔记 go基础】访问控制
【GO学习笔记 go基础】访问控制原创 2024-10-31 19:00:18 · 453 阅读 · 0 评论 -
【GO学习笔记 go基础】编译器下载&安装+Go设置代理加速+项目调试+基础语法+go.mod项目配置+接口（interface）
关键字声明变量，也可以使用短变量声明。每个Go程序都必须属于某个包，通常是。用于定义自定义数据类型。包括条件语句和循环。原创 2024-10-28 15:00:00 · 1545 阅读 · 0 评论 -
p2p、分布式，区块链笔记: Libp2p分散打孔 2022 IEEE 第 42 届分布式计算系统国际会议研讨会 (ICDCSW)
我们提出了一种内置于对等网络库 libp2p [1] 中的去中心化打洞机制。打洞对于对等网络至关重要，它使每个参与者能够直接与任何其他参与者通信，尽管被防火墙和 NAT 隔开。去中心化的 libp2p 打洞协议利用了类似于 STUN（RFC 8489 [2]）、TURN（RFC 8566 [3]）和 ICE（RFC 8445 [4]）的协议，而无需任何中心化基础设施。具体而言，它不需要任何有关网络参与者的先前知识，除了至少一个（任意）节点来引导对等发现。关键见解是，用于打洞的协议（即地址发现和中继协议）可以原创 2024-10-03 15:00:00 · 2264 阅读 · 1 评论 -
nodejs 017: javascript语法 —— export { addN as default }导致函数的调用名称和定义名称不同
在这个示例中，addN函数被导出为模块的默认导出项。/***/原创 2024-09-29 19:00:00 · 234 阅读 · 0 评论 -
nodejs 016: javascript语法——解构赋值({ a, b, c } = {})=＞{console.log(“Hello“)；}
nodejs 016: javascript语法——解构赋值({ a, b, c } = {})=＞{console.log(“Hello“)；}原创 2024-09-28 15:00:00 · 338 阅读 · 0 评论 -
nodejs 015:错误(node:11340) Warning: To load an ES module, set “type“: “module“ in the package.json or
【代码】nodejs 015:错误(node:11340) Warning: To load an ES module, set "type": "module" in the package.json or。原创 2024-09-27 19:00:00 · 282 阅读 · 0 评论 -
p2p、分布式，区块链笔记(OrbitDB.ControlCenter 004): 在浏览器中运行 OrbitDB Control Center 默认界面：src\views\Databases.js
handleRemoveDatabase会调用database的。组件，用于显示加载状态。原创 2024-09-26 19:00:00 · 316 阅读 · 0 评论 -
p2p、分布式，区块链笔记(OrbitDB.ControlCenter 003) :数据库接口 src\database\index.js
这段代码是一个与 IPFS（InterPlanetary File System）和 OrbitDB（基于 IPFS 的去中心化数据库）交互的模块。原创 2024-09-25 19:00:00 · 963 阅读 · 0 评论 -
p2p、分布式，区块链笔记(OrbitDB.ControlCenter 002) : OrbitDB Control Center的状态管理 StateProvider
useContext基本用法1. 创建 Context:首先，你需要创建一个 Context 对象。2. 提供 Context:在组件树的某一层使用 来提供上下文值。3. 消费 Context:在子组件中，使用 来获取上下文的值。Control Center的状态管理对象StateProvider1. 创建 Context:2. 提供 Context:通过Context对象的Provider函数提供状态值此代码通过Reducer 进行状态管理，状态值value通过函数获取原创 2024-09-24 19:00:00 · 431 阅读 · 0 评论 -
p2p、分布式，区块链笔记(OrbitDB.ControlCenter 001): 在浏览器中运行 OrbitDB Control Center App.js
Systems组件用于管理和显示 IPFS 和 OrbitDB 的状态，包含useEffect部分和渲染部分部分。原创 2024-09-23 15:00:00 · 1937 阅读 · 0 评论 -
nodejs 014: React.FC 与 Evergreen(常青树) React UI 框架的的Dialog组件
nodejs 014: React.FC 与 Evergreen(常青树) React UI 框架的的Dialog组件原创 2024-09-22 15:00:00 · 559 阅读 · 0 评论 -
nodejs 013:Prect 样式复用（multiple classes）例子
通过将多个类组合在一起，可以灵活地复用已有的样式。：当元素的状态发生变化时，可以通过添加或移除类来改变样式。：可以为不同的屏幕尺寸或状态应用不同的类。可以分别控制按钮的大小和在移动设备上的可见性。可能是特定的颜色或背景。原创 2024-09-21 19:00:00 · 518 阅读 · 0 评论 -
nodejs 012:Babel（巴别塔）语言转换与代码兼容
【代码】nodejs 012:Babel（巴别塔）语言转换与代码兼容。原创 2024-09-20 19:00:00 · 1760 阅读 · 0 评论 -
nodejs 011: nodejs事件驱动编程 EventEmitter 与 IPC
【代码】nodejs 011: nodejs事件驱动编程 EventEmitter 与 IPC。原创 2024-09-19 19:00:00 · 548 阅读 · 0 评论