这是我个人的技能知识库运行时，以 DMAIC 六西格玛改进法驱动持续进化： 定义质量标准 → 测量数据 → 分析缺口 → LLM 生成改进 → 门禁控制与回流， 全链路自动抓取、自动更新，把「我」的技能变成可调用、可提问、可自进化的 Personal 引擎。
圈定技能边界与内容主线，定义门禁规则与评分卡。
按 cron 自动更新 feed、Release、API 数据，采集质量分数。
tags 加权检索历史知识，分析事实一致性与质量缺口。
大模型生成 5W1H 草稿，补全空白、优化表达与深度。
质量门禁把关、飞书预览审批、发布后知识库回流索引。
Welcome to Hexo! This is your very first post. Check documentation for more ...
一、「大模型应用流程」与软件研发的质量控制（Quality Control, QC）、**质量改进（Quality Improvement/Q ...
一句话总览（先立住框架） LLM 是大脑，Agent 是会行动的“人”，智能体是中文总称，MCP 是给 Agent 用的“标准接口/工具协议” ...
LangChain、Agent、MCP 的关系一次性讲透。 ✅ 一句话总结三者关系 LangChain：一个 框架生态 —— 用来构建 AI 应用（L ...
一句话总览（先给全景图） AI Agent + VS Code + LLM 集成 =1️⃣ VS Code 扩展（人机交互）2️⃣ Agent ...
下面我给你一个 不绕弯、架构级别的结论性分析：在你的 Cypress + VSCode 大模型 Agent + MCP 工具 + 多机事件驱动 AIOp ...
你抓住了真正的核心难点： 不是 Cypress、不是 Docker、不是 Prometheus，而是：—— MCP Agent 如何接受事件、处理事件 ...
一.Cursor vs Copilot区别1️⃣ “若注重代码的精确性和实时提示，Cursor会是更好的选择”核心特点 精确性：Cursor 基于 ...
第4、5章学习清单（最终版） 一、理论与方法（必须掌握） DMAIC方法论 各阶段目标与方法： Define：问题定义、CTQ指标确定 Measur ...
可以，而且必须用「本地 MCP + 本地 Agent + 内网事件」模式任何“上传代码给 Agent / LLM”的方案都是错的 现在这一 ...
“MCP schema 验证机制的核心矛盾”： ✅ 安全性 ↑ → ❌ 性能 / 响应延迟 ↑ 这其实是 AI 工具调用链（MCP）设计中 ...
MCP 与 Agent 的区别 MCP（Model Context Protocol） 和 Agent（智能体） 在 AI 系统中常常被同时提及，但其实 ...
MCP（Model Context Protocol） ≠ API但 MCP 是为“大模型”专门设计的一种 新一代协议层，包裹和协调 API 的安全调 ...
核心思路（一句话） 把信任问题从模型端入手，是与外部签名/哈希链并行的另一条关键路径。下面把可行的技术路线、实现细节、优缺点和落地顺序都列清楚 ...
MCP（Model Context Protocol）与AI安全控制的根本难题： “当AI执行高风险操作时，人类虽有最终确认权，但若模型以欺骗性或模糊性 ...
*Cypress Container → VSCode 大模型（Agent）→ MCP → 触发其他工具 → 完成告警 → 最终形成事件驱动体系**。 ...
理解核心定位 技术 作用 前端价值 WebGPU 浏览器级 GPU 加速渲染/计算 高性能图形、GPGPU 计算 WebNN 浏 ...
vscode+agent+cypess monitor 是否需要 LangChain？不需要。完全不需要。 原因： LangChain 本质是 pro ...
明白，你希望在 DevOps成熟度管理 + 复合质量度量体系基础上，下一步引入 AI能力，让质量控制和改进变得更智能、可预测、可自动化。可以把 AI 的 ...
一、主流跨平台框架对比 框架 开发语言 渲染方式 性能特点 生态成熟度 代表应用 Flutter Dart 自绘引擎 (Skia) ⭐⭐⭐⭐ ...
✅ 一、确认已安装 Java 插件打开 VS Code 左侧扩展（Extensions）面板，确认已安装以下插件： ✅ Java Extension ...
1. 确保已经安装 Flutter SDK首先，确保的系统上安装了 Flutter SDK。如果没有安装，可以参考以下步骤： 安装 Flutter SD ...
Flutter 的 Tab 是完全可以通过配置动态更新的。可以做到： ✅ Tab 的数量从 3 → 4 → 5 动态变化（甚至运行时改变） ✅ 每个 ...
✅ 一、确保已经具备的环境 工具/组件 检查方式 ✅ Flutter SDK flutter --version ✅ Dart ...
Flutter SDK: ^3.8.1 webview_flutter: ^4.0.7 ✅（是较新的版本） 报告的问题：JavascriptMode ...
Windows 下快速搭建 Flutter + VS Code 的开发环境，并顺利发布 Android App，给你一份一步步的高效流程，帮你省时省力： ...
背景12Installing Homebrew...curl: (7) Failed to connect to raw.githubuserconte ...
环境安装安装12$ brew tap dart-lang/dart$ brew install dart 验证1$ dart --version 版本 ...
git 代码1$ git clone https://github.com/flutter/flutter.git -b stable git Doc ...
快速入门Hello-world 本文基于mac系统，采用HomeBrew安装 node 安装nativescript 安装1npm i -g nati ...
环境搭建node123456789//其版本是否在 v10 以上brew install node# 使用nrm工具切换淘宝源npx nrm use t ...
UI 数据同步验证 是确保两个或多个数据中心（DC）在展示给用户的界面数据上一致性的重要过程。UI 层的数据通常包括页面上展示的文本、表单字段、按钮状态 ...
第一步：源头标记 —— Angular 下的声明式测试契约在 Angular 生态中，标记不能只做“注释”，必须利用 TypeScript Decora ...
📌 回顾一下流程E2E 测试 (Cypress / Playwright) ↓自定义脚本 pushMetric() 推送指标 ...
使用 Prometheus 和 Grafana 进行 UI 数据同步验证 的目的是通过监控和验证用户界面的数据同步状态，确保在不同的系统或数据中心之间的 ...
What本文聚焦「AI E2E 自动化测试技能」，讨论 AI E2E 数据驱动的 DevOps 研发过程中质量控制与改进的实践。 来源：cypress ...
🧠 1. 输入信息收集（Prompt Design）AI 生成测试用例的前提是了解你系统的以下信息： 用户故事/业务流程：例如，“用户可以 ...
Cypress 和 Playwright 是现代 Web 自动化测试工具，它们各自提供了强大的功能来模拟用户行为、执行端到端测试。将这类工具与 AI 整 ...
Cypress 如何进行 API 性能测试在现代 Web 开发中，API 性能是确保用户体验的关键因素之一。通过性能测试，可以发现并解决 API 在高负 ...
Playwright 和 Cypress 的优缺点对比，以及适合的使用场景 🧩 一览对比 特性 Playwright Cypress 浏览 ...
Cypress介绍 Cypress优点 1.随时可截屏 - Cypress captures snapshots at the time of test ...
🧭 一、ResNet 是“深度可训练性”的转折点在 ResNet（2015）之前，深度网络最大的问题是： 越深越难训练。 而 ResNet 首次证 ...
🧠 一、ResNet 是什么？ResNet（Residual Network，残差网络）由 何恺明（Kaiming He）等人 在 2015 年提出， ...
你说的“AI识别图片文字，并编辑，保持样式一样，然后保存后下载”，这个需求比普通OCR文字识别复杂不少，因为要保证文字样式（字体、大小、颜色、排版）完全 ...
“AI 大模型的前端架构” 是一个很有深度的话题，通常指的是基于大模型能力构建的 Web 应用前端架构设计，例如像 ChatGPT、Copilot、No ...
🧭 一、题目关键词与学科定位 关键词 含义 主要学科归属 数据驱动（Data-driven） 用数据分析、挖掘、建模指导决策 数据科学、机 ...
导语： 防疫的背后，需要科技+协同的力量，更需要高精的算法、软硬件算力系统支持。 颜色会根据数据的不同，将居民判定为五种状态，在健康码展示中分为红、橙 ...
“降维（Dimensionality Reduction）” 是数据分析和机器学习中一个非常重要但常被误解的概念。我们可以从直觉、数学、算法、应用场景四 ...
🧭 一、整体学习路线图概览123阶段 1：数据分析基础入门→ 阶段 2：进阶分析与自动化→ 阶段 3：AI模型驱动的数据分析（机器学习/深度学习） ...
算法分成五大类，从基础到AI级别，覆盖从描述性分析 → 预测性分析 → 生成性分析的全流程。 🧭 一、总体分类总览 算法类型 主要目的 场景举例 ...
“机器学习（Machine Learning）”和“统计学（Statistics）”在本质上密切相关，但它们的目标、方法、哲学出发点和应用取向有所不同。 ...
🧠 一、特征工程是什么特征工程（Feature Engineering） 是指在模型训练前，对原始数据进行加工、提取、转换，以让模型“看懂”数据的过程 ...
AIOps（Artificial Intelligence for IT Operations） 与 DevOps（Development + Oper ...
以下是实现从多机独立Docker Compose到K8s集群动态调度的Cypress自动化测试的完整方案： 架构转型路线图12345678910111 ...
CDN CDN(content Distribute Network) 内容分发网络。 互联网是铁路轨道和信号系统，万维网则是在铁路上运行的列车之一 ...
2025年前端趋势学习建议核心发展方向1. 现代化JavaScript/TypeScript ES2023+新特性：深入理解最新ECMAScr ...
Linux内核 内核逐代升级，源码复杂，大多基于初始版本0.11核心思想。启动分三步走： 加电，启动BIOS 加载操作系统到内存 为执行32位的ma ...
1.新语言、新构建等工具提效 在软件非本质部分的改善中，成效最大的当属自动化。测试、构建、环境搭建等的自动化大幅改善了工作效率和工作质量。我们要对软件的 ...
何为聪明？ 通过特定任务，进行特定某种能力重复练习，可达到的 1.思考、创造力 2.计算的速度、正确率 3.学习能力、对应的考证、学历证明 4.词汇 ...
背景介绍 备案大体分成两种：一是经营性备案，二是非经营性备案，通过互联网向用户无偿提供具有公开性、共享性信息服务活动的网站。 针对有网站的域名；没有网站 ...
一、筑基：云原生与智能测试核心能力1️⃣ 云原生与Kubernetes深度掌控 K8s核心原理 精通Pod/Deployment/ ...
常见迁移办法，就Angular项目举例，Angular 如何快速迁移功能代码到其他系统迁移前的准备工作 分析现有代码结构 检查当前 Angular 项 ...
DevOps 下 AI E2E 的“魔鬼细节”：产线数据脱敏、登录态与运行时质量闭环实战 当AI生成用例不再是难题，如何让它在生产环境“安全地跑起来”才 ...
软件开发过程瀑布流开发 持续集成 持续集成工具 jenkinsjenkins介绍 java语言开发 支持插件 为持续构建而生 jekins安装 拉取镜 ...
Python 学习路线：从数据分析到大语言模型（LLM）🎯 适用对象想用 Python 做 数据分析、AI、机器学习、甚至大语言模型开发 的开发者、学 ...
导语 python 学了忘了，忘了学的过程。没有实战，终究会忘记。 python 版本问题如何快速的切换python 版本123456789101112 ...
python推导列表推导式、字典推导式、集合推导式以及其他迭代器为何元组、True|False, String等没有推导式？
python 介绍 2.x 与 3.x 版本不兼容, 存在以下主要不同，本问介绍基于Mac下Python3.x版本： 1. 使用__future__模 ...
serverless安装Mac|Linux1curl -o- -L https://slss.io/install | bash Windows12ch ...
Go 的类型检查特点1. 编译时类型检查 Go 在编译阶段对变量、函数参数、返回值等都会进行严格的类型检查 类型不匹配的代码无法通过编译，能尽早发现潜在 ...
Go 语言确实提供了屏蔽底层系统差异的能力，但与 Java JVM 的机制截然不同。它采用的是 原生编译 + 标准库抽象 的方式，而不是依赖一个虚拟机。 ...
Go 学习 & 技能路线 — 为前端 AI 自动化测试 + 边缘质检整合1️⃣ Go 基础与工程实践（必备） 语法和特性：变量、函数、结构体、接 ...
Go为啥解决了现代编程难题？1. 简单易学，减少认知负担 Go语言设计非常简洁，去掉了很多复杂特性（比如继承、泛型（直到1.18才引入简易泛型）、宏、异 ...
go语言特点 全新的静态类型开发语言 具有自动垃圾回收、丰富的内置类型 函数多返回值、错误处理 匿名函数、闭包、并发编程 反射、defer、接口 简洁、 ...
语言简介1.Go语言即具备python等动态语言的开发速度，又拥有C/C++等编译型语言的性能与安全性。又被称作21世纪的C语言，不但能够访问 ...
webapps 和 target 是在 Java Web 应用开发和部署中经常遇到的两个目录，它们的功能和作用是不同的。以下是它们的详细区别： 🔸 ...
导语进程 进程都有一个唯一的编号，称为进程ID，英文名叫PID，进程名称可以自定义 PID, 是与OS进行分配，并保证唯一性。那么OS分配算法是怎样的呢 ...
brew 卸载python123brew uninstall pythonbrew uninstall --ignore-dependencies py ...
mac系统天生支持NTFS，只不过挂载方式是read-only方式，需要手动把分区改成可写方式 插入移动硬盘，查看挂载方式1234$ mount | g ...
操作如下1234git branch -m master maingit fetch origingit branch -u origin/main m ...
GitHub pages产品支持 public 分支 Pro Team Enterprise Cloud Enterprise Server 创建P ...
个人博客站点，本人使用是hexo.常规的操作就是本地编辑好，然后手动部署。有了GitHub action，就解决了自动化部署问题。更多关于手动部署，请查 ...
Git 安装 点击链接，下载不同的版本安装即可，这里不再赘述了。 123456789 $ git usage: git [--version] [- ...
直接进入主题，每次提交代码，都需要输入一次username、password，有点繁琐。那如何配置一次即可呢？本文假设前提，你已有git账户密码、配置好 ...
npm 常用命令列表npm 升级依赖包 取决于npm版本，2.6.1以上可以 1npm install -g 2.6.1以下，可以通过npm-ch ...
导语 最近在学习Powershell，提升下windows下前端开发效率。记录下powershell要点。PowerShell中，一切皆对象。 简介查 ...
Network 主要用来 查看http 请求相关信息，譬如http method get/post, token,cookie 界面请求加 ...
vscode Prettier vs LinterPrettier code格式化插件，支持以下语言： JavaScript (including ...
前提条件Angular-cli 开发前提条件，初始化，开发，构建和维护Angular应用程序的命令行界面工具。 安装1npm install -g @ ...
vscode 快捷键通用操作1.查找文件1⌘ + p 2.tab操作 打开新tab 1⌘ + n 关闭已打开tab 1⌘ + w 3.window ...
vscode 脚手架1npm install -g yo generator-code
本文目的， 在于介绍使用sails+mongo开发rest api，并在docker容器中运行。Rest api，常用于提供一个http/ht ...
本地nginx 配置https访问产线api安装nginx 12$ brew search nginx$ brew install nginx 自签证 ...
docker v19配置镜像加速 dameon.josn123456789101112# ~/.docker/daemon.json{ &q ...
docker networkbridge 12# 默认的启动方式，走bridge模式networkdocker run nginx none 1doc ...
docker compose
mysqlmysql ip获取1docker inspect mysqldb koa修改db 配置 DockerFile12345678910FROM ...
docker 安装推荐方式 1.安装基础包 123sudo yum install -y yum-utils \ device-mapper-pe ...
mongo 安装docker mongo镜像 1$ docker pull mongo mongo运行 12345 # 停留在当前进程 docke ...
redis 升级redis 镜像1$ docker pull redis 带验证密码 1docker run -d --name myredis -p ...
查看mysql 数据库数据文件12# mysql > show variables like '%dir%' 切换目 ...
vi 支持12$ apt-get update$ apt-get install vim mysql容器dns配置shell hosts修改1$ vi ...
1. 核心理念容器不是简单的“打包可运行环境”，而是一个 架构边界单位。面向容器的设计，就是把应用拆分为独立的、可部署的、隔离的运行单元，并让容器本身成 ...
学习笔记何为ansible ansible 基于ssh协议，进行服务器管理的 ansible架构链接:https://pan.baidu.com/s/ ...
1️⃣ 生成并配置 SSH 密钥 在 Jenkins 服务器上生成密钥（如果尚未有可用的）： 12# -c 内容是注释，可读即可ssh-keygen - ...
滚动更新 系统由多个组件组成，在不停止服务的前提下，每次只更新部分组件 开发团队和运维团队如何共享信息？ 常存在，开发团队，上线新功能，访问量陡增 或 ...
有了云服务，自己是否就不用管可用性了？ 基础设施服务商提供服务保障99.95%可用，但是应用系统的可用性，还是需要自己通过冗余保障的， 频繁发布代码 ...
GitHub Pages 优点 可配置自定义域名，且域名不用备案 可强制https访问，一键配置开启 Github Action 支持push 触发构建 ...
自动部署方案GitHub action action 拉取失败 原因：利用github action构建，构建的public发布到xxx.github ...
导语： 基于node的Devops 工具环境 工具 框架作用 CentOS DVD版本 构建服务器系统 Egg 后台开发框架 Rea ...
导语 Linux命令，前端是反复的学习，通过不停的使用，才能掌握的。 内容正则 符号 描述 * 标识0个或者多个字符 ? 标识可有可无 ...
已经将 /host/dir 加入了 /etc/fapolicyd/rule.d/ 下这说明你 ...
背景： qq空间视频上传，支持500个视频上传，不过监控视频是分文件夹存储的。故利用shell把文件集中下，然后批量上传。 code 12345678 ...
Linux分类Linux版本关系 包管理方式 Linux简介名字的由来 Linus Torvalds本要把他的发时叫做Freax——“fread”，“f ...
linux 源码包 编译源码包，安装速度很慢，尽可能采用二进制包，编译源码包，需要gcc编译器二进制安装包；编译器是c c++编写的。rpm包，安装速度 ...
linux yum yum两种安装方式： 联网 本地光盘，不推荐 验证是否已安装12#如果没有，则需要手动安装rpm -qa | grep yum ...
for 循环结构1234for i [in { }] # 范围do 循环执行logicdone 循环输出用户输入12345678# ...
linux vim vi早起版本的改进，vi improved, 支持高亮，自动缩进等vim 存在三种模式： 命令模式，输入模式，编辑模式 vim ...
poweroff 关闭系统并切断电源。会发送一个 ACPI 信号来通知系统关机 halt halt:只关闭系统，不切断电源。通知硬件来停止所有的 CP ...
linux 压缩 Linux不靠扩展名区分文件类型，而是靠权限扩展名，了解正确的压缩格式，才能采用正确的解压缩命令 zip vs unzip ...
linux 命令查看命令帮助 help info man or –help ，功能强度排序： help（只能内置命令） < man < ...
date vs cal ? date 日期，cal 日历
df vs free ? df 查看磁盘空间；free 查看内存情况 为何 Linux中的文件名与命令是区分大小写的 ？Linux中存在扩展名吗？ L ...
linux setup /usr/bin/setup 所有用户setup命令会开启一个图形化的配置工具 ,只是云服务器，不 ...
通配符有哪些？ 表示任意多字符？ 任意单个字符[xx] j集合中的[!xx] 非集中的[[:alpha:]] 字母 [:digiti:] 数字 [: ...
shell 文件权限shell 开头 以sh后缀 开头#注释，表明采用何种解释器 1#!/bin/bash 添加作者等说明 123456 #/bin/ ...
shell 文件权限shell 开头 以sh后缀 开头#注释，表明采用何种解释器 1#!/bin/bash 添加作者等说明 123456 #/bin/ ...
虚拟机介绍VMware workstation Pro 场景： 让Windows用户使用Linux系统 支持度 大多数64位Linux发行版 ...
别名管理 别名使用，加快输入，不同命令解析，对应不同配置 Bash – ~/.bashrc ZSH – ~/.zshrc Fis ...
上传tar包1$ scp xxx.tar.gz <user>@xx.xx.xx.xx:/home/data 移动包路径123echo &qu ...
ssh vs rlogin 有何区别？ ssh会对发送内容加密，比rlogin更安全；ssh支持自动化，rlogin不支持。 ssh如何实现自动化？ ...
发起http请求1234567891011121314151617181920212223242526#!/bin/shfile=log.txtecho ...
http请求，每次都会携带cookies.http请求是无状态的，那么通过设计cookie，标记回话，标记用户登录状态的。无加密状态，就会存在安全风险 ...
数值转换Number转换 toString js 运算位操作 布尔操作 加法 减法 乘法 除法 求模
JS Event Loop 执行异步，会创建微任务或者宏任务，添加到对应的队列中等待处理 环境：从左到右执行 同步 微任务队列 宏任务 ...
排序算法时间复杂度 算法提升 唯有多练习 常见站点 UVa Online Judge 世界各大赛事的题目，包括由IBM赞助的ACM国际大学生程序 ...
Vite 的入口是 HTML 的原因 现代浏览器原生支持 ES 模块（ESM）加载 Vite 利用了浏览器原生对 ES 模块的支持，直接在浏览器中通过 ...
将 React 项目从 Webpack 迁移到 Vite 是一个非常实际的升级，能够大幅提升开发启动速度和热更新体验。下面是 从 Webpack 到 V ...
将一个使用 Webpack 的项目迁移到 Vite 是一个很好的选择，尤其是如果你想获得更快的开发服务器启动速度和更现代化的构建体验。不过两者有较大差异 ...
webpack从入门到精通工程搭建初始化1234mkdir webpack-democd webpack-demonpm init -ynpm inst ...
webpack
webpack 静态模块打包器，本身只能处理js,json。通过loader扩展，处理其他类型的文件 webpack核心概念Entry an entr ...
特色介绍 Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码 支持ES6 支持Tree Shaking 可打包j ...
Web3D 在浏览器的环境下，使用3D相关交互效果： （Web 3D refers to interactive 3D technology that ...
前端在什么时候该用 WebGPU？ 🔍 一、WebGPU vs WebGL 全面对比 特性 WebGL WebGPU 发布时间 2011（ ...
介绍canvas vs svg canvas 适用于动态创建的位图，缩放失真。 svg 适用于静态描述的矢量图，缩放不失真。 canvas 基于”状态” ...
介绍canvas vs svg canvas 适用于动态创建的位图，缩放失真。 svg 适用于静态描述的矢量图，缩放不失真。 canvas 基于”状态” ...
介绍canvas vs svg canvas 适用于动态创建的位图，缩放失真。 svg 适用于静态描述的矢量图，缩放不失真。 canvas 基于”状态” ...
介绍canvas vs svg canvas 适用于动态创建的位图，缩放失真。 svg 适用于静态描述的矢量图，缩放不失真。 canvas 基于”状态” ...
在开发地图时，选择使用 Canvas 还是 SVG 主要取决于你项目的需求、地图的复杂程度、交互性能要求以及渲染对象的数量。一、Canvas 与 SVG ...
React、Vue、Angular 都有封装得非常成熟的地图组件或生态插件，常用地图平台（如 Mapbox、Leaflet、Google Maps、高德 ...
🌳 什么是 Rule Tree？Rule Tree 是浏览器在构建 CSSOM 时的一部分结构，它组织了 CSS 中的所有规则（Rule），即每一个 ...
CSS（层叠样式表，Cascading Style Sheets）是用于控制网页外观和格式的语言。它与HTML结构内容分离，使开发者可以更灵活地控制网页 ...
BFC Block Formatting Context (BFC)，内部自成布局，隔绝与外部 形成方式 1.float 2.position: ab ...
这节内容，紧接着上一篇HTML入门,我们介绍Css进阶相关知识点 Css是什么？ css为了美化页面的一套浏览器语法规则， Css是由CSS Wor ...
页面布局 页面布局，说的浅显点，就是页面排版。如何利用已知的div,table,tr,article,section等html5元素，解决用哪些、怎么放 ...
前端开发，入门简单，有一台可以运行多款浏览器的电脑，能联网查询资料即可。深入的部分，需要更多的理论知识、肯钻研的精神。前端开发，需要入门了解的屈指可数， ...
CSSJavascriptWeb FormsCross-browser testingAccessibilityModern tooling参考web- ...
CSSJavascriptWeb FormsCross-browser testingAccessibilityModern tooling参考web- ...
Javascript介绍概要 js 使动态内容更新成为可能 web page js分： browser api, third api js 存在执行顺 ...
api 结构速查 api使用code
html5 比xhtml 更简洁 async 属性规定一旦脚本可用，则会异步执行。 1<script type="text/java ...
svg预定义标签矩形 123<svg xmlns="http://www.w3.org/2000/svg" version=& ...
需求背景D3 tooltip内容过多，需要展示滚动条。鼠标离开定位后，立刻触发mouseout,此时tooltip会隐藏。但是，需求是不能隐藏。那么久从 ...
isEmpty，用于判断传入值，是否为空对象、空集合([],map,set).判断依据的标准为： 没有可迭代的字符串键 array,str 等参数的 ...
前端开发，js是一个避开不了的一门技术。js的诞生为了美化交互。 js类型 null undefined boolean string number O ...
学习背景： 多端构建，可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/ ...
定位api需求 根据attitude,lottitde，获取地理位置 或者能直接调用api，返回地理位置 方案一 根据微信小程序官网，如下代码，得到a ...
Rxjs js lib库 实时响应编程 类似node Event机制，或者说观察者模式 为何使用rxjs 技术诉求根本原因，在于异步 数据依赖关系 ...
效果图 卡壳一-自定义颜色，必定tooltip显示重复 123456789chart.tooltip({ showCrosshair ...
效果图 界面设计设计目的：BMI数据管理首页 - 如何实现：* BMI,是什么？-- 需要简单解释下 * 必须有录入入口 -- 记录一下 * 可视化 ...
2019年，小程序云端开发上线，一直没有好好的去学习，如今serverless如火如荼。今天，重新学习下，并记录如下理解心得：假定小程序云端开发，简称云 ...
小程序代码修改 之前调用服务端代码，修改为调用云函数 新建云函数，并upload部署 云函数，不要求域名配置 添加云函数 之前后端请求的js逻辑，迁移 ...
背景介绍* 目前不支持svg * 主要以canvas为主 echarts 依赖包下载本地1git clone https://github.com/ ...
NODE_DEBUG 可以用来输出debug日志信息 node中内置的参数 命令行，也会输出明显的错误 timer http net fs clu ...
1.node 安装 npm是node安装包中默认自带的，推荐使用nvm等node版本管理工具安装，避免可能的权限问题 npm 版本验证1234$ no ...
介绍1234567# package.json "browserslist": [ "defaults", ...
node环境变量 process 是node的全局变量，类似浏览器的window env 是process的一个属性 process.env的用法修改 ...
pm2 介绍 用于进程守护，自动拉起进程。这里介绍都是nodejs进程管理。当然不限定与node。sh,py等都可以管理。node安装请移步 123$ ...
mac环境下，pkg包安装nodejs 官网下载验证12> which node/User/<your's-user-name&g ...
server环境搭建node安装 参考另一篇文章 rabbitMQ 安装 brew安装 12#mac brew install rabbitmq do ...
一、基本语法1<iframe src="https://example.com" width="600" ...
v8内存空间在 JavaScript 的 V8 引擎中（如 Chrome、Node.js 所使用的引擎），内存空间管理是高性能运行的关键之一。 V8 将 ...
🧠 一、为何要有 栈内存 和 非堆内存（包括代码空间、MapSpace 等）？📌 1. 栈内存 vs 堆内存：性能与功能的权衡 特性 栈内存（ ...
Math.abs() 是一个良好防御性编程手段， 尤其在处理时间差（如分钟 - 基准分钟）时可能出现负数的情况下。 不过是否需要 Math.abs() ...
Web Components 和 Shadow DOM **并不使用 <iframe>**，尽管它们在某些方面（如封装性）看起来类似。让我们 ...
js code 优化提升性能 Chrome DevTool提升性能
ArrayisArray 1234Array.isArray = function(arg) { return Object.protot ...
Consolecopy12let x = {a:1,b:2,test:() =>{}}copy(x) // ...
Arrayinstanceof 请问下，instanceof 一定能判断类型吗？ 1234567var iframe = document.creat ...
📘 前后端通信协议全景手册（完整版） 🧱 协议类型总览 分类 协议 描述 HTTP 请求响应 REST、GraphQL、gRPC-Web ...
🌐 什么是跨域（CORS）跨域（Cross-Origin）：当前网页的 JS 在向不同源发起请求时，如果协议、域名、端口任一不相同，就会被认为是“跨域 ...
LLM✅ 一、你要测试的典型对象举例：你有个 React Hook 或 service 用来调用大模型 API： 12345678910// src/ ...
react 组件创建形式： 函数组件 123function Welcome(props) { return <h1>He ...
react是什么？ 定位于声明UI层的一个数据绑定框架，不如angular那样开箱即用的很多功能 angular内置如下大概功能： HTTP调用； ...
分析 Angular + RxJS 性能问题，最有效的方法是结合： 浏览器工具（如 Chrome DevTools） Angular 自带调试工具（如 ...
Angular Service Worker 使用指南Angular 提供了内建的 Service Worker 支持，用于构建 PWA（渐进式 Web ...
📌 postMessage vs NgRx —— 技术选型与场景分析 🧭 两种方案的典型使用场景✅ NgRx 的典型场景 应用运行在 同一个 Ang ...
Angular Pipe Pipe的存在，目的在于进行数据的转换。前后端开发，后端提供的数据，不一定刚好就是要展示的数据，前端经常在拿到原始数据后，进 ...
ui-grid升级方案 详情请移步这里ui-grid升级 核心code 1234567891011 @Directive({ selecto ...
angular升级 选择不同版本升级，得到一些指引update.angular.io 12345// Modern JS<script type ...
webworker 开启子线程运行cpu计算任务，减轻主线程计算任务，提升用户交互体验webworker 需要考虑兼容性,SSR端不支持 支持： ...
背景 在重构代码时候，难免会忘记添加spec.ts测试用例文件，等想起来的时候，已经很多文件了，总不能一个个copy，修改吧，此时正是工具最佳上场时机 ...
angular路由如何实现的？ 两者实现模式： history,hash; hash的url携带#， history，会作为path部分。最终底层都是靠 ...
方案一 直接使用新的libary，改用ag-grid ag-grid具体参考 方案二使用背景 技术需要升级angularjs → angular8 ...
angular样式，如何封装独立的？ 样式文件独立存在，采用styleUrl形式引入 一个组件标签，编译后，对应一个host 对应的html中元素， ...
Angular web 项目少不了列表的存在。针对angularjs web项目，进行技术升级，需要耗费一番功夫，不是简单的从ng-if变为*ngIf就 ...
1.Angular-CLI - angular工具命令行 GitHub: https://github.com/angular/angular-cli ...
Angular8 HttpClient 30分钟深入了解下前端开发，axios是标配的http请求发起libary, 采用的是Promise的方式。然 ...
本文目的在于介绍rxjs operators，总结下个人code实践和理解，以备以后个人查阅,code 采用ts+rollup打包方式 具体可以移步下 ...
按照必选参数分类无入参emptyintervalrangetimercombineAllconcatAllmergeAllswitchAllcountm ...
Rxjs是Angular http请求所避开不了的一个主题。 Angular http请求，返回Observable对象，然后在业务逻辑中subsci ...
安装1.with angular-cli 先创建angular项目，否则会出现如下错误： 1The add command requires to b ...
1.else使用 语法糖else 1234567<div *ngIf="isLoggedIn; else loggedOut" ...
angular指令，目的在于影响Dom布局，或者修改Dom属性。 Directive分类Component an extension of @Dire ...
常有这样的需求，一个html，然后加载json文件，替代调用api,展示日志内容。默认当前用户已安装angular-cli，就不具体的介绍环境安装了。 ...
Render2介绍 Render2 是angular中用于操作dom的，Angular做了封装，屏蔽底层差异，通用性更强。不仅仅可以用于浏览器端，还可以 ...
angular web性能优化
开篇三问： 为何要进行单元测试？ 单元测试有什么好处？ 如何编写angular单元测试？ 没有单元测试会如何？ 或者换句话说，为何要开发编写单 ...
angular 模板语法插值在DOM属性或者子元素中，{}包裹组件属性组件寻找对应的属性，需要计算先计算，然后转换为字符串替换 12345678//子元 ...
angular.json 相对于项目root 路径配置 有关workspace和项目的配置 angular-cli自动生成的 文件结构12345678 ...
angular-cli，顾名思义，用于angular应用开发的脚手架,我们可以在命令行执行对应的命令。 angular-cli主版本，跟angular ...
既然大家都说ts 类型声明好，为何java(强类型声明) 还需要文档呢？ 纵观js，ts历史，js先诞生，ts后诞生，会存在ts定义不了js的情况吗？ ...
模块export default vs export export default 只能出现一次，export not export default , ...
缓存判断机制：文件路径 + mtime（文件修改时间）✔️ 缓存依赖的组件：ModuleGraph：Vite 内部维护的模块依赖图（在 vite ...
vue-cli介绍 vue-cli版本基于4.4.x Vue CLI 致力于将 Vue 生态中的工具基础标准化 让使用者专注在撰写应用上，而不必花好几 ...
在使用 Cocos Creator 3.x 开发微信小程序时，项目初始化的流程分为以下几个步骤： 对比项 Cocos Creator 2.x Co ...
1️⃣ 分包打通原理（核心概念）微信小游戏的分包机制： 主包：启动包，必须轻量，只放核心逻辑和主界面。 子包：按世界/章节拆分。 加载方式： ...
🚀 一、整体流程总览（先有全局）从 0 到上线 = 7 步 1234567① 注册微信小游戏账号② 创建 Cocos 项目（2.x）③ 开 ...
⚔️ 闯关类游戏适合度分析1. 适合的场景 关卡数量适中关卡数十到几百个都可以，但需要合理规划资源加载和内存管理。 2D 闯关游戏典型的横版、竖版关卡跳 ...
PWA为何引入 特性了解 如何开发
web-worker 通信过程 web api支持情况 不支持的web api window document 支持的 navigato ...
性能优化从js规范开始 1.命名通俗易懂，知名达意2.结构不要过深 拆分代码，避免过多深入调用，函数结构化，相关代码存放一起，把逻辑和该逻辑处理的数据 ...
性能定义性能理解 性能是相对的，非绝对的快的网络好的硬件设备，加载同样网页 ，会比差的网络和硬件设备不同站点的加载耗时，也可能是相同的站点加载虽然快，但 ...
lighthouse优化前打分 从中我们可以看到具体的优化建议 移除不用的code 图片改用压缩率高的JPEG 2000, JPEG XR, an ...
以下是针对前端开发者选择WASM入门语言的详细建议，结合技术特性和学习曲线分析：前端开发者选择WASM入门语言的详细建议 决策矩阵：Go vs Rust ...
go 概览 go类似C，面向过程开发
wasm 概览 开发效率角度来说，大多使用GO,Rust，编译为wasm wasm 重要知识点
满分 38 · 阈值 18 · 判定 PASS
block 级失败即阻断发布，warn 级仅告警记录。
Welcome to Hexo! This is your very first post. Check documentation for more info. If y ...
来源：2020一、「大模型应用流程」与软件研发的质量控制（Quality Control, QC）、**质量改进（Quality Improvement/QA）**结合起来，可 ...
来源：2025一句话总览（先立住框架） LLM 是大脑，Agent 是会行动的“人”，智能体是中文总称，MCP 是给 Agent 用的“标准接口/工具协议”。 如果画成一层一 ...
来源：2025命中知识库直接摘录原文 + 出处；不满足则通过 GitHub Issue 触发 LLM 兜底生成答案，高质量问答沉淀为新文章。