前端开发笔记

前端开发：也叫做web前端开发，它指的是基于web的互联网产品的页面(也可叫界面)开发及功能开发互联网产品：指网站为满足用户需求而创建的用于运营的功能及服务，百度搜索、淘宝、QQ、微博、网易邮箱等都是互联网产品互联网产品开发流程前端开发技术：前端工程师参照产品的效果图来开发页面(也可叫界面)，效果图是由UI设计师用Photoshop(少量设计师用firework)来设计的，为了方便与UI设计师对接工作，前端需要掌握一些Photoshop的技能，Photoshop还可以辅助页面开发。

尚硅谷前端HTML+CSS学习笔记：前端开发基石，助你快速上手 去发现同类优质开源项目:https://gitcode.com/ 项目核心功能/场景 HTML和CSS基础学习，助力前端开发技能提升。 项目介绍 在现代网站开发中，前端技术是不可或缺的基石。尚硅谷前端HTML+CSS学习笔记作为一份全面的学习资源，旨在帮助初学者和进阶开发者系统地掌握HTML和CSS的基础知识。这份学习笔记不仅包含详细...

本书《Web前端学习笔记：HTML5+CSS3+JavaScript》由杰瑞教育编著，旨在帮助读者全面学习前端开发所需的HTML5、CSS3和JavaScript技术。全书分为三篇，共18章，详细介绍了Web前端开发的基础知识、核心概念和实践案例。对于初学者来说，本书不仅提供了丰富的学习资源，还强调动手实践能力的培养。同时，对于有一定基础的开发工程师，本书也提供了专业的技术支持服务和就业咨询，帮助他们巩固知识并提升实战技能。

这一篇和PICO本身没什么关系，只是记录一下开发过程我们要做一个“从超声设备采集影像数据，一对多地传给XR眼镜终端以及其他可能的设备”应用。发送端是Jetson，由同事负责；接收端XR眼镜端由我负责。同事说视频采集卡例程里给了两种通信协议：RSTP和WebRTC.一开始我尝试用HoloLens2，因为老师和医生们似乎更喜欢OST而不是VST；但是UWP ARM64 媒体栈对 RTSP 支持弱、MixedReality-WebRTC 停更，所以 HL2 不适合当主验证平台。

浏览器会发请求，但若响应里没有合适的 CORS 头，浏览器会拦截 JS 读取响应，控制台才报 CORS 错。允许跨域请求携带 Cookie、 TLS 客户端证书（很少见）、HTTP 基本认证（浏览器弹窗那种，很少见）等凭证。预检通过后，浏览器才发真正的 POST（带 Authorization）是服务器通过响应头告诉浏览器「这个跨域请求我允许」的机制。所以 React（10086）请求 API（8080）属于。预检时声明客户端（浏览器）可以带哪些非简单请求头。浏览器缓存预检结果，减少重复 OPTIONS。

本文介绍了在Vue2数据大屏中对接海康威视摄像头的完整方案，解决浏览器无法直接播放RTSP流的问题。通过对比HTTP-FLV、HLS、WebRTC等技术方案，最终采用HTTP-FLV为主+HLS为备选的策略，利用flv.js和hls.js实现低延迟视频监控。文章详细说明了整体架构设计、前端实现代码（包括分屏布局、播放器初始化等关键代码），并分享了实际项目中的技术选型经验和解决方案。该方案适用于工业MES系统、仓储管理等需要实时监控的场景，支持2x2/4x4分屏切换，已在淀粉厂MES系统中成功应用。

先查——返回空就是它，POST补上立刻通。（90% 的情况到这一步就解决了）别假设"测试号自动、生产号才要配"——订阅是 WABA 级关系，不会跨环境自动延续，也可能是别人替你配过却没记录。直接对生产 WABA 跑自查，缺了就POST补。用验的type和expires_at（生产要0看日志而非状态码判断验签——验签失败也返回 200。别被"支付方式"告警带偏——客服窗口内回复免费，不需要支付。号码"未注册"走 Cloud API/register（设好 PIN）。

前端开发并未"死亡"，而是在 AI 的催化下经历一场深刻的范式转移。从"页面组装工"到"体验架构师"，从"技术执行者"到"AI 协作者"——这场变革淘汰的是固守旧范式的从业者，奖励的是拥抱变化、持续进化的学习者。未来十年，大前端的边界将被彻底打破，而站在技术与产品交汇点的全栈工程师，将成为最稀缺的资源。对于 Vue 生态的开发者而言，2026 年是一个关键节点：Vapor Mode 的成熟标志着 Vue 进入"易用且极致"的新时代，Nuxt 4 的全栈能力让 Vue 开发者可以触达更广阔的技术领域。

TokUI开源解析：AI流式渲染，解锁对话富UI新形态在大模型应用快速普及的当下，绝大多数AI对话产品始终存在一个核心痛点：大模型具备数据分析、图表绘制、工具调用、智能推理等多元能力，最终输出却只能以纯文本、基础Markdown的形式展示，用户只能看到单调的文字内容，无法获得可视化、可交互的沉浸式体验。为解决这一行业难题，向量空间JBoltAI正式开源自研前端项目TokUI，为AI前端交互、Agent可视化领域提供了全新的轻量化解决方案。TokUI是向量空间JBoltAI重磅推出的。

本文详细介绍了在Windows11 WSL2环境中部署DataX-Web可视化数据同步平台的全过程。

文章摘要： 随着AI时代的到来，传统操作系统（如Windows、HarmonyOS等）聚焦的“资源管理”模式正面临挑战。未来软件系统的核心需求转向“目标管理”，催生了运行于操作系统之上的“第二操作系统”——Agent Runtime。它承担任务规划、上下文管理、工具调度等新职责，形成“目标驱动”的新架构。HarmonyOS PC可能率先实现双层Runtime架构：底层HarmonyOS Kernel管理硬件资源，上层Agent Runtime与Workspace Runtime协同处理任务、上下文及工具调度

实测案例： 我输入：“创建一个用户仪表盘，左侧导航菜单，右侧内容区分三部分：数据卡片、图表、任务列表。我（一名5年前端）在过去半年系统评测了30+款AI工具，淘汰了花哨但不实用的，留下了这10个真正能融入日常开发、提升效率的利器。每个工具我都附上了使用场景、优缺点、适合人群，以及官方优惠链接（部分有Affiliate，但我会客观评测）。AI解决的是效率问题，不是创造力问题。GitHub Copilot 生态成熟，VS Code深度集成 日常编码，团队协作 $10/月 ★★★★★。

简体中文、繁体中文、英语、日语、韩语、法语、德语、意大利语、马来语、蒙古语、阿拉伯语、印地语、希腊语、西班牙语、英语、菲律宾语、印尼语、荷兰语、波兰语、葡萄牙语、罗马尼亚语、俄语、泰语、土耳其语、乌克兰语、越南语等。交易所源码，前后端全开源，源码可二开，前端uniapp，后端PHP。币币交易，法币交易，大宗交易、外汇、能源、加密货币。多语言交易所系统，秒合约/永续合约/交割合约。系统内置在线客服、钱包授权登录，链上钱包充值。源码完整开源，包搭建、完整源码交付。可根据个人需求增删功能。

按主链五步映射 API：上传 202 + KB 级 job、轮询 index-jobs、流式 chat。细说三接口契约，以及 citations 可追溯、request_id 排障、错误码与 kb 归属等接口设计要点。

TypeScript 基础类型在 Vue/uni-app 中的应用 本文介绍了 TypeScript 在 Vue/uni-app 项目中的基础类型用法，包括： 类型推断：自动推断变量类型 函数类型：参数和返回值类型约束 字面量类型：限制变量为固定值 联合类型：变量可为多种类型之一 any与unknown：处理不确定类型，unknown更安全 类型断言：强制指定类型 void与never：函数返回值类型 Vue中ref的泛型写法：明确响应式数据类型 文章通过实际代码示例，对比了不同类型的特点和使用场景，特别强

本文介绍了Java表格类接口开发的核心知识点，重点讲解了DTO（数据传输对象）的设计原则与分层策略。文章从DTO的概念出发，阐述了其在企业级应用中的重要性，包括关注点分离、数据聚合、性能优化等优势。同时详细讲解了请求参数的接收与校验、Service层的职责分工、对象转换方案（特别推荐MapStruct）以及统一响应结构的设计规范。全文强调通过合理的分层设计和规范约束，可以构建出高性能、易维护的表格接口，为复杂业务系统奠定坚实基础。

摘要： 本文深度剖析Tauri应用迁移为纯Web应用的技术挑战与解决方案。聚焦工程化踩坑、底层原理、代码优化及长期维护四大维度，结合HuLa即时通讯项目实战经验，解析高频报错根源（如原生窗口API冲突、跨域请求规则差异、WebSocket生命周期管理等），并提出分层适配架构（windowAdapter/requestAdapter/wsAdapter）实现环境解耦。关键优化包括：统一环境判断与常量管理、ESLint自动化校验、双端并行架构设计等，强调“以后端为基准”的契约标准化。适用于需兼顾功能迁移与长期可

SuperSonic 是腾讯音乐开源的下一代 AI+BI 平台，统一了 Chat BI（由 LLM 驱动）和 Headless BI（由语义层驱动）两种范式。核心特性：架构组件：GitHub: https://github.com/tencentmusic/supersonic (⭐ 4.9k)Apache DolphinScheduler 是 Apache 基金会的现代数据编排平台，专注于处理数据管道中的复杂任务依赖。核心特性：GitHub: https://github.com/apache/dolph