注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

环信FAQ

环信FAQ

集成常见问题及答案
RTE开发者社区

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

大屏可视化适配 web

写给少年的歌 发表了文章 • 92 次浏览 • 2023-12-05 09:04 • 来自相关话题

如何适配屏幕 1.页面尺寸比与屏幕尺寸比的关系 首先设计稿的项目宽高比是16:9 大屏可视化需要用同一个页面，适配各种尺寸的屏幕。当显示屏幕的尺寸比与页面的尺寸比不一致时，则需要将页面尽可能放大居中显示，其余地方留白。 以16:9为例，当显示屏幕的尺寸比小于1... ...查看全部
0
评论

实现一个简单的文本溢出提示效果 web

写给少年的歌 发表了文章 • 88 次浏览 • 2023-12-05 09:03 • 来自相关话题

需求背景 写一段简单的HTML代码： <div class="container">超级无敌大怪兽在此！</div> 此时如果我们为其加上文本溢出处理，只需简单三行css代码即可搞定： .container { width:... ...查看全部
0
评论

基于css3写出的底部导航栏效果（详细注释） web

写给少年的歌 发表了文章 • 82 次浏览 • 2023-12-05 09:01 • 来自相关话题

进行准备工作 这边对基本的样式进行了设置，首先在html部分设置了一个名为nav的div，推荐大家语义化来写不要学我这种，随后进行基本的默认样式的清除，并且设置盒子为ie盒子方便后续的计算，整体都设置为弹性盒，方便后续矢量文字的操作，对导航栏nav进行定位，... ...查看全部
0
评论

代码刚上线，页面就白屏了 web

上帝之眼 发表了文章 • 109 次浏览 • 2023-12-05 08:43 • 来自相关话题

前言 白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有。 这是一个很重要的质量指标。 那么我们如何监控页面白屏异常... ...查看全部
0
评论

手搓微信小程序生日滑动选择😉 web

上帝之眼 发表了文章 • 125 次浏览 • 2023-12-05 08:40 • 来自相关话题

简单说一下功能点 微信小程序设置用户的生日，直接使用日历有些不太友好，所以选择手搓一个类似某音和某红书差不多的样式。 在实现该功能还是有一些小的注意点的，最主要的就是-->日期选择需要3级联动，因为要获取当前年份有多少月份、以及当前年份的月份有多少天。总... ...查看全部
0
评论

微信小程序动态生成表单来啦！你再也不需要手写表单了！ web

写给少年的歌 发表了文章 • 84 次浏览 • 2023-12-04 09:37 • 来自相关话题

dc-vant-form 由于我们在小程序上涉及到数据采集业务，需要经常使用表单，微信小程序的表单使用起来非常麻烦，数据和表单是分离的，每个输入框都需要做数据处理才能实现响应式数据，所以我开发了dc-vant-form，针对原生微信小程序+vant组件构建的自... ...查看全部
0
评论

学会XPath，轻松抓取网页数据 web

写给少年的歌 发表了文章 • 88 次浏览 • 2023-12-04 09:35 • 来自相关话题

一、定义 XPath（XML Path Language）是一种用于在 XML 文档中定位和选择节点的语言。XPath的选择功能非常强大，可以通过简单的路径选择语法，选取文档中的任意节点或节点集。学会XPath，可以轻松抓取网页数据，提高数据获取效率。 二、X... ...查看全部
0
评论

js终止程序，我常用throw 替代 return web

写给少年的歌 发表了文章 • 96 次浏览 • 2023-12-04 09:34 • 来自相关话题

js终止程序有两种方式（如果还有别的请告知我） throw return 这两个好像是两大阵营，前者我个人最推崇，但是很少见人用, 不知道啥原因（兴许是讨厌写try catch吧）。 刚入门那会，总觉得下面这样的验证好麻烦 const formValu... ...查看全部
0
评论

前端外描边完美实现 web

写给少年的歌 发表了文章 • 86 次浏览 • 2023-12-04 09:32 • 来自相关话题

背景 最近在公司做画布相关的内容，涉及到了字体描边的方案选择，在三种方案对比和尝试下，最终选用了 SVG 作为字体描边的方案，今天就来讲讲这些方案的优缺点。 字体描边方案对比 1. text-stroke 优点： 实现效果好 缺点： 兼容性一般，需要配合 -... ...查看全部
0
评论

大专前端，三轮面试，终与阿里无缘 web

写给少年的歌 发表了文章 • 90 次浏览 • 2023-12-04 09:29 • 来自相关话题

因为一些缘故，最近一直在找工作，再加上这个互联网寒冬的大环境，从三月找到六月了，一直没有合适的机会 先说一下背景，目前三年半年经验，base 杭州，大专学历+自考本科 就在前几天，Boss 上收到了阿里某个团队的投递邀请（具体部门就不透露了），因为学历问题... ...查看全部
0
评论

华为自研的前端框架是什么样的？ web

上帝之眼 发表了文章 • 106 次浏览 • 2023-12-04 09:18 • 来自相关话题

大家好，我卡颂。 最近，华为开源了一款前端框架 —— openInula。根据官网提供的信息，这款框架有3大核心能力： 响应式API 兼容ReactAPI 官方提供6大核心组件 并且，在官方宣传视频里提到 —— 这是款大模型驱动的智能框架。 ... ...查看全部
0
评论

终于把国外大佬的跨窗口量子纠缠粒子效果给肝出来 web

上帝之眼 发表了文章 • 129 次浏览 • 2023-12-01 13:45 • 来自相关话题

前言 上篇文章 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果反响很大，但是仅仅只是实现了跨窗口动画效果，严格说就没有动画，还有些bug和遗憾，尤其是粒子效果，得入three.js坑，怎么办？跳啊！ 硬肝了两天，实在肝不动了，看效果吧。 第一版v2效果，大... ...查看全部
0
评论

JS 爱好者的十大反向教学（译） web

写给少年的歌 发表了文章 • 100 次浏览 • 2023-11-29 09:44 • 来自相关话题

大家好，这里是大家的林语冰。 免责声明 本文属于是语冰的直男翻译了属于是，仅供粉丝参考，英文原味版请临幸 The 10 Most Common JavaScript Issues Developers Face。 今时今日，JS（JavaScript）几乎... ...查看全部
0
评论

Nuxt源码浅析 web

写给少年的歌 发表了文章 • 95 次浏览 • 2023-11-29 09:28 • 来自相关话题

来聊聊Nuxt源码。 聊聊启动nuxt项目 废话不多说，看官网一段Nuxt项目启动 const { Nuxt, Builder } = require('nuxt') const app = require('express')() const isProd... ...查看全部
0
评论

前端数据加解密 -- AES算法 web

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

在当今日益增长的互联网数据流中，信息安全成为了一个越来越重要的主题。数据加密不仅是保护信息免遭未授权访问的有效措施，更是隐私保护和网络安全的基石。正是在这样的背景下，高级加密标准（AES）凭借其坚如磐石的安全性和便捷的操作性，成为了全球加密技术的领航者。 在编... ...查看全部
0
评论

VUE实现九宫格抽奖 web

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

一、前言 九宫格布局 注释了三种结果分支 懒得找图，背景色将就看一下 不足的地方，欢迎评论指正 二、代码注释详解 <template> <div class="box"> <div class="raffleBox... ...查看全部
0
评论

点击自动复制剪贴板 web

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

目标🎯： 一键复制"功能，用户点击一下按钮，指定的内容就自动进入剪贴板。 实现🖊️： 方法一：Document.execCommand()方法 方法二：Clipboard Document.execCommand() Document.execCommand(... ...查看全部
0
评论

你有使用过time标签吗？说说它的用途有哪些？ web

写给少年的歌 发表了文章 • 83 次浏览 • 2023-11-28 09:25 • 来自相关话题

"<time> 标签是 HTML5 中的一个语义化标签，用于表示日期和时间。它的主要用途有以下几个方面： 在网页中显示日期和时间。 在搜索引擎中提供更准确的时间信息。 在机器可读的格式中表示日期和时间。 示例代码： <p>The c... ...查看全部
0
评论

页面加载多个Iframe，白屏时间太长，如何优化？ web

写给少年的歌 发表了文章 • 116 次浏览 • 2023-11-28 09:13 • 来自相关话题

最近接到一个需求，和AI 的对话需要展示图表，而这个图表的功能由另外一个系统提供，打算采用iframe的方式嵌入。 当我们和AI对话越来越多，嵌入的图表也会越来越多，此时一次性渲染多个iframe会导致页面白屏时间比较长，体验很差。 要解决这个问题，其本质就是... ...查看全部
0
评论

JavaScript 供应链为什么如此脆弱... web

写给少年的歌 发表了文章 • 112 次浏览 • 2023-11-28 09:11 • 来自相关话题

JavaScript 的强大之处在于其卓越的模块化能力，通过 npm 包管理机制，开发者可以轻易地引用并使用其他人或者组织已经编写好的开源代码，从而极大地加快了开发速度。但是，这种依赖关系的复杂性也给供应链的安全带来了巨大的挑战。 今天就跟大家一起来聊聊 Ja... ...查看全部
0
评论

WebSocket 鉴权实践：从入门到精通 web

上帝之眼 发表了文章 • 101 次浏览 • 2023-11-28 09:00 • 来自相关话题

WebSocket 作为实时通信的利器，越来越受到开发者的青睐。然而，为了确保通信的安全性和合法性，鉴权成为不可或缺的一环。本文将深入探讨 WebSocket 的鉴权机制，为你呈现一揽子的解决方案，确保你的 WebSocket 通信得心应手。 使用场景 We... ...查看全部
0
评论

JS特效：跟随鼠标移动的小飞机 web

上帝之眼 发表了文章 • 94 次浏览 • 2023-11-28 08:51 • 来自相关话题

前端网页中，用JS实现鼠标移动时，页面中的小飞机向着鼠标移动。 效果 源码 <!DOCTYPE html> <html> <head> <style> *{ margin: ... ...查看全部
0
评论

从入门到精通：集合工具类Collections全攻略！ Java

云端源想 发表了文章 • 120 次浏览 • 2023-11-27 17:43 • 来自相关话题

前言在之前的文章中，我们学习了单列集合的两大接口及其常用的实现类；在这些接口或实现类中，为我们提供了不少的实用的方法。本篇文章我们来介绍一种java开发者为我们提供了一个工具类，让我们更好的来使用集合Collections 工具类介绍Collections 是... ...查看全部
0
评论

全方位了解 JavaScript 类型判断 web

写给少年的歌 发表了文章 • 81 次浏览 • 2023-11-27 10:23 • 来自相关话题

JavaScript 是一种弱类型语言，因此了解如何进行类型检测变得尤为重要。在本文中，我们将深入探讨 JavaScript 中的三种常见类型检测方法：typeof、instanceof 和 Object.prototype.toString()。这些方法各有... ...查看全部
0
评论

实现一个自己的vscode插件到发布 web

写给少年的歌 发表了文章 • 92 次浏览 • 2023-11-27 10:21 • 来自相关话题

前言 本篇文章讲述了一个 vscode 插件开发的过程，希望能帮助到想了解 vscode 插件是如何开发的同学 文章最后又github地址 说在前面的话： 在看内容之前，确保你想了解如何开发一款 vscode 插件 内容以大白文教学形式输出，如果写的不清... ...查看全部
0
评论

实现仅从登录页进入首页才展示弹窗 web

写给少年的歌 发表了文章 • 91 次浏览 • 2023-11-27 10:19 • 来自相关话题

需求：仅存在以下两种情况展示弹窗 登录页进入首页 用户保存了登录状态后通过地址栏或书签直接进入首页 本文用两种方案实现： 使用Document.referrer获取上个页面的 URI 使用sessionStorage存储弹窗展示数据 每个方案我都会讲... ...查看全部
0
评论

别再抱怨后端一次性传给你 1w 条数据了，几行代码教会你虚拟滚动！ web

上帝之眼 发表了文章 • 109 次浏览 • 2023-11-27 09:27 • 来自相关话题

如果后端一次性传给你 1 万条数据，该怎么办，当然是让他圆润的走开，哈哈，开个玩笑。虽然这种情况很少，不过我在实际开发中还真遇到了类似的情况，接下来我将基于 vue3 实现一个简单的虚拟滚动。 我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚... ...查看全部
0
评论

浏览器跨标签星球火了，简单探究一下实现原理 web

上帝之眼 发表了文章 • 167 次浏览 • 2023-11-27 09:18 • 来自相关话题

一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过一个元素在不同窗口的... ...查看全部
0
评论

一周的努力化为泡影，前端找工作是很难 web

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

这周又是面了一周，今天是周五了，目前还没有一个offer。好几家面试都是聊的很好，问题回答的自我感觉挺好（可能面试官没觉得好），然后就没有了后续。这周一共面试了6家公司，目前有2家过了2面。下周约了3面线下，可能工资不会给的太多。其中最遗憾的一家是bitget... ...查看全部
0
评论

Taro | 高性能小程序的最佳实践 web

上帝之眼 发表了文章 • 113 次浏览 • 2023-11-27 09:00 • 来自相关话题

前言 作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。我们经常收到开发者的反馈，例如“渲染速度较慢”、“滑动不够流畅”、“性能与原生应用相比有差距” 等。这表明性能问题一直是困扰开发者的一个重要问题。 熟悉 Taro... ...查看全部
0
评论

将文字复制到剪切板 web

写给少年的歌 发表了文章 • 107 次浏览 • 2023-11-24 10:09 • 来自相关话题

笔者在开发过程中遇到点击按钮之后将文字复制到剪切板的需求，先将按钮的回调函数封装起来，便于以后使用，需要的朋友可以自取~ const _copyToClipboard = staticPart => dynamicPart => { i... ...查看全部
0
评论

前端黑科技篇章之scp2，让你一键打包部署服务器 web

写给少年的歌 发表了文章 • 114 次浏览 • 2023-11-24 10:02 • 来自相关话题

scp2是一个使用nodejs对于SSH2的模拟实现，它可以让我们编译之后将项目推送至测试环境，以方便测试。 项目安装scp2 npm i scp2 -D 编写配置文件 创建scp2的配置文件 upload.server.js const serInfo =... ...查看全部
0
评论

谈谈外网刷屏的量子纠缠效果 web

上帝之眼 发表了文章 • 135 次浏览 • 2023-11-24 09:37 • 来自相关话题

大家好，我卡颂。 最近被一段酷炫的量子纠缠效果刷屏了： 原作者是@_nonfigurativ_，一位艺术家、程序员。 今天简单讲讲他的核心原理。 基础概念 首先我们需要知道两个概念： 屏幕坐标系，屏幕左上角就是屏幕坐标系的圆点 窗口坐标系，页面窗口... ...查看全部
0
评论

[自定义View]一个简单的渐变色ProgressBar web

上帝之眼 发表了文章 • 118 次浏览 • 2023-11-24 09:36 • 来自相关话题

Android原生ProgressBar 原生ProgressBar样式比较固定，主要是圆形和线条；也可以通过style来设置样式。 style： style效果@android:style/Widget.ProgressBar.Horizontal水平进... ...查看全部
0
评论

前端半自动化部署 web

写给少年的歌 发表了文章 • 95 次浏览 • 2023-11-23 09:13 • 来自相关话题

在前端项目部署时，通常会经历以下步骤： 构建项目：在部署之前，需要使用相应的构建工具（如Webpack、Vite等）对项目进行构建，生成生产环境所需的静态文件（如HTML、CSS、JavaScript、图片等）。构建过程中通常会进行代码压缩、打包、资源优化... ...查看全部
0
评论

极简原生js图形验证码 web

写给少年的歌 发表了文章 • 97 次浏览 • 2023-11-23 09:06 • 来自相关话题

       前天接到需求要在老项目登陆界面加上验证码功能，因为是内部项目且无需短信验证环节，那就直接用原生js写一个简单的图形验证码。 示例： 思路：此处假设验证码为4位随机数值，数值刷新满足两个条件①页面新进/刷新。②点击图片刷新。（实际情况下还要考虑... ...查看全部
0
评论

[compose] 仿刮刮乐效果 web

写给少年的歌 发表了文章 • 107 次浏览 • 2023-11-22 11:48 • 来自相关话题

需求 下班路上新开了一家彩-票店，路过时总是心痒，本着小D怡情的心态，偶尔去刮几张，可是随着时间久了，发现也花了不少钱，看网上有人开发电子木鱼，突然奇想，为什么不做一张电子彩-票。 分析 传统View，网上有很多解决方案，大多数是通过混合模式进行两个图层的合并... ...查看全部
0
评论

微信小程序记住密码，让登录解放双手 web

上帝之眼 发表了文章 • 102 次浏览 • 2023-11-22 11:42 • 来自相关话题

密码是用户最重要的数据，也是系统最需要保护的数据，我们在登录的时候需要用账号密码请求登录接口，如果用户勾选记住密码，那么下一次登录时，我们需要将账号密码回填到输入框，用户可以直接登录系统。我们分别对这种流程进行说明： 记住密码 在请求登录接口成功后，我们需要判... ...查看全部
0
评论

登录是前端做全栈的必修课 web

上帝之眼 发表了文章 • 109 次浏览 • 2023-11-22 11:40 • 来自相关话题

如何在前端实现自动或无感化的登录态管理，包括用户注册、登录、接口校验登录态以及实现自动化请求时自动携带访问令牌。我们将探讨两种常见的实现方式：使用 HTTP Cookie 和前端存储和发送访问令牌。 1. 注册和登录 首先，用户需要通过注册和登录来获取访问令牌... ...查看全部
0
评论

你知道为什么template中不用加.value吗？ web

上帝之眼 发表了文章 • 145 次浏览 • 2023-11-22 08:47 • 来自相关话题

Vue3 中定义的ref类型的变量，在setup中使用这些变量是需要带上.value才可以访问，但是在template中却可以直接使用。 询其原因，可能会说 Vue 自动进行ref解包了，那具体如何实现的呢？ proxyRefs Vue3 中有有个方法prox... ...查看全部
0
评论

直播点赞喷射表情效果实现 web

写给少年的歌 发表了文章 • 122 次浏览 • 2023-11-21 11:23 • 来自相关话题

最近在线看直播年会。有一个点赞的按钮，点击点赞按钮喷射表情，表情在屏幕上向上浮动之后消失。觉得这个效果挺具有代表性，所以想实现一下。 找了一个别人的效果图 就来实现这个效果。 写一个点赞按钮 <style> .like-box { ... ...查看全部
0
评论

无感刷新，我想说说这三种方案 web

上帝之眼 发表了文章 • 138 次浏览 • 2023-11-21 10:20 • 来自相关话题

现在当你想去找一个无感刷新的方案的时候，搜出来的大多都是教你在aioxs的相应拦截器里面去截取当前请求的config。然后当token刷新后再去请求失败的接口。首先声明，这个方案完全没有任何问题。只是有可以优化的地方，这个优化的地方可以在我将要写的第二种方案中... ...查看全部
0
评论

为什么我不建议中小企业使用 TypeScript web

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

此博客内容，包含【极端的个人主观因素、极端的个人主观因素、极端的个人主观因素】，如不喜欢，请轻喷...... 不知道从什么时候开始，前端开发者中出现了一种 唯 TS 至上论 的思想。 如果你的项目中使用的 是JavaScript 而 不是TypeScript，... ...查看全部
0
评论

为什么说https比http安全？ web

写给少年的歌 发表了文章 • 84 次浏览 • 2023-11-20 09:29 • 来自相关话题

前言 在互联网时代，我们每天都在进行着与网络有关的活动，而网络安全问题也因此成为大家越来越关注的话题。http协议作为最常用的网络传输协议之一，其设计缺陷让黑客攻击变得更加容易。相比之下，https协议通过加密通信，能够更有效地保护用户隐私和数据安全。 本文将... ...查看全部
0
评论

从canvas到B站弹幕 web

上帝之眼 发表了文章 • 113 次浏览 • 2023-11-20 09:27 • 来自相关话题

canvas是HTML自带的一个用于绘制图形的标签，它身上的API太多了，本文会介绍几个常见的属性，以及应用到B站的实现 Canvas 我们在body中放一个canvas标签，然后在Script中添加属性 <body> <canvas i... ...查看全部
0
评论

重要提醒！第三方 Cookie 即将被禁用 web

上帝之眼 发表了文章 • 124 次浏览 • 2023-11-20 09:06 • 来自相关话题

Chrome 浏览器计划从 2024 年第一季度开始禁用 1% 用户的第三方 Cookie，以方便测试，然后在 2024 年第三季度逐步覆盖到 100% 用户。Chrome 推出了一系列API，为诸如身份验证、广告和欺诈检测等用例提供了以隐私为重点的替代方案。... ...查看全部
0
评论

阁下，您的表单校验规则还维护的动吗？ web

写给少年的歌 发表了文章 • 108 次浏览 • 2023-11-17 08:53 • 来自相关话题

表单校验是前端项目广泛存在的一个功能，因为Ant Design的引入，所谓的表单校验功能其实已经被抽象成了一个又一个的表单校验规则。以前并未注意到表单校验规则的可维护性，哪个组件用到，就在组件内完成即可。直到PM问了我2个问题： “我们的账号名字符数限制区间是... ...查看全部
0
评论

听别人说Vue的拖拽库都断代了，我第一个不服 web

写给少年的歌 发表了文章 • 113 次浏览 • 2023-11-17 08:50 • 来自相关话题

vue-draggable-plus 前言 前段时间偶然翻掘金的过程中发现有人宣传 vue 的拖拽库断代了，那么我也来蹭一下热度。 Sortablejs Sortablejs 是一个功能强大的 JavaScript 拖拽库，并且提供了 vue 相关的组件 vu... ...查看全部
0
评论

一个 React 简易网页端音乐播放器 web

写给少年的歌 发表了文章 • 96 次浏览 • 2023-11-17 08:50 • 来自相关话题

前言 这是一个轻量级的 react 音乐播放器，前端使用 UmiJS，后端采用网易云音乐 NODEJS API 制作。项目的 TS 声明写的比较乱，后续有空的话会发布重写 TS 的版本或者直接重构该播放器。 后续计划将右侧播放器抽离为一个单独的组件，可供页面直... ...查看全部
0
评论

炫酷的高亮卡片效果 web

写给少年的歌 发表了文章 • 112 次浏览 • 2023-11-17 08:47 • 来自相关话题

前言 无意中在Nuxt官网发现一组高亮卡片元素的效果，发现还挺好看的，就自己试着写了一下，下面是Nuxt官网效果图,边框会随着鼠标移动，并且周围的卡片也会“染上”。 我实现的效果如下 实现过程 写好六个卡片 下面看代码，先用HTML写六个div元素，并... ...查看全部

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

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