代码规范

代码老中医

页面加载从3秒到0.8秒，我只做了这3件事在用户行为研究领域，有一个被广泛引用的结论：网站加载时间每增加1秒，用户留存率下降38%。Google的PageSpeed Insights数据显示，加载时间超过3秒的页面，用户跳出率高达70%。作为前端工程师，我们始终在与性能优化的"生死线"博弈。本文将通过三个关键技术手段，分享如何将页面加载时间从3秒压缩至0.8秒的实战经验。

七牛云行业应用

大模型接入踩坑录：被 Unexpected end of JSON 折磨三天，我重写了SSE流解析兄弟们，我今天必须来吐个大槽。就在上周，我差点被我们公司的测试和产品经理生吃活剥了。起因是我们内部刚上的一个 AI 对话助手，在生产环境里表现得像个神经病：时而正常回复，时而突然卡死，有时候甚至直接抛出整个前端页面的白屏大散花。

BEM、OOCSS、SMACSS、ITCSS、AMCSS、SUITCSS：CSS命名规范简介本来是希望讲一下CSS组件化发展历史上的技术，但所有内容放到一个文章中描述太长了，因此对各类技术分开写一下。这篇文章讲一下CSS命名规范。

前端开发的“平衡木”：在取舍之间找到最优解你一定遇到过这种情况：一个简单的日期格式化，你纠结要不要引入 moment.js；一个弹窗组件，你在想是手写还是用 antd。选错了，要么项目臃肿，要么浪费时间重复造轮子。

JWT 登录：原理剖析与实战应用在前后端分离的 Web 应用架构中，身份认证是核心环节之一。HTTP 协议的无状态特性，决定了我们需要一种可靠的方式来维护用户的登录状态，JWT（JSON Web Token）正是解决这一问题的主流方案。本文结合实际代码案例，从 JWT 登录的核心概念、底层原理到落地实现，全方位解析 JWT 登录机制。

带娃的IT创业者

解密OpenClaw系列08-OpenClaw组件交互关系（2）OpenClaw系统中各组件间的数据流体现了清晰的分层架构：数据流向分析Agent技能系统工具执行器浏览器控制

如何学编程之理论篇.03.如何做数据库表结构设计？如何依据软件开发的概要设计书和详细设计书，系统性地完成数据库表结构设计，这是软件开发中非常核心且关键的一环，既要贴合业务需求，也要保证数据存储的合理性和性能。

数据智能老司机

代码破解——我该如何破译一条加密消息？以及其他入门问题图 1-1 中的明信片（由 Karsten Hansky 提供给我们）寄出于 1904 年。正如你很容易看出的那样，写在明信片上的信息是加密的。

编程技能点小记之if-else条件分支合理用法在 Java 中if(){}else{}的合理用法，以及判断什么样的条件分支应该放在if块中，这是编写清晰、易维护代码的关键问题。

如何学编程之02.理论篇.如何写出具有良好健壮性的代码？这是一套通用且可落地的代码健壮性规范，编写高可用、低故障代码的核心指导准则，能帮助在 Java 开发中从编码层面规避绝大多数常见 bug，结合 Java 语言特性和行业最佳实践，分为核心原则、通用编码规范、各场景专项规范、验证与保障四个部分，可直接作为团队编码规范参考。

Markdown常用标准语法Markdown 是轻量级标记语言，语法简单且跨平台通用（几乎所有笔记 / 文档工具都支持），且是现在AI提示词的主流格式，以下是通用标准语法（不含各平台扩展语法）：

正是江南好时节

踩坑小记之闭包陷阱在页面中，用户可以通过表格中的开关（Switch）组件快速切换计划的启用/禁用状态。系统的预期行为是：

从 0-1 轻松学会 Vue3 Composables（组合式函数），告别臃肿代码，做会封装的优雅前端ps.本文中的第八条包含讲解所用到的所有代码。假设现在要写一个人员列表页：如果全写在一个 .vue 文件里，会怎样？

探索关于Spec 和Skills 的一些实战运用-Kiro篇前两天刷掘金，看到一篇名为： 2025 Vibe Coding 元年：AI 编程的技术突破全景的文章，这篇文章不仅详细剖析了近来编程领域可能的发展趋势，还意外地让我接触到了两个新的概念：Spec（规范）和Skills（技能）。在AI飞速发展的今天，这两个概念的引入显得尤为重要，它们不仅预示着编程规范的进一步标准化，也为技能提升提供了全新的路径。为了进一步理解这两个概念的实际应用，我动手进行了实践操作，下面就是我对这次探索的总结与思考。

我的C++规范 - 鸡蛋工厂多线程的生产和消费者模型，一个多线程中使用最多的例子，而这个例子也是实际应用中会用到的，它模拟了很多的数据输入，然后让你去处理这些输入的数据，处理完成的数据转为输出当然在这个模型中，输入和输出都可以是多线程的，或者就算他们都是单线程也最低需要两个线程才能满足输入输出本篇文章使用一个鸡蛋工厂来模拟这个经典的多线程生产消费模型，完成这个模型你需要了解到的是使用不同的线程分别执行生产方和消费方的工作函数，消费方会因为没有任务或者其他原因休息，生产方总是要提醒消费方进入工作状态，他们之间需要通过管道以排队的方

邵伯正在输入

一次项目结构调整带来的“灾难”上周，我们团队经历了一场“史诗级”的 Git 合并冲突。起因很简单：同事在 B 分支（开发下个大版本）对整个项目做了大规模目录结构调整——移动文件、删除旧模块、重命名包路径。与此同时，A 分支（当前迭代）正在紧张开发新功能，并已成功上线。

如何学编程之01.理论篇.如何通过阅读代码来提高自己的编程能力？通过阅读 Java 代码反向提升自己的编程能力，核心不是单纯 “看懂别人的代码”，而是把阅读变成 **“学习 - 模仿 - 拆解 - 重构 - 沉淀”的闭环 —— 从别人的优秀代码中吸收规范写法、设计思路、问题解法 **，再转化为自己的编程思维和代码习惯，最终实现 “看别人的代码，写自己的好代码”。

我的C++规范 - 线程池线程池是多线程中最常用的工具之一，在C++中启动一个线程不是很方便，特别是如果你只是向运行一个简单的独立的任务时单开一个线程又会让你的代码变得复杂这时候就是体现线程池作用的最佳时机，线程池可以提前分配数个线程，并将这些线程放到工作函数中休眠，当你需要执行一个多线程任务时，你只需要把任务丢给线程池就可以了通常在使用多线程运算时，都是不关心返回值的，如果你需要使用返回值可以采用回调函数的方式，在子线程从执行回调函数实际上线程池中执行的任务函数就是回调函数的一种，可以一起执行所有任务，而不需要再添加一个回

抛弃 ESLint + Prettier？基于 Biome + Husky 的下一代前端工程化实践痛点：你是否厌倦了配置 ESLint 和 Prettier 的冲突？你是否觉得大型项目的 Lint 检查速度越来越慢？

前端编码规范统一团队编码风格，汇集团队最佳编码实践经验，增强代码可读性和可维护性，进而提高团队协作和开发效率以及代码质量。