摘要: 项目上线了,群里一片欢腾。 产品经理发了朋友圈,后端同事被疯狂 @ 夸接口稳,老板周会上点名表扬了架构设计。 唯独前端,没人提。 就好像这个项目里,前端从来没存在过。 但登录页是谁写的?表单校验是谁调的?那个丝滑的加载动画是谁做的?兼容各种浏览器又是谁加班到凌晨? 都是前端。 做了 6 年前端,太熟 阅读全文
posted @ 2026-06-10 10:03 微山湖上静悄悄 阅读(270) 评论(4) 推荐(3)
摘要: 响应式原理 —— 数据变了,视图怎么知道? 一个困惑 先来思考一个看起来很简单的问题。 下面这两行代码之间,发生了什么? let message = '你好' // ... 某个时刻 ... message = '再见' // ← 这一行执行之后 // ↑ // 如果页面上显示了 message, // 框架是怎么知道它变了、并且更新页面的? 阅读全文
posted @ 2026-06-08 10:51 微山湖上静悄悄 阅读(272) 评论(0) 推荐(1)
摘要: 从一个计算器说起 想象你面前有一个简单的网页计算器: ┌─────────────────────┐ │ [ 42 ] │ ← 显示区 ├─────────────────────┤ │ 7 │ 8 │ 9 │ ÷ │ │ 4 │ 5 │ 6 │ × │ │ 1 │ 2 │ 3 │ - │ │ 0 阅读全文
posted @ 2026-06-05 17:32 微山湖上静悄悄 阅读(84) 评论(0) 推荐(0)
摘要: 这不是一篇教你"怎么用 AI 写代码"的文章。 这是一篇关于程序员的核心竞争力,到底该往哪投的思考。 我是怎么开始想这个问题的 前几天,我用 Claude Code 做了一个实验。 从零开始,不写一行代码,纯靠自然语言描述需求,花了大约 2 小时,做出了一个完整的智慧校园 3D 数据大屏。 效果包含 阅读全文
posted @ 2026-06-04 15:10 微山湖上静悄悄 阅读(1515) 评论(4) 推荐(18)
摘要: 我用 AI 十分钟生成了一个科幻风智慧城市 3D 大屏,附完整 Prompt 和源码解析 前言 最近在探索用 AI 辅助前端开发,尝试了一个有意思的实验:完全通过自然语言描述,让 AI 生成一个科幻电影风格的智慧城市 3D 数据大屏。效果出乎意料——不仅有完整的 Three.js 3D 城市场景,还有数据面板、交互控制、动画效果,而且代码质量远超预期。 先看最终效果: 济南市智慧城市大脑 阅读全文
posted @ 2026-06-03 11:36 微山湖上静悄悄 阅读(1398) 评论(6) 推荐(2)
摘要: 用 AI 编程助手从零生成 3D 智慧校园数据大屏 —— Claude Code 实战全记录 一、前言:AI 编程的时代来了 如果你是一名前端开发,你一定知道——做一块数据大屏要多久? 传统方式:设计稿 → 切图 → 搭场景 → 调材质灯光 → 写交互 → 接数据 → 反复修改 → 交付。3D 大屏更复杂,Three.js 的坐标系、材质、光照每一项都能让你 debug 一整天。一个熟练的 阅读全文
posted @ 2026-06-02 17:00 微山湖上静悄悄 阅读(661) 评论(2) 推荐(8)
摘要: 引言 在数据可视化领域,地图可视化是展示地理相关数据的重要手段。本文将详细介绍如何使用 ECharts 结合 GeoJSON 数据实现区域地图的可视化,以山东省地图为例,带领大家从零开始构建一个精美的交互式地图应用。 效果预览 一、准备工作 1.1 环境要求 浏览器:支持 HTML5 的现代浏览器( 阅读全文
posted @ 2026-06-01 17:27 微山湖上静悄悄 阅读(72) 评论(0) 推荐(0)
摘要: 一、效果预览 先给大家看一下最终实现的效果: 🎯 全国地图:展示中国地图,带有省份标签、工厂标记点、飞线动画效果 🏙️ 地市切换:支持北京、上海、广州、深圳等9个城市的地图切换 ✨ 视觉效果:渐变背景、发光边框、重影效果、动态涟漪动画 🌊 飞线动画:云端数据中心到各工厂的动态飞线效果 二、技术 阅读全文
posted @ 2026-05-27 14:24 微山湖上静悄悄 阅读(71) 评论(0) 推荐(0)
摘要: 完整源码已发布在淘宝店铺【前端代码店】 👉 点击前往淘宝购买 🎯 项目概述 本文将详细介绍如何使用 Vue3 + Three.js 构建一个炫酷的3D交互式地图应用。该项目实现了以下核心功能: 功能特性 说明 🌍 多级地图展示 支持世界→国家→省→市→区县五级地图下钻 ✨ 飞线动画 省会城市向 阅读全文
posted @ 2026-05-26 11:11 微山湖上静悄悄 阅读(24) 评论(0) 推荐(0)
摘要: promise用来做任务处理,方便串行或并行处理多个任务。在js中Promise对象指的是‘承诺将来会执行’的对象 示例 test函数只关心自身的逻辑,并不关心具体的resolve和reject将如何处理结果。(创建约定) function test(resolve, reject) { let n 阅读全文
posted @ 2022-03-30 21:14 微山湖上静悄悄 阅读(96) 评论(0) 推荐(0)
Document