注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

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

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

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

svg按钮渐变边框 web

上帝之眼 发表了文章 • 120 次浏览 • 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

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

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

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

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

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

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

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

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

H5 配合原生开发 App web

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

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

JavaScript 数组扁平化全解析 web

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

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

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

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

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

instanceof 的小秘密 web

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

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

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

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

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

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

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

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

VitePress 彩虹动画 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前端如何判断用户设备 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript V8 引擎原理 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

手写一个 UML 绘图软件 web

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

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

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

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

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

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

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

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

你真的了解包管理工具吗?(npm、pnpm、cnpm) web

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

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

p5.js 圆弧的用法 web

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

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

🎨 CSS 写到手抽筋?Stylus 说:‘让我来!’ web

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

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

浏览器缓存方案 web

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

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

前端文件下载全攻略:从单文件到批量下载,哪种方法最优? web

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

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

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

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

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

JavaScript 数据扁平化方法大全 web

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

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

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

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

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

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

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

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

掌握 requestFullscreen:网页全屏功能的实用指南与技巧 web

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

想让网页上的图片、视频或者整个界面铺满用户屏幕?浏览器的 requestFullscreen api 是开发者实现这个功能的关键。 它比你想象的要强大,但也藏着一些需要注意的细节。本文将详细介绍如何正确使用它,并分享一些提升用户体验的实用技巧。 一、 开始使用... ...查看全部
0
评论

40岁老前端2025年上半年都学了什么? web

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

前端学习记录第5波,每半年一次。对前四次学习内容感兴趣的可以去我的掘金专栏“每周学习记录”进行了解。 第1周 12.30-1.5 本周学习了一个新的CSS媒体查询prefers-reduced-transparency,如果用户在系统层面选择了降低或不使用半透... ...查看全部
0
评论

async/await 必须使用 try/catch 吗? web

上帝之眼 发表了文章 • 171 次浏览 • 2025-07-12 22:51 • 来自相关话题

前言 在 JavaScript 开发者的日常中,这样的对话时常发生: 👨💻 新人:"为什么页面突然白屏了?" 👨🔧 老人:"异步请求没做错误处理吧?" async/await 看似优雅的语法糖背后,隐藏着一个关键问题:错误处理策略的抉择。 在 JavaSc... ...查看全部
0
评论

表妹问:前端好玩吗?我说好玩,但表妹接下来的回复看哭了我 web

上帝之眼 发表了文章 • 202 次浏览 • 2025-07-12 22:47 • 来自相关话题

表妹问:前端好玩吗?我说好玩,但表妹接下来的回复看哭了我。 是的,回复如下: 这红海血途上,新兵举着 "大前端" 旌旗冲锋,老兵拖着node_modules残躯撤退。资本织机永不停歇,框架版本更迭如暴君换季,留下满地deprecated警告如秋后落叶。 其一... ...查看全部