前端开发 - 网站分类

0

宇宙画布：纯 CSS+JS 实现交互式深空艺术

‍ 写在开头点赞 + 收藏学会大家好，我是前端开发者。在前端技术不断发展的今天，CSS 早已不只是用来布局和美化页面的工具，它还能成为我们创作视觉艺术的画笔。今天给大家带来一个纯 CSS + 原生 JS 实现的交互式深空场景，无需任何图形库，就能在浏览器里呈现出繁星闪烁、星 ...

林恒发布于 2026-04-29 10:44 评论(0) 阅读(15)

0

CSS 滚动驱动动画（scroll-timeline）：无 JS 实现滚动特效

‍ 写在开头点赞 + 收藏学会一、传统方案的痛点以前实现滚动动画需要 JavaScript 监听 scroll 事件： window.addEventListener('scroll', () => { const scrollTop = window.scrollY; ...

林恒发布于 2026-04-28 14:02 评论(0) 阅读(12)

0

前端大文件上传的另一种提速思路

‍ 写在开头点赞 + 收藏学会最近在重构项目里的大文件上传模块，本想着按常规方案实现：File API 切片、计算 Hash、封装一个带并发限制（通常习惯性设为 6）的请求池，最后调个 Merge 接口收尾。这套方案可以说是前端圈处理大文件的标配了。但看着 Network ...

林恒发布于 2026-04-27 11:11 评论(0) 阅读(27)

0

CSS终于支持渐变色的过渡了

‍ 写在开头点赞 + 收藏学会背景在做项目时，总会遇到UI给出渐变色的卡片或者按钮，但在做高亮的时候，由于没有过渡，显得尤为生硬。过去的解决方案在过去，我们如果要实现渐变色的过渡，通常会使用如下几种方法：添加遮罩层，通过改变遮罩层的透明度做出淡入淡出的效果，实现过渡 ...

林恒发布于 2026-04-24 10:56 评论(0) 阅读(22)

0

同域名、同项目、仅 hash 变化，window.location.href 不跳转

‍ 写在开头点赞 + 收藏学会两个 URL 只有 hash 后面的内容不同，浏览器会认为没有真正跳转，所以 window.location.href 不执行刷新 https://域名/cash-center/#/payMethod?params=abc https://域名 ...

林恒发布于 2026-04-23 14:42 评论(0) 阅读(26)

4

多租户系统框架的界面分析设计

在一个多租户系统下，包含有平台超级管理员、以及租户管理员，其他自定义租户角色等不同的角色身份，我们根据它们不同的身份，让他们各司其职，在系统中构建不同的数据维护、防护层级，从而能够让整个系统有效的运作起来，而不会造成破坏。平台的超级管理员不参与具体业务的数据管理，只负责平台级别的基础数据维护，包括... ...

伍华聪发布于 2026-04-23 12:53 评论(6) 阅读(883)

0

Three.js实现更真实的3D地球动态昼夜交替

‍ 写在开头点赞 + 收藏学会这一切始于一个偶然的发现。前几天笔者在应用商店闲逛时，被一款3D动态壁纸深深吸引——那颗在手机屏幕上缓缓旋转的地球，光影随着时间自然流转，从阳光灿烂的白昼到星光点点的黑夜，过渡得如此丝滑而真实。那一刻，我被这种将宇宙微观化的美感震撼了。作为一 ...

林恒发布于 2026-04-22 11:16 评论(0) 阅读(39)

0

微信H5 页面定位权限处理

‍ 写在开头点赞 + 收藏学会适用场景：微信浏览器打开的 H5 页面，使用 common-bridge 调用定位。现象： h5 通过微信打开，无论是ios还是安卓首次会弹出定位功能的授权，若用户选择不授权，定位授权的弹窗就后续没办法再弹出。看了官方社区目前也没有给出解决 ...

林恒发布于 2026-04-21 10:50 评论(0) 阅读(39)

0

用 Intersection Observer 打造丝滑的级联滚动动画

‍ 写在开头点赞 + 收藏学会无需任何动画库，仅用原生 Web API 实现滚动时丝滑的淡入滑入效果，兼顾性能与体验。你是否见过这样的交互动效：用户滚动页面时，一组卡片像被“唤醒”一样，依次从下方滑入并淡入；如果这些元素在页面加载时已在视口内，它们也会自动按顺序浮现。 ...

林恒发布于 2026-04-20 10:12 评论(0) 阅读(29)

0

vxe-table 自定义数字行主键，解决默认字符串主键与后端类型不匹配问题

vxe-table 自定义数字行主键，解决默认字符串主键与后端类型不匹配问题在使用 vxe-table 表格组件时，组件默认自动生成的行主键为字符串类型，但后端接口通常要求主键为数值（number）类型，直接提交会因数据类型不匹配导致接口报错。有两种最优解决方案，支持局部配置和全局统一配置，彻底 ...

你个老六发布于 2026-04-17 17:14 评论(0) 阅读(18)

0

backstage~openapi的接入与protobuf的对比

swagger外部文档 apiVersion: backstage.io/v1alpha1 kind: API metadata: name: petstore description: The Petstore API spec: type: openapi lifecycle: producti ...