摘要: 一个管理表除了增删改查,你提到的搜索、排序、导入、导出都是标配,此外还有分页、筛选、批量操作、权限控制等实用功能。 📋 常见功能清单 查询与筛选 搜索:按关键字全局或按字段模糊匹配,比如搜用户名、ID、状态 筛选:按字段精确匹配,如状态下拉、日期范围、数值区间,可组合成高级筛选 分页:避免一次加载 阅读全文
posted @ 2026-10-22 10:29 华腾智算 阅读(6) 评论(0) 推荐(0)
摘要: 一个管理列表除了增删改查,实际开发中还有很多常用功能,主要围绕提升操作效率、保障数据安全、优化查询体验这三块。 📋 查询与筛选 条件筛选:按分类、状态、时间等字段过滤数据,快速定位目标记录。时间筛选通常支持开始和结束时间,缺省时自动取最早/最新。 搜索:支持按ID、名称等关键字段模糊搜索;多个条件 阅读全文
posted @ 2026-10-22 10:27 华腾智算 阅读(7) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>FaLayo 阅读全文
posted @ 2026-10-21 16:19 华腾智算 阅读(3) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Window 阅读全文
posted @ 2026-10-21 12:04 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: :root{ --sidebar-w: 262px; --topbar-h: 62px; --bg-surface:#f5f5; --border:#000; } .app{ display:grid; grid-template-columns: var(--sidebar-w) minmax(0 阅读全文
posted @ 2026-10-19 10:39 华腾智算 阅读(2) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="ZH-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2026-10-19 10:07 华腾智算 阅读(21) 评论(0) 推荐(0)
摘要: 一、核心原则:契约先行,文档即代码 在前后端人员分离的团队中,API文档最根本的规范是“设计先行” ——先定义接口契约,再开始编码。这种做法让前端团队可以立即基于Mock数据构建界面,后端团队同时按契约实现逻辑,实现真正的并行开发,而非串行等待。 契约的定义必须采用机器可读的标准格式。截至2026年 阅读全文
posted @ 2026-10-16 16:30 华腾智算 阅读(17) 评论(0) 推荐(0)
摘要: 如何理解人工智能的未来取决于API质量 阅读全文
posted @ 2026-10-16 16:06 华腾智算 阅读(2) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh-CN" data-theme="light"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= 阅读全文
posted @ 2026-10-16 15:52 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cov 阅读全文
posted @ 2026-10-16 13:02 华腾智算 阅读(7) 评论(0) 推荐(0)
摘要: 后台管理系统完整版模板(纯HTML+CSS,CRUD表格、分页、排序、搜索、复杂多级侧边导航、完整后台布局) 特点: 复杂多级侧边导航(可折叠菜单、二级/三级子菜单、active高亮、图标占位) 顶部导航栏 + 面包屑 + 右侧用户下拉菜单 数据表格:查询搜索、表头点击排序、新增、编辑、删除、批量勾 阅读全文
posted @ 2026-10-16 11:42 华腾智算 阅读(25) 评论(0) 推荐(0)
摘要: 2026 现代 HTML + CSS 前端设计师完整教程示例 技术栈:HTML5 语义化、CSS 2026最新特性(CSS Container Queries、:has()、CSS Nesting、CSS Subgrid、CSS Layers、color-mix、动态视口单位、@property 自 阅读全文
posted @ 2026-10-16 10:06 华腾智算 阅读(18) 评论(0) 推荐(0)
摘要: JavaScript 零基础深入浅出教程:从只会 IF → 高级程序员思维 🎯 学习目标: 不是单纯背语法,建立编程思维。看懂:不同水平的人,同一个需求写出完全不一样的代码;学会权衡【可读性、简洁、性能】,理解底层执行过程。 📌 核心案例贯穿全程:求数组里面所有正数的总和 输入数组:[1, -3 阅读全文
posted @ 2026-10-15 17:21 华腾智算 阅读(6) 评论(0) 推荐(0)
摘要: Vue3 + TS 版本(<script setup lang="ts">,业务完全不变,用来和原生JS、纯JS版Vue做三层对比) 业务:阳光小区住户登记大屏,和前面原生JS、Vue3 JS版本完全一模一样。 比喻:TS = 给住户档案卡片规定固定格式,开发编辑器提前安检,档案格式不对直接标红,不 阅读全文
posted @ 2026-10-15 16:20 华腾智算 阅读(1) 评论(0) 推荐(0)
摘要: 同业务:Vue3 setup语法糖版本(和上面原生JS案例一一对应,方便课堂对比教学) 业务完全一样:住户登记、填写姓名房号、勾选物业费缴费状态、新增、删除住户、统计总户数/欠费户数、模拟后端提交。 世界观: 原生JS:数据改完,程序员手动调用render函数,手动操作DOM广告牌 Vue3:修改响 阅读全文
posted @ 2026-10-15 14:38 华腾智算 阅读(7) 评论(0) 推荐(0)
摘要: 目标说明 需求:没有Vue、没有任何框架,纯原生JS,完整案例。 包含JS全部基础核心知识点,智慧城市大屏比喻,为后面学习Vue3+TS打基础。 业务场景:智慧小区住户登记大屏(登记住户、展示列表、删除住户、统计欠费人数、表单校验、网络模拟请求) 知识点覆盖:let/const、基础类型、数组、对象 阅读全文
posted @ 2026-10-15 14:36 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: 世界观继续沿用【智慧城市公示大屏】 回顾: 浏览器 = 工地;DOM = 内存里建好的公示大屏楼房;document=大屏物业总管 document.write:施工期可以追加广告牌;楼房完工后执行,直接推倒整栋DOM大楼,重建空白墙 Vue3 = 一套智能大屏管理系统,不再手动指挥物业总管去贴广告 阅读全文
posted @ 2026-10-15 13:37 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: 世界观回顾(智慧城市大屏比喻) 浏览器 = 工地 HTML = 原始施工图纸(Sources源码,不会变) DOM = 正在现场搭建的公示大屏楼房(Elements面板里的内容) document = 大屏物业总管 document.write() = 指挥总管,往正在搭建的楼房墙上贴广告牌(文字/ 阅读全文
posted @ 2026-10-15 13:35 华腾智算 阅读(6) 评论(0) 推荐(0)
摘要: 沿用【智慧城市大屏】比喻,讲解 F12 开发者工具 + document.write 世界观回顾: 浏览器 = 工地;HTML=大屏图纸;DOM=内存里建好的公示大屏;document = 大屏物业总管;JS=大屏运维员。 document.write():指挥物业总管,直接往正在搭建的公示大屏上写 阅读全文
posted @ 2026-10-15 13:31 华腾智算 阅读(7) 评论(0) 推荐(0)
摘要: 完整示例 JS 代码(融合大量JS知识点 + 智慧城市比喻注释) 场景:智慧小区公示大屏,JS运维员 统计住户、校验登记、调用模拟API、操作公示大屏DOM。 包含:let/const、基础数据类型、数组、对象、函数、箭头函数、if判断、for循环、事件、DOM操作、异步请求、可选链、严格模式、co 阅读全文
posted @ 2026-10-15 13:28 华腾智算 阅读(2) 评论(0) 推荐(0)
摘要: 统一沿用【智慧城市】世界观讲JavaScript(对照菜鸟教程js-intro + 2026现代JS) 回顾设定:浏览器里的智慧小区公示大屏(DOM楼房);HTML=大屏图纸;CSS=大屏装修;JavaScript = 大屏旁边的【现场运维员】 运维员待在浏览器本地,不需要每次都跑去城市数据中心;可 阅读全文
posted @ 2026-10-15 13:24 华腾智算 阅读(3) 评论(0) 推荐(0)
摘要: 文字版流程图(黑板板书,推荐用粉笔分层书写,树状结构) 场景:老王打开智慧小区APP → 查询住户信息 【用户端:手机APP(C/S客户端)】 ↓ 点击【查看住户信息】 ├─ 手机OS启动APP进程,组装请求 ├─ DNS查询:获取数据中心IP地址 └─ HTTPS加密,封装网络数据包 ↓(互联网传 阅读全文
posted @ 2026-10-15 13:19 华腾智算 阅读(8) 评论(0) 推荐(0)
摘要: 智慧城市比喻:手机APP打开智慧小区,调取住户信息完整流程 世界观复用:智慧城市,包含智慧小区、智慧办公楼;市民=用户;城市数据中心机房是后端大本营。 新增补充概念:网络、DNS、负载均衡、缓存、HTTPS、加密、请求报文、响应报文、端口、服务器、操作系统、进程、线程、数据库事务、SQL、日志、异常 阅读全文
posted @ 2026-10-15 13:18 华腾智算 阅读(5) 评论(0) 推荐(0)
摘要: HTML:楼房施工图纸,描述房间、广告牌、按钮长啥样 CSS:装修方案,控制颜色、大小、布局美观度 DOM:浏览器内存里建好的楼房实体 document:楼房的物业总管,负责管理这栋 DOM 楼房 前端 JS:楼房内现场指挥员,指挥物业总管,响应访客点击 服务器:远方的小区总部大楼(不在用户电脑上, 阅读全文
posted @ 2026-10-15 12:59 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: 一个"在线人数"的 30 年进化史 从静态 HTML 到前后端分离,用最简单的例子讲透一切 引子:一个看似简单的问题 假设你是某网站开发者,老板对你说: "页面上加一个'当前在线人数',显示现在有多少人在线。" 对用户来说,这只是页面上的一个数字。但为了显示这个数字,整个 Web 技术走了 30 年 阅读全文
posted @ 2026-10-13 17:12 华腾智算 阅读(9) 评论(0) 推荐(0)
摘要: 刨根问底:online_users.txt 究竟从哪来? 你问到了整个后端最核心的问题:数据不是天上掉下来的,是程序在某个时刻写进去的。 下面从零开始,把这个文件的一生讲清楚。 一、先破除一个误解:服务器并不知道"谁在线" 你可能会以为,服务器像一个监控大屏,能看到"现在有 5 个人在用我的网站"。 阅读全文
posted @ 2026-10-13 14:44 华腾智算 阅读(5) 评论(0) 推荐(0)
摘要: 最基础的前后端分离:一个文件夹,两个文件 忘掉 Vue、忘掉框架。只有两个文件:一个 HTML,一个 PHP。放在同一个文件夹,用同一个域名 127.0.0.1 访问。 一、准备:建一个空文件夹 mkdir /media/HUAWEI/D/wwwroot/demo cd /media/HUAWEI/ 阅读全文
posted @ 2026-10-13 12:10 华腾智算 阅读(10) 评论(0) 推荐(0)
摘要: 下面用一个「待办事项 + 用户卡片」的完整小项目,把 HTML5、Sass、TypeScript、Vue3 的核心知识点串起来复习。你可以直接在本机新建文件夹,按下面的结构创建文件,用 VS Code 打开即可运行(Vue3 部分建议用 Vite 创建项目,后面会说明)。 npm create vi 阅读全文
posted @ 2026-10-10 15:01 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: npm create vite@latest . -- --template vue-ts 阅读全文
posted @ 2026-10-10 15:00 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: 为你整理了一套 VS Code 本机开发插件清单,覆盖了前端(HTML5/Sass/TS/JS/Vue3)和 PHP 全栈开发场景,可以快速搭建起顺手的开发环境。 🎯 核心推荐清单 你可以直接在 VS Code 扩展市场(Ctrl+Shift+X)搜索安装以下插件: HTML / CSS / Sa 阅读全文
posted @ 2026-10-10 14:33 华腾智算 阅读(12) 评论(0) 推荐(0)
摘要: 你执行的命令本身是正确的,但 curl 下载的安装脚本在运行时,仍会尝试从 GitHub 的 raw.githubusercontent.com 拉取 nvm 的核心文件。由于你的网络无法访问该域名,安装会中途失败。 🔍 问题根源 gitee.com/mirrors/nvm/raw/master/ 阅读全文
posted @ 2026-10-10 14:27 华腾智算 阅读(24) 评论(0) 推荐(0)
摘要: 好的!针对你给出的代码示例,我为你详细解释每一部分。<html lang="zh-CN" dir="ltr"> 中: lang="zh-CN":lang 属性用于声明页面的主要语言,便于搜索引擎、屏幕阅读器等识别。zh-CN 表示“中文(简体)”,如果是繁体则用 zh-TW 或 zh-HK,英文则用 阅读全文
posted @ 2026-08-25 16:07 华腾智算 阅读(30) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <!-- 【前端学习全景图】- 涵盖HTML5 + CSS3 全部核心知识点 包含:语义化标签、表单、多媒体、选择器、盒模型、 定位、Flex/Grid、动画、过渡、变量、容器查询、级联层、 嵌套CSS、:has()、逻辑属性、滤镜、混合模式、锚点定位、 滚动驱动动画 阅读全文
posted @ 2026-08-25 15:59 华腾智算 阅读(8) 评论(0) 推荐(0)
摘要: 前端学习全景图 · HTML5 + CSS3 全部知识点 📚 前端学习全景图 HTML基础 CSS选择器 盒模型 布局 动画 现代CSS 响应式 🌐 前端学习全景图 涵盖 HTML5 全部语义化标签与 CSS3+ 现代特性 — 从选择器到容器查询,从Flex到Grid,从过渡到滚动驱动动画。 H 阅读全文
posted @ 2026-08-25 15:58 华腾智算 阅读(16) 评论(0) 推荐(0)
摘要: Wengine:从零实现跨平台 3D 引擎架构方案 1. 核心哲学:硬件无关的抽象层次 1.1 设计原则 // 核心原则:通过抽象层隔离硬件差异 // 层次结构: // 应用层 → 引擎抽象层 → 平台适配层 → 硬件驱动层 // 关键:只使用 Rust 标准库,通过 FFI 调用系统 API 2. 阅读全文
posted @ 2026-08-21 15:33 华腾智算 阅读(14) 评论(0) 推荐(0)
摘要: 2026年的跨平台 GUI 开发趋势: 统一 GPU 抽象:WebGPU 成为新的跨平台标准 原生渲染增强:DirectX 12、Metal 3、Vulkan 统一抽象 异步优先:所有窗口操作都支持 async/await AI 集成:智能窗口管理、自动布局 云渲染:支持远程渲染和流式传输 高 DP 阅读全文
posted @ 2026-08-21 15:08 华腾智算 阅读(25) 评论(0) 推荐(0)
摘要: Start-MpScan -ScanType CustomScan -ScanPath "d:\rust_build" 阅读全文
posted @ 2026-08-21 12:43 华腾智算 阅读(7) 评论(0) 推荐(0)
摘要: 图形学的本质,就是内存中的数据如何被搬运、转换和呈现。 阅读全文
posted @ 2026-08-20 16:06 华腾智算 阅读(4) 评论(0) 推荐(0)
摘要: #include <iostream> int main() { std::cout << "Hello, CMake!" << std::endl; return 0; } 阅读全文
posted @ 2026-08-18 12:50 华腾智算 阅读(8) 评论(0) 推荐(0)
摘要: rust提供了3种循环,loop、while 和 for循环loop反复直到喊停 fn main() { let mut _counter = 0; let result = loop { _counter += 1; if _counter == 10 { break _counter * 20; 阅读全文
posted @ 2026-08-12 17:01 华腾智算 阅读(7) 评论(0) 推荐(0)
https://damo.alibaba.com/ https://tianchi.aliyun.com/course?spm=5176.21206777.J_3941670930.5.87dc17c9BZNvLL