注册
环信即时通讯云

环信即时通讯云

单聊、群聊、聊天室...
环信开发文档

环信开发文档

Demo体验

Demo体验

场景Demo，开箱即用
RTE开发者社区

RTE开发者社区

汇聚音视频领域技术干货，分享行业资讯
技术讨论区

技术讨论区

技术交流、答疑
资源下载

资源下载

收集了海量宝藏开发资源
iOS Library

iOS Library

不需要辛辛苦苦的去找轮子, 这里都有
Android Library

Android Library

不需要辛辛苦苦的去找轮子, 这里都有
0
评论

每天一个知识点——dayjs常用的语法示例 web

上帝之眼 发表了文章 • 462 次浏览 • 2025-09-16 08:53 • 来自相关话题

日期时间处理需求 关于时间的处理，一般来说使用公共库更加优雅、方便 否则的话，自己就要写一堆处理时间的函数 比如：我需要一个将当前时间，转换成年月日时分秒格式的函数 如下： function formatCurrentTimeFn() { const ... ...查看全部
0
评论

【小程序】迁移非主包组件以减少主包体积 web

上帝之眼 发表了文章 • 468 次浏览 • 2025-09-16 08:51 • 来自相关话题

代码位置 gitee.com/zhangkb/exa… 问题及背景 微信小程序主包体积最大为 2M，超出体积无法上传。 组件放在不同的目录下的表现不同： src/components 目录中的组件会被打包到主包中，可以被所有页面引用。 src/pages/... ...查看全部
0
评论

【吃瓜】这可能是2025年最荒谬的前端灾难：一支触控笔"干掉"了全球CSS预处理器 web

上帝之眼 发表了文章 • 483 次浏览 • 2025-09-16 08:50 • 来自相关话题

作为mockm项目的维护者，这几天我一直在优化CI/CD流水线。终于把自动化测试和发布流程都搞定了，心想着可以安心写代码了。结果今天早上一看GitHub Actions，我傻眼了... 项目突然构建失败了 昨天还好好的CI/CD流水线，今天突然就红了一片！... ...查看全部
0
评论

🔥 滚动监听写到手抽筋？IntersectionObserver让你躺平实现懒加载 web

上帝之眼 发表了文章 • 475 次浏览 • 2025-09-16 08:45 • 来自相关话题

🎯 学习目标：掌握IntersectionObserver API的核心用法，解决滚动监听性能问题，实现高效的懒加载和可见性检测 📊 难度等级：中级 🏷️ 技术标签：#IntersectionObserver #懒加载 #性能优化 #滚动监听 ⏱️ 阅读时间：... ...查看全部
0
评论

你一定疑惑JavaScript中的this绑定的究竟是什么？😵‍💫 web

上帝之眼 发表了文章 • 690 次浏览 • 2025-09-01 09:54 • 来自相关话题

想要了解this的绑定过程，首先要理解调用方式。调用方式调用方式被描述为函数被触发执行时语法形式。主要有以下几种基本模式：直接调用(独立函数调用)： f1()方法调用: f1.f2()构造函数调用: new f1()显示绑定调用:... ...查看全部
0
评论

svg按钮渐变边框 web

上帝之眼 发表了文章 • 684 次浏览 • 2025-09-01 09:51 • 来自相关话题

共用css body { padding: 50px; background-color: black; color: white; } svg { --text_fill: orange; --svg_width: ... ...查看全部
0
评论

Java String.replace()原理，你真的了解吗？ web

上帝之眼 发表了文章 • 694 次浏览 • 2025-09-01 09:30 • 来自相关话题

大家好呀，我是猿java。 String.replace()是我们日常开发中经常用到的一个方法，那么，你有看过其底层的源码实现吗？你知道String.replace()是如何工作的吗？String.replace()的性能到底怎么样？这篇文章我们来深入地分析。... ...查看全部
0
评论

一万行代码实现的多维分析表格，让数据处理效率提升 300% web

上帝之眼 发表了文章 • 705 次浏览 • 2025-09-01 09:29 • 来自相关话题

上个月在 趣谈AI 发布了我实现的多维表格1.0版本，没有用到任何第三方组件，完全组件化设计。最近对多维表格进行了进一步的升级优化，满打满算花了接近3个月时间，累计代码接近1w行。 接下来就和大家聊聊我做的 flowmix/mute多维表格 的核心功能和技术... ...查看全部
0
评论

用了bun之后，是不是就不用vite了 web

上帝之眼 发表了文章 • 724 次浏览 • 2025-09-01 09:27 • 来自相关话题

用了 Bun 之后，并不是完全不用 Vite。Bun 虽然内置了打包器和运行时，且速度非常快，但其打包功能目前还不够完善，缺少对前端项目非常重要的功能，比如对代码分块（chunk splitting）的精细控制和开发服务器（dev server）支持，这些都是... ...查看全部
0
评论

H5 配合原生开发 App web

上帝之眼 发表了文章 • 682 次浏览 • 2025-09-01 09:25 • 来自相关话题

JS 和 Android原生调用 JS4.4 版本之前// mWebView = new WebView(this); //当前webview对象 // 通过loadUrl方法进行调用 参数通过字符串的方式传递 mWebView.loadUrl("javasc... ...查看全部
0
评论

JavaScript 数组扁平化全解析 web

上帝之眼 发表了文章 • 680 次浏览 • 2025-09-01 09:24 • 来自相关话题

JavaScript 数组扁平化全解析：从基础到进阶，深入理解 flat 与多种实现方式 在现代前端开发中，数组操作是日常编码中最常见的任务之一。而在处理复杂数据结构时，我们经常会遇到“嵌套数组”（即高维数组）的场景。例如，后端返回的数据结构可能是多层嵌套的，... ...查看全部
0
评论

某些场景下CSS替代JS（现代CSS的深度实践指南） web

上帝之眼 发表了文章 • 686 次浏览 • 2025-09-01 09:19 • 来自相关话题

某些场景下CSS替代JS（现代CSS的深度实践指南） 🧩 前端渲染核心机制解析 水合错误（Hydration Mismatch）深度解析 graph TD A[客户端渲染CSR] --> B[服务端渲染SSR] B --> C{水合... ...查看全部
0
评论

instanceof 的小秘密 web

上帝之眼 发表了文章 • 672 次浏览 • 2025-09-01 09:17 • 来自相关话题

instanceof 运算符用于检测某个构造函数的 prototype 属性，是否存在于对象的原型链上。 class Cat { constructor(name, age) { this.name = name; th... ...查看全部
0
评论

一个有趣的效果--动态生成动画导航 web

上帝之眼 发表了文章 • 687 次浏览 • 2025-09-01 09:16 • 来自相关话题

一个有趣的效果--动态生成动画导航 在接下来的这个项目中，我们即将使用纯 JavaScript 和 CSS 来创建一个具有动态动画效果的导航栏。这篇文章将详细解析该代码的实现，包括 HTML 结构、CSS 样式、JavaScript 逻辑等方面，帮助你理解每一... ...查看全部
0
评论

我让AI一把撸了个算命网站，结果它比我还懂玄学 web

上帝之眼 发表了文章 • 702 次浏览 • 2025-09-01 09:15 • 来自相关话题

作为一个信奉代码逻辑的程序员，我做梦也没想到有一天会让AI帮我开发算命网站。 事情是这样的：某天深夜，我突然冒出一个奇葩想法——能不能让Claude Code从零开始搭建一个算命网站？ 不是因为我迷信，而是纯粹的技术好奇心：AI能理解2000年前的玄学智慧吗？... ...查看全部
0
评论

VitePress 彩虹动画 web

上帝之眼 发表了文章 • 682 次浏览 • 2025-09-01 09:14 • 来自相关话题

在查阅 VitePress 具体实践时，我被 UnoCSS 文档中的彩虹动画效果深深吸引。在查看其实现原理之后，本文也将探索如何通过自定义组件和样式增强 VitePress 站点，并实现一个炫酷的彩虹动画效果。 自定义主题 VitePress 允许你通过自定义... ...查看全部
0
评论

提升React移动端开发效率：Vant组件库 web

上帝之眼 发表了文章 • 706 次浏览 • 2025-09-01 09:09 • 来自相关话题

在React中使用Vant组件库的指南 Vant是一套轻量、可靠的移动端组件库，特别适合在React项目中使用。本文将详细介绍如何在React项目中集成和使用Vant组件库，并通过Button按钮和NavBar导航栏等常用组件作为示例，展示其基本用法和高级特性... ...查看全部
0
评论

transform、translate、transition分别是什么属性，CSS中常用的实现动画方式 web

上帝之眼 发表了文章 • 697 次浏览 • 2025-09-01 09:09 • 来自相关话题

transform、translate、transition分别是什么属性，CSS中常用的实现动画方式 在 CSS 中，transform、translate 和 transition 是用于实现元素变换和动画的重要属性。它们各自有不同的作用，通常结合使用可以... ...查看全部
0
评论

优化Mini React：避免状态未变更时的重复渲染 web

上帝之眼 发表了文章 • 676 次浏览 • 2025-08-27 14:22 • 来自相关话题

优化Mini React：避免状态未变更时的重复渲染在构建Mini React时，我们发现一个常见的性能问题：即使状态值未发生改变，组件也会进行不必要的重复渲染。本文将深入分析问题原因并实现优化方案。问题现象分析以下面代码为例：function Foo() {... ...查看全部
0
评论

前端使用CountUp.js制作数字动画效果的教程 web

上帝之眼 发表了文章 • 482 次浏览 • 2025-08-27 14:20 • 来自相关话题

在现代网页设计中，动态数字展示能够显著提升用户体验，吸引访客注意力。无论是数据统计、销售数字还是还是评分展示，平滑的数字增长动画都能让信息传递更加生动。CountUp.js 正是一款专门用于创建这种数字动画效果的轻量级 JavaScript 库，本文将详细介绍... ...查看全部
0
评论

uniapp图片上传添加水印/压缩/剪裁 web

上帝之眼 发表了文章 • 454 次浏览 • 2025-08-27 14:19 • 来自相关话题

一、前言 最近遇到一个需求，微信小程序上传图片添加水印的需求，故此有该文章做总结, 功能涵盖定理地位，百度地址解析，图片四角水印，图片压缩，图片压缩并添加水印，图片剪裁，定位授权，保存图片到相册等 二、效果 三、代码实现核心 3.1）添加水印并压缩 核心实现... ...查看全部
0
评论

如何将canvas动画导成一个视频？ web

上帝之眼 发表了文章 • 468 次浏览 • 2025-08-27 14:18 • 来自相关话题

引言 某一天我突然有个想法，我想用canvas做一个音频可视化的音谱，然后将这个音频导出成视频。 使用canvas实现音频可视化，使用ffmpeg导出视频与音频，看起来方案是可行的，技术也是可行的，说干就干，先写一个demo。 这里我使用vue来搭建项目 创... ...查看全部
0
评论

理解 devDependencies：它们真的不会被打包进生产代码吗？ web

上帝之眼 发表了文章 • 445 次浏览 • 2025-08-27 14:17 • 来自相关话题

在前端开发中，很多开发者都有一个常见误解：package.json 中的 devDependencies 是开发时依赖，因此不会被打包到最终的生产环境代码中。这个理解在一定条件下成立，但在真实项目中，打包工具（如 Vite、Webpack 等）并不会根据 de... ...查看全部
0
评论

使用three.js搭建3d隧道监测-2 web

上帝之眼 发表了文章 • 442 次浏览 • 2025-08-27 14:16 • 来自相关话题

接 使用three.js搭建3d隧道监测-1 加载基础线条与地面效果 在我们的隧道监控系统中，地面网格和方向指示器是重要的视觉元素，它们帮助用户理解空间关系和导航方向。 1. 网格地面的创建与优化 javascript // 初始化场景中的地面... ...查看全部
0
评论

前端如何判断用户设备 web

上帝之眼 发表了文章 • 444 次浏览 • 2025-08-27 14:15 • 来自相关话题

在前端开发中，判断用户设备类型是常见需求，可通过浏览器环境检测、设备能力特征分析等方式实现。以下是具体实现思路及代码示例： 一、通过User-Agent检测设备类型 原理：User-Agent是浏览器发送给服务器的标识字符串，包含设备、系统、浏览器等信息。 实... ...查看全部
0
评论

前端获取本地文件目录内容 web

上帝之眼 发表了文章 • 487 次浏览 • 2025-08-27 14:14 • 来自相关话题

前端获取本地文件目录内容 一、核心原理说明 由于浏览器的 “沙箱安全机制”，前端 JavaScript 无法直接访问本地文件系统，必须通过用户主动授权（如选择目录操作）才能获取文件目录内容。目前主流实现方案基于两种 API：传统 File API（兼容性优先）... ...查看全部
0
评论

儿子不收拾玩具，我用AI给他量身定制开发一个APP，这下舒服了 web

上帝之眼 发表了文章 • 294 次浏览 • 2025-08-27 14:10 • 来自相关话题

1. 前言 比上班更可怕的是什么？是加班。 比加班更可怕的是什么？是固定加班，也就是 996，大小周。 作为一个荣获 996 福报的牛马，我认为我的际遇已经很可怕了。 没想到还有比这更可怕的，拖着被996折腾过的疲惫身体回家后。我儿子向我展示他一天的劳动成果。... ...查看全部
0
评论

Vue-Command-Component：让弹窗开发不再繁琐 web

上帝之眼 发表了文章 • 299 次浏览 • 2025-08-27 14:07 • 来自相关话题

前言 在Vue项目开发中，弹窗组件的管理一直是一个令人头疼的问题。传统的声明式弹窗开发方式需要管理大量的状态变量、处理复杂的props传递，甚至可能面临多个弹窗嵌套时的状态管理困境。今天给大家介绍一个能够彻底改变这种开发体验的库：Vue-Command-Com... ...查看全部
0
评论

CSS 黑科技之多重边框：为网页添彩 web

上帝之眼 发表了文章 • 550 次浏览 • 2025-08-25 11:36 • 来自相关话题

在前端开发的奇妙世界里，CSS 总是能给我们带来意想不到的惊喜。今天，就让我们一同探索 CSS 的一个有趣特性 —— 多重边框，看看它如何为我们的网页设计增添独特魅力。什么是多重边框在传统认知中，一个元素通常只有一层边框。但借助 CSS 的box-shadow... ...查看全部
0
评论

JavaScript V8 引擎原理 web

上帝之眼 发表了文章 • 538 次浏览 • 2025-08-25 11:33 • 来自相关话题

相关问题JavaScript事件循环调用栈:这里存放着所有执行中的代码块(函数)。当一个函数被调用时，它被添加到栈中;当返回值被返回时它从栈中被移除。消息队列:当异步事件发生时(如点击事件、文件读取完成等)，对应的回调函数会被添加到消息队列中。如果调用栈为空，... ...查看全部
0
评论

我为什么在团队里，强制要求大家用pnpm而不是npm？ web

上帝之眼 发表了文章 • 524 次浏览 • 2025-08-25 11:29 • 来自相关话题

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是有阻力的。 有同事问：“老大，npm用得好好的，为啥非要换啊？我们都习惯了。” 也有同事... ...查看全部
0
评论

Tauri 2.0 桌面端自动更新方案 web

上帝之眼 发表了文章 • 572 次浏览 • 2025-08-25 11:26 • 来自相关话题

前言 最近在研究 Tauri 2.0 如何自动更新，跟着官网教程来了一遍，发现并不顺利，踩了很多坑，不过好在最后终于走通了，今天整理一下供大家参考。 第一步 自动更新利用的是 Tauri 的 Updater 组件，所以这里需要安装一下： PNPM 执行这个（笔... ...查看全部
0
评论

ESLint + Husky 如何只扫描发生改动的文件？ web

上帝之眼 发表了文章 • 565 次浏览 • 2025-08-25 11:25 • 来自相关话题

背景 最近公司对代码质量抓得很严, 出台了一系列组合拳: 制定前端编码规范 在本地使用git提交代码时进行代码质量检查 在CI/CD流水线上, 用sonarQube设置了一个代码质量达标阈值，不达标的话无法构建部署 除了运用工具之外，还增加了定期的CodeR... ...查看全部
0
评论

Three.js-硬要自学系列29之专项学习透明贴图 web

上帝之眼 发表了文章 • 336 次浏览 • 2025-08-10 13:20 • 来自相关话题

什么是透明贴图 核心作用：像「镂空剪纸」一样控制物体哪些部位透明/不透明 （想象：给树叶模型贴图，透明部分让树叶边缘自然消失而非方形边缘） 技术本质：一张 黑白图片（如 PNG 带透明通道），其中： 黑色区域 → 模型对应位置 完全透明（消失） 白色区域 ... ...查看全部
0
评论

从侵入式改造到声明式魔法注释的演进之路 web

上帝之眼 发表了文章 • 322 次浏览 • 2025-08-10 13:13 • 来自相关话题

传统方案的痛点：代码入侵 在上一篇文章中，我们通过高阶函数实现了请求缓存功能： const cachedFetch = memoReq(function fetchData(url) { return axios.get(url); }, 3000); ... ...查看全部
0
评论

TailwindCSS 与 -webkit-line-clamp 深度解析：现代前端开发的样式革命 web

上帝之眼 发表了文章 • 716 次浏览 • 2025-08-10 13:00 • 来自相关话题

引言 在现代前端开发的浪潮中，CSS 的编写方式正在经历一场深刻的变革。传统的 CSS 开发模式虽然功能强大，但往往伴随着样式冲突、维护困难、代码冗余等问题。开发者需要花费大量时间在样式的命名、组织和维护上，而真正用于业务逻辑实现的时间却相对有限。 Tailw... ...查看全部
0
评论

React 核心 API 全景实战：从状态管理到性能优化，一网打尽 web

上帝之眼 发表了文章 • 357 次浏览 • 2025-08-10 12:58 • 来自相关话题

✨ 为什么写这篇文章？ 很多前端朋友在用 React 的时候： 只会用 useState 做局部状态，结果项目一大就乱套。 不了解 useReducer 和 Context，复杂页面全靠 props 一层层传。 性能卡顿后，只知道用 React.memo，但... ...查看全部
0
评论

Vue 3 中的 Watch、WatchEffect 和 Computed：深入解析与案例分析 web

上帝之眼 发表了文章 • 355 次浏览 • 2025-08-10 12:57 • 来自相关话题

引言 在前端开发中，尤其是使用 Vue.js 进行开发时，我们经常需要监听数据的变化以执行相应的操作。Vue 3 提供了三种主要的方法来实现这一目标：watch、watchEffect 和 computed。虽然它们都能帮助我们监听数据变化，但各自的适用场景和... ...查看全部
0
评论

手写一个 UML 绘图软件 web

上帝之眼 发表了文章 • 337 次浏览 • 2025-08-10 12:56 • 来自相关话题

为何想做一款软件 在日常的开发和学习过程中，我们常常致力于实现各种功能点，解决各种 Bug。然而，我们很少有机会去设计和制作属于自己的产品。有时，我们可能认为市面上已有众多类似产品，自己再做一款似乎没有必要；有时，我们又觉得要做的事情太多，不知从何下手。 最近... ...查看全部
0
评论

React-native中高亮文本实现方案 web

上帝之眼 发表了文章 • 373 次浏览 • 2025-08-10 12:53 • 来自相关话题

前言 React-native中高亮文本实现方案，rn中文本高亮并不像h5那样，匹配正则，直接添加标签实现，rn中一般是循环实现了。一般是一段文本，拆分出关键词，然后关键词高亮。 简单实现 const markKeywords = (text, highlig... ...查看全部
0
评论

一个列表页面，初级中级高级前端之间的鸿沟就显出来了 web

上帝之眼 发表了文章 • 337 次浏览 • 2025-08-10 12:52 • 来自相关话题

你是不是也写过 20+ 个中后台列表页，却总觉得跳不出 CRUD？你以为你是高级了，其实你只是熟练了。 你可能写过几十个中后台列表页，从最早用 v-model 到后来自定义 hooks，再到封装组件、状态缓存、schema 驱动。 但同样是一个列表页： 初级... ...查看全部
0
评论

你真的了解包管理工具吗？（npm、pnpm、cnpm） web

上帝之眼 发表了文章 • 427 次浏览 • 2025-07-28 08:42 • 来自相关话题

 npm (Node Package Manager) 概述 npm 是 Node.js 的官方包管理器，也是全球使用最广泛的 JavaScript 包管理工具。它用于管理 JavaScript 项目的依赖包，可以通过命令行来安装、更新、卸载依赖包。 特点... ...查看全部
0
评论

p5.js 圆弧的用法 web

上帝之眼 发表了文章 • 362 次浏览 • 2025-07-23 08:23 • 来自相关话题

点赞 + 关注 + 收藏 = 学会了 在 p5.js 中，arc() 函数用于绘制圆弧，它是创建各种圆形图形和动画的基础。圆弧本质上是椭圆的一部分，由中心点、宽度、高度、起始角度和结束角度等参数定义。通过灵活运用 arc() 函数可以轻松创建饼图、仪表盘、时钟... ...查看全部
0
评论

🎨 CSS 写到手抽筋？Stylus 说：‘让我来！’ web

上帝之眼 发表了文章 • 375 次浏览 • 2025-07-23 08:07 • 来自相关话题

前言还在手动重复写 margin: 0; padding: 0;？还在为兼容性疯狂加 -webkit- 前缀？大厂前端早已不用原始 CSS 硬刚了！Stylus 作为一款现代化 CSS 预处理器，让你写样式像写 Java... ...查看全部
0
评论

浏览器缓存方案 web

上帝之眼 发表了文章 • 385 次浏览 • 2025-07-21 08:50 • 来自相关话题

一、浏览器缓存的核心作用与分类 作用：减少网络请求，提升页面加载速度，降低服务器压力。 分类： 强缓存：浏览器直接从本地缓存获取资源，不发请求到服务器； 协商缓存：发送请求到服务器验证缓存是否有效，有效则返回304状态码，浏览器使用本地缓存。 二、强缓存实... ...查看全部
0
评论

前端文件下载全攻略：从单文件到批量下载，哪种方法最优？ web

上帝之眼 发表了文章 • 368 次浏览 • 2025-07-21 08:38 • 来自相关话题

小张是一名刚入职的前端开发工程师，某天，他的领导给他布置了一个看似简单的任务： 让用户能够通过文件链接下载多个文件 小张信心满满，觉得这不过是个小问题。然而，当他真正动手时，才发现这个需求并不简单。不同的下载方式各有优缺点，甚至有些方法会带来意想不到的问题... ...查看全部
0
评论

赋能大模型：ant-design系列组件的文档知识库搭建 web

上帝之眼 发表了文章 • 409 次浏览 • 2025-07-21 08:37 • 来自相关话题

引言 在当今组件化开发时代，知识库建设已成为提升开发效率的重要环节。然而传统爬虫方式在获取结构化组件文档时往往面临诸多挑战。为此，开发了 antd-doc-gen 工具，用来快速生成 antd 系列组件库的文档，将其作为大模型补充的知识库，生成的文档可以非常方... ...查看全部
0
评论

JavaScript 数据扁平化方法大全 web

上帝之眼 发表了文章 • 361 次浏览 • 2025-07-21 08:34 • 来自相关话题

前言 数据扁平化是指将多维数组转换为一维数组的过程。由于嵌套数据结构增加了访问和操作数据的复杂度，所以·我们可以将嵌套数据变成一维的数据结构，下面就是我搜集到的一些方法，希望可以给你带来帮助！！ 1. 使用 Array.prototype.flat()(推荐)... ...查看全部
0
评论

5 个理由告诉你为什么有了 JS 还要需要 TypeScript web

上帝之眼 发表了文章 • 338 次浏览 • 2025-07-21 08:32 • 来自相关话题

在前端开发圈，JavaScript（简称JS）几乎无处不在。但你有没有发现，越来越多的大型项目和团队都在用 TypeScript（简称TS）？明明 JS 已经这么强大，为什么还要多此一举用 TS 呢？今天就用通俗易懂的语言，结合具体例子，带你彻底搞懂这个问题！... ...查看全部
0
评论

你不会使用css函数 clamp()？那你太low了😀 web

上帝之眼 发表了文章 • 348 次浏览 • 2025-07-21 08:31 • 来自相关话题

我们做前端的，为了让网站在不同设备上都好看，天天都在和“响应式”打交道。其中最常见的一个场景，就是处理字体大小。 通常，我们是这么做的： /* 手机上是16px */ h1 { font-size: 16px; } /* 平板上大一点 */ @medi... ...查看全部

一个开放、互助、协作、创意的社区

关于imGeek
关于专职工程师值守
社区财富榜
赞助商
友情链接
热门标签
京ICP备2023000793号