前端开发 Html/Css
刷新
数据可视化大屏（html + js + css）

博主头像 数据可视化大屏 作为大数据的学生，每次想实现前端数据可视化大屏就头疼，不会前端就很烦，所以这次特定不断调教AI，再加上自己不断的改改改，终于花了一个下午改成了一个还过得去的可视化大屏，所以直接把源码分享在这里了，但是要自己导入echarts组件 index.html页面 <!DOCTYPE html ...

AI 赋能编程，Coding新范式

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 前言 AI 的大趋势： 24、25 年是 AI 应用大爆发的两年，随着 LLMs 越来越智能化，越来越多的应用实践被挖掘。 我们可以留意到我们使用的主流 ...

纯前端实现图片伪3D视差效果

博主头像 本文通过depth-anything获取图片的深度图，同时基于pixi.js，通过着色器编程，实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互，在保证性能的同时，为不同终端用户提供沉浸式的视觉体验。 ...

Web前端入门第 49 问：CSS offset 路径动画演示

什么是路径动画？ 随手画一条不规则的线，让元素按照这条不规则的线运动起来，这就是所谓的路径动画。 前面说过的动画都只能针对某一个 CSS 属性，要想实现路径动画可没办法，路径动画必须借助 CSS3 的 offset 相关能力。 offset 相关属性 要实现路径动画，必须用到 offset 的相关属 ...

国际化利器 Intl Messageformat

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 Formats ICU Message strings with number, date, plural, and select placeholde ...

CSS 魔法与布局技巧

博主头像 CSS 布局与视觉效果常用实践指南 在我一篇随笔中其实有说到十大布局，里面有提到 flex 布局、grid 布局、响应式布局，不过没有提到容器查询这个，现在说下这三个布局然后穿插下容器查询吧。 1️⃣ 核心布局方案 Flexbox 弹性布局 适用场景：线性布局、动态内容对齐，例如按钮组、导航栏 ...

记录---7 种常见的前端攻击

博主头像 ‍ 写在开头 点赞 + 收藏 学会 大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。 1. 跨站脚本 (XSS) 跨站脚本攻击 (XSS) 是一种 ...

至美！看AXUI如何美化原始HTML标签(reset/normalize)

博主头像 现代前端开发通常在项目初始化阶段就会采用样式重置（reset）或规范化（normalize）技术，对原始 HTML 标签进行“统一外观”处理。这不仅是为了美观，更是为了构建一致的视觉和交互基准。我们在 AXUI 框架 中构建了系统化的 reset 机制。AXUI 的核心 CSS 文件内置了一整套对原... ...

AI 大模型科普-概念向

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：奇铭 什么是大模型（LLM） 大模型（LLM）即大型语言模型（Large Language Model），它是一种具有大规模参数和复杂计算结构的人工智能语言模 ...

记录---只需一行代码，任意网页秒变可编辑！

博主头像 ‍ 写在开头 点赞 + 收藏 学会 在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是前端，打开控制台也能通过修改dom的方式进行简单的文字修改。 今天，我就来分享一个冷门又实用的 ...

结队编程 2352615肖翔匀 2352619许奕宸 2352635李成

四则运算练习系统技术实现详解 本文将详细介绍我们开发的四则运算练习系统的技术架构、核心功能实现和开发过程中的技术挑战与解决方案。这个系统采用前后端分离架构，为用户提供了一个交互式的数学练习平台，包含多种功能模块和精心设计的用户体验。 由于开发功能较多，我们邀请了第三位同学参与完成了错题本功能的开发 ...

day01：pandas数据分析

博主头像 山顶会课程概述¶ 【数分+开发为主题】，迎合多维度接单 课程排期问题 课程大致内容 数据分析基本概述¶ 什么是数据分析？¶ 所谓的数据分析就是使用一些有效的方法和工具对收集到的数据进行处理，从中发现数据的关键趋势或者规律，以便做出合理的决策和提出有针对性的建议。通俗来说，数据分析就是从数据中找到有用 ...

基于AST实现国际化文本提取

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 前言 在阅读本文之前，需要读者有一些 babel 的基础知识，babel 的架构图如下: 确定中文范围 先需要明确项目中可能存在中文的情况有哪些? co ...

前端常见布局之圣杯布局及双飞翼布局

在前端开发中，要实现一个布局：三列布局——左右列宽度固定，中间列内容优先渲染且中间列宽度自适应一般有两种实现方式，圣杯布局（Holy Grail Layout）和双飞翼布局（Double Wing Layout）。两者都是用来实现三列布局左右列固定宽度、中间列自适应并且中间列在文档流中优先渲染。以下 ...

给Web开发者的HarmonyOS指南02-布局样式

博主头像 给Web开发者的HarmonyOS指南02-布局样式 本系列教程适合鸿蒙 HarmonyOS 初学者，为那些熟悉用 HTML 与 CSS 语法的 Web 前端开发者准备的。 本系列教程会将 HTML/CSS 代码片段替换为等价的 HarmonyOS/ArkUI 代码。 开发环境准备 DevEco S ...

测量行业Web前端技术

在测量行业（如地理信息系统GIS、工程测量、建筑测量、环境监测等），Web前端技术主要用于数据可视化、交互式地图、实时监控以及三维模型展示等场景。以下是常见的Web前端技术及其应用： 地图与GIS相关技术‌ Leaflet‌ 轻量级开源库，适用于构建交互式地图，支持GIS数据叠加（如GPS轨迹、测量 ...