前端开发

梅雅达编程笔记

Day 17 | uni-app 小程序：前端从零搭建摘要：后端 API 全部就绪了（Day01-16），但用户总不能抱着 Postman 购物吧？今天把前端搞起来——用 uni-app + Vue3 从零搭建商城小程序。涵盖项目初始化、五大核心页面（首页/商品详情/购物车/订单/个人中心）、组件化开发、Pinia 全局状态管理。成本？依然是零。

TanStack Router 实战：URL 校验、Loader 与路由权限实践要点在单页应用里，URL 不再只是地址栏里的字符串，它同时承担三份职责：标识需要匹配的页面、把跨页面的筛选与分页状态保存下来、在浏览器刷新或把链接发给同事时原样恢复现场。过去这套状态散落在各个组件的 useState 里，一旦刷新就丢，一旦深链接进来就是空状态。

浏览器指纹参数校验：时区、语言、分辨率的一致性原理很多人配置独立浏览环境，核心精力放在代理 IP 的归属与纯净度上，却容易踩基础指纹的坑：IP 地理定位在北美，浏览器系统时区却是东八区；IP 节点在欧洲，浏览器语言却优先返回简体中文。

Vue3 零基础每日笔记（071）：暗黑模式与主题切换——CSS 变量 + Element Plus 暗黑方案Element Plus 实战篇收官篇。064 篇说过组件库颜色全靠 CSS 变量——本篇吃透这套变量体系：一行引入暗黑模式、一个组合式函数管切换、一个输入框换主题色，让 068 篇的后台骨架白天黑夜都好看。

前端 × AI：从 Cursor 到 Transformer，一份完整认知路径大模型正在深刻改变前端开发。从最初的代码生成助手，到如今能理解上下文、自动修复逻辑、生成测试和文档的智能开发伙伴，AI 已经渗透进前端开发的每一个环节。本文按工具 → 方法 → 协议 → 原理四层认知路径，系统梳理 AI 在前端面试与实践中应掌握的核心知识。

【深度思考】前端基石的觉醒：探讨 HTML 语言的再进化方向在前端开发者的日常中，HTML 似乎已经沦为了 JSX 或 Vue 模板中的“配角”。我们习惯了用 JavaScript 去驱动视图，用虚拟 DOM 去diff差异，用庞大的状态管理库去维护数据。

Vue3 零基础每日笔记（054）：Pinia 三件套详解——state / getters / actions 全搞懂上一篇把 Pinia 跑通了"hello world"，本篇把三件套一次性讲透：state 怎么改才规范、getters 怎么串联和传参、actions 怎么发异步请求。学完这篇，普通业务里的 store 就够用了。代码延续 Setup Store 写法（053 篇结论：组合式是主流），Options 写法同步对照。

Vue3 零基础每日笔记（055）：组件里正确使用 store——storeToRefs 解构与 $patch 批量修改前两篇一直用 store.count 整体访问，能跑但不够讲究。本篇解决四个实战问题：为什么解构 store 会丢响应式？actions 能不能解构？$patch 和直接改有什么区别？怎么监听 state 变化？坑的根源和 012 篇 toRefs 是同一个：响应式对象被解构，连接就断了。

Vue3 零基础每日笔记（040）：Vite 创建 Vue3 + TS 项目——企业标配从这一篇开始进入 TypeScript 阶段。前面 39 篇全用 JS 是为了降低门槛，但企业项目的新建 Vue3 项目基本都选 TS——从这篇起，代码切换到 <script setup lang="ts">，前面学的所有知识不需要重学，只是"穿上类型这件防护服"。本篇从零建一个 Vue3 + TS 工程，讲清目录变化和 tsconfig 关键项。

Vue3 零基础每日笔记（035）：什么是 Composables——mixin 之死与逻辑复用新方案组件篇结束，新阶段开始：组合式函数（Composables）篇。本篇先回答"为什么需要它"：Vue2 时代的逻辑复用方案 mixin 为什么被淘汰？Composables 凭什么成为官方钦定的答案？012 篇埋的"toRefs 在第五阶段天天见"也从这篇开始兑现。

Vue3 零基础每日笔记（030）：动态组件与 keep-alive——切换组件与页面缓存多 Tab 页面是后台系统的标配：帖子、收藏、订单几个面板来回切。用 v-if/v-show 能实现，但代码散；Vue 有专门的组合技：<component :is> 动态组件 + keep-alive 缓存。今天还顺手解决一个真实痛点——Tab 切走再切回，用户填了一半的表单还在不在？

Vue3 零基础每日笔记（029）：插槽 slot 三连——默认、具名、作用域一次讲透props 传数据、emit 传事件，但父组件想把**一段模板（HTML 结构）**塞进子组件呢？比如卡片组件：外壳统一，中间装什么内容每个页面都不一样。这就是插槽 slot：子组件挖坑，父组件填内容。默认、具名、作用域三种，一个比一个强，Element Plus 的表格弹窗全是它的深度应用。

欧洲转码指南：后端、前端与全栈开发解析欧洲转码指南：后端、前端与全栈开发解析于欧洲地区, 转码相关的岗位可供选择的种类颇为多样, 其范围覆盖了自后端领域直至前端范畴的各类开发角色。咱们一并来看一看这些岗位所具有的具体职责以及要求是怎样的吧！

React触摸事件全解析：掌握移动端交互开发的核心秘籍在传统的PC端Web开发中, 我们主要依赖 onMouseDown、onMouseUp 等鼠标事件。然而, 随着移动端设备的普及, 触摸交互成为主流。React 的触摸事件有哪些? 核心包含四个主要事件: onTouchStart、onTouchMove、onTouchEnd 和 onTouchCancel。这些事件为开发者提供了处理单点或多点触控的能力。

UI图片转(代码+切图)Skill很多 AI 都能做截图转代码。但真正用过之后，你很快就会发现一个问题：生成出来的页面，往往只是“看起来有点像”。

从前端到AI全栈：技术演进中的AI赋能革命一、前端开发者的认知边界突破：从界面构建到系统思维以HTML/CSS为核心技术栈, 靠其聚焦到UI/UX实现的传统前端开发, 还要再辅以React/Vue等框架。处于这一开发阶段的人员很擅长依靠设计稿去转化成交互界面, 然而在后端架构、数据库设计以及API设计等方面的环节, 却存在着认知的盲区, 就像在去实现一个电商平台的商品筛选功能的时候, 前端开发者只可能关注筛选条件的UI展示, 进而忽略掉后端分页查询的性能优化这种情况啦。

Codex改完代码为什么保存后页面还是不生效？热更新、文件监听与开发服务器排查使用 Codex 修改前端项目时，经常会遇到一种很容易误判的问题：代码明明已经保存了，浏览器里的页面却还是旧效果。

阿里二面，前端开发在web3.0中该如何应用，记录面经最近听闻周星驰也着手招募web3.0方面的人才了, 由此能够看出其火爆的程度实在是非同寻常呀, 必须得说的是, 这又是一场全新的革命, 肯定将会带来如暴风雨般激烈的状况。

Node.js 开发环境安装与 npm/pnpm 国内镜像配置（Windows / macOS / Linux）适用人群：第一次搭建 Node.js 环境的前端、Node.js 开发者，以及遇到依赖下载慢、node 命令找不到、npm/pnpm 源混乱等问题的读者。本文验证基线：2026 年 9 月 2 日；Node.js v24.20.0 LTS、npm 11、pnpm 11。版本号会继续更新，实际安装时请以 Node.js 官网标注的 LTS 版本为准。

贝格前端工场

AI在生产制造企业的六大成熟落地场景（可量产、可验收、非噱头）结合工业落地规律：传统工控负责确定性稳定，AI负责不确定性优化。生产制造领域不存在“AI全自动颠覆产线”，但存在大量替代人工经验、解决波动干扰、降低漏检误判、预判隐性故障的成熟落地场景。