web前端

Web前端之样式中的light-dark函数，从媒体查询到颜色函数，从颜色到图片，light-dark打开CSS新时代、主题切换的暗黑模式到image的正解在过去，做暗黑模式通常有两条路：一条是写@media (prefers-color-scheme: dark)去覆盖样式，另一条是用 JavaScript 或主题 class 自己管理切换状态。light-dark()的出现，把“同一个属性的浅色值与深色值”直接收拢成一个表达式，让主题色的表达更加声明式，也更适合组件化开发。它属于 CSS Color Module Level 5 中新增的能力，核心目标就是“根据当前 color-scheme 选择颜色”。

Web前端之样式中的prefers-color-scheme，一套完整的主题系统设计与原理解析prefers-color-scheme是 CSS 的媒体特性（Media Feature），用来判断操作系统或浏览器当前的深浅色模式：系统深色 => dark 系统浅色 => light 它的核心作用是条件规则切换，可以控制整段 CSS 生效，而不仅仅是单个属性值。

程序设计实验室

前端邪修：不用Vite也不用Webpack，把React拖回HTML时代的反工程化实践最近一直忙于装修和开发新产品，文章都没时间更新，快速迭代的后果就是架构没有跟上功能增长的步伐，现在隐隐有脱离掌控的感觉，我这几天也把进度放慢下来，思考一下整体的规划。

程序猿的程

我用 stock-sdk 构建了一个个人专属的 A 股行情仪表盘背景故事很简单：作为一个日常关注行情的“韭菜”，我有一个不太高效的习惯——同时打开无数个看盘软件和网页，在混乱的窗口切换中迷失自我，最终收获的往往只有焦虑，外加浏览器那令人窒息的标签页堆叠。为了彻底治愈这种低效，我决定动手打造一个专属工具：在一个页面内集成所有高频功能，涵盖实时行情、板块动态、分时走势、K 线分析、资金流向以及筛选器。

初识TauriTauri是一个跨平台的开发框架，使用rust开发。前端用前端技术构建用户界面，后端使用rust和平台系统交互。

Vue2：蜻蜓点水（1）不是专业学前端的、所以我的想法是浅尝一下Vue2，我也不知道这样合不合理，所以大家对这篇内容批判地看，辩证地看QAQ

Web前端之canvas实现图片融合与清晰度介绍、合并HTML <dialog>弹窗、<img />显示图片、<button>触发操作。CSS Flex布局、伪类选择器、固定尺寸与弹窗遮罩。

Web前端之Vue+Element打印时输入值没有及时更新dom的问题

web端基础性能优化目前检测web页面性能常用的工具是浏览器（侧重Chrome）开发工具里的性能面板、Lighthouse面板，其中Lighthouse可以生成性能报告。

一键配置 Web 前端开发环境（PowerShell 自动化脚本）💡 最近重装系统后发现重新配置前端开发环境太繁琐，于是写了个 PowerShell 自动化脚本，可以在 Windows 系统下，一键完成常用开发工具的安装与配置，让你重装系统后快速开工！

程序设计实验室

在Next.js中集成swagger文档最近一直在用 Next.js 开发我的新网站这次写了一些 API我就想着能不能像平时开发后端那样，使用 swagger 进行调试

丁同亚的博客

echarts大屏项目指南页面布局就用Gird布局（让ai生成） CSS Grid 网格布局教程 - 阮一峰的网络日志，CSS 网格布局指南 | CSS-Tricks - CSS技巧

程序设计实验室

主流 nodejs 包管理器 pnpm vs bun vs npm vs yarn 简单横评我最近一直在写前端项目，使用的环境也从原本的 Node.js 切换到 bun，感受到了飞一般的体验。今天要维护一下 StarBlog Vue Admin 项目时，又得安装一次依赖，于是突发奇想，想要看看不同包管理器的空间占用如何，所以有了这篇文章的测试。

程序设计实验室

视频中台解决方案：组织树组件+多路视频直播界面开发最近准备搞新项目了这次应该不会咕咕咕了，我编写了完整的计划如果按计划来的话，应该可以在一个月内搞定 MVP 上线

Web前端之隐藏元素方式的区别、Vue循环标签的时候在同一标签上隐藏元素的解决办法、hidden、display、visibility逻辑层判断：如果isShow=false，就不渲染该DOM元素。 Vue编译优化：Vue在每次更新时会销毁/创建DOM节点。性能影响：对于频繁切换的列表，v-if性能较差（会频繁插入/删除DOM）。作用域问题：v-if的判断发生在v-for外层，Vue官方建议避免同标签同时使用v-if与v-for，会导致作用域错乱（应放在<template>上）。 ✅适合：只渲染一次或很少改变显示状态的内容（如首次加载/权限判断）

Web前端之Vue+Element实现表格动态不同列合并多行、localeCompare、forEach、table、push、sort、MapHtmlJavaScript

网站上的图片无法使用右键“图片另存为”某些网站想要下载图片，无法使用右键“图片另存为”，网站截获了鼠标右键的快捷键，没法弹出右键菜单。可以打开“开发者工具”，使用“Elements”面板找到这个元素，在元素上右键，选择“Open in new tab”

程序设计实验室

StarBlog博客Vue前端开发笔记：(4)使用FontAwesome图标库在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。

程序设计实验室

StarBlog博客Vue前端开发笔记：(3)SASS与SCSS本项目需要使用 SCSS 来编写页面样式。Sass （Syntactically Awesome Stylesheets）是一个 css 预处理器，而 SCSS 是 Sass 的一种语法格式，它完全兼容 CSS，同时扩展了 CSS 的功能，使得样式编写更加高效、灵活和模块化。

程序设计实验室

StarBlog博客Vue前端开发笔记：(2)页面路由Vue.js 使用虚拟 DOM 处理单页面，然后使用 Webpack 打包。通过上一篇文章的例子，读者也许已经发现，无论语法和写法如何不同，Vue.js 程序打包后都是一个单一的 HTML 文件，同时会引入一个标准的 JavaScript 文件。