javascript

AI 冲击内卷之下，普通前端如何破局？WebGIS—— 低门槛突围赛道最近两年，前端行业的焦虑已经从“内卷”变成了“被替代”。以前卷框架、卷源码、卷面试题，至少努力就能提升竞争力。但2026年不一样，AI编码工具全面普及，CRUD页面、后台系统、通用组件、基础大屏，几乎全部可以AI一键生成。

【编程笔记】成员函数中两个 const 的区别（const Data &getData() const；）核心代码：这里有两个 const：表示：函数返回的是 Data 的引用，但调用者只能读取，不能通过这个引用修改它。

vue3-async太好了！我们来轻松愉快地学懂 async/await，这是 JavaScript 处理异步操作最现代、最优雅的方式。

Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案我的处理方案在给最包层去掉 flex 或者加上 max-w-full 就解决了在使用 Nuxt 搭配 Twin CSS 开发页面时，很多人都会遇到一个比较常见但又不太好排查的问题：当页面内容宽度超过屏幕时，底部会出现一块多余的空白区域。这个问题看起来像是“页面被撑高了”，或者“底部留了一段奇怪的空隙”，实际上通常和横向溢出、视口宽度计算、布局宽度设置有关。

一个游离的指针

函数管道：消除深度嵌套调用函数管道输入的函数必须是纯函数，函数管道会将输入的函数依次调用，前一个函数的结果是后一个函数的参数，所以输入的函数参数也得是单参函数。

前端优化，从少触发一次开始：防抖与节流在前端页面中，用户的点击等操作经常会触发服务端请求。正常点击一次，只会执行一次处理函数：但如果用户在短时间内连续点击，handle 就会连续执行，请求也会被频繁发送。单次请求没有问题，过高的请求频率却可能给服务端带来额外的性能压力。

🚤 CSS 布局的"圈地运动"：BFC 就是浏览器的独立领地写在前面：今天的内容看着简单——就三个文件，一个 readme 加两个 HTML。但讲的是 CSS 布局最底层的东西：BFC（Block Formatting Context，块级格式化上下文）。搞懂了 BFC，三列布局、清除浮动、margin 塌陷这些"玄学问题"全都能解释通。课堂还对比了 flex 和 grid 两种格式化上下文——一个是"单行高速公路"，一个是"二维棋盘"。以下所有代码和概念均来自课堂真实文件。

用户93851563507

大模型记忆指南：从短时缓存到永久记忆，手把手带你吃透 LangChain Memory 管理大模型很聪明，但它没有“记性”——每次对话都是“初见”。如何让 AI 拥有短期工作记忆、长期持久记忆，甚至能从海量历史中检索关键信息？本文结合 LangChain 源码实践，为你拆解 Memory 的三种核心玩法。

Web Components 普及困境深度解析：技术标准与工程实践的落差作为 W3C 制定的浏览器原生组件化标准，Web Components 由 Custom Elements、Shadow DOM、HTML Templates 三大核心 API 构成，理论上具备原生支持、零框架依赖、天然跨框架复用等核心优势。然而历经十余年发展，其在商业项目中的采用率始终处于低位。本文从开发体验、响应式机制、样式隔离、SSR 支持、需求真实性五个维度深度解析其普及困境，并探讨真正的适用边界。

写给前端工程师的现代 Python 工程化最佳实践：从 pnpm 到 uv，从 CommonJS 到 src-layout作为一个熟悉 Node.js、TypeScript、pnpm、Vite 和 ESLint 的前端开发者，当你初次接触 Python 时，常常会感到困惑：

JavaScript 异步编程异步编程异步的概念异步（, async）是与同步（, sync）相对的概念。对于我们所学习的传统单线程编程而言, 程序的运行呈现出同步的特性, 同步并非意味着所有步骤会同时运行, 而是表明步骤会在一个控制流序列里依照顺序去执行。而异步的概念是不保证同步的那种概念, 换而言之, 一个异步过程的执行将不会再与原有的序列存在顺序关系。

全栈项目管理程序猿

ArcGIS JS 基础教程（18）：SceneLayer 场景图层📌 本系列教程完整目录：ArcGIS JS 系列基础教程（100个项目常用热门功能）💡 在线示例：完整可运行的 HTML 示例，无需任何环境配置，可直接在浏览器中打开体验 🗂️ 专栏导航：收藏 + 关注，专栏文章第一时间送达 ❤️ 一键三连：点赞（给教程充电）+ 评论（提问必回）+ 收藏（下次再看）

第 2 篇：搭建地基——Vue3 + Vite + Tailwind v4 + shadcn-vue从零跑起一个带 shadcn-vue 的 Vue 3 工程，后续所有篇目都基于它。所有命令基于 shadcn-vue 官方 Vite 安装文档核实，可照抄。

七牛开发者

拆解 dsh：Session 的事件溯源与状态重建上一篇拆 Agent Loop 时，我们看到一次 Turn 会被拆成多个 Step。用户的消息会先进入 Session，模型生成的内容也会持续地写入 Session，工具调用及对应的执行结果也会依次追加到同一条会话记录中。

JS BOM 浏览器对象：定时器与同步异步底层理解DOM 让我们操作页面元素，而 BOM（Browser Object Model，浏览器对象模型）让我们操作浏览器本身：地址栏、历史记录、浏览器信息、弹窗，以及最重要的——定时器。

ES6+ 必用新特性：箭头函数、解构、模板字符串、扩展运算符ES6（即 ES2015）是 JavaScript 历史上规模最大的一次升级，之后每年的新版本（ES2016~）统称 ES6+。它对现代 JS 的影响是全方位的：let/const 取代 var、类与模块、Promise 与 async/await……但真正让日常代码"脱胎换骨"的，是四个使用频率最高、组合起来威力巨大的语法特性：

DOM 与 JS 事件：页面元素操作、事件冒泡、事件委托实战JS 之所以能"操作页面"，靠的是 DOM（Document Object Model，文档对象模型）：浏览器把 HTML 解析成一棵节点树，JS 通过这棵树增删改查元素；而用户的每一次点击、输入、滚动，则以事件的形式进入这棵树，从根一路传播到目标元素再冒泡回去。

一个游离的指针

浏览器的渲染原理进程与线程进程：一块内存空间，存储程序运行的所有资源，进程间通信需要双方都同意才可通信线程：进程中的执行单位，所有代码都必须在线程里执行（一个进程至少有一个主线程），每个线程共享进程中的资源

JavaScript Promise 实战：.then() 与 .catch() 的区别及回调函数封装指南在 JavaScript 异步编程中，Promise 早已成为处理异步任务的标准方案。无论是网络请求、文件读写，还是定时器、事件回调，几乎都离不开 Promise。然而，很多开发者在初学阶段会遇到两类高频问题：

大模型码小白

数据可视化：AI处理多维数据的HTML5可视化方案在真实业务中，“多维数据”几乎无处不在：用户行为有几十个特征、传感器每秒上报几十个指标、推荐系统的特征向量动辄上百维。传统的二维图表（折线图、柱状图、散点图）最多只能同时编码 3~4 个维度，一旦维度超过 5 个，人类就很难从图表中直接读出结构和规律。