注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

环信FAQ

环信FAQ

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

以为 flv.js 直播超简单,结果被延迟和卡顿整疯了 web

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

大家好,我是杨成功。 之前写过一篇浏览器直播的文章,叫《用一个 flv.js 播放监控的例子,带你深撅直播流技术》。这片文章的热度还不错,主要内容就是科普直播是什么,以及如何在浏览器中播放直播。 实现方法很简单,使用一个流行的第三方包 flv.js,即可快速播... ...查看全部
0
评论

用一个 flv.js 播放监控的例子,带你深撅直播流技术 web

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

大家好,我是杨成功。 本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码,跑一个能播视频的 demo 很容易,但是播放时各种各样的异常会搞到你怀疑人生。 究其原因,一方面 GitH... ...查看全部
0
评论

前端访问系统文件夹 web

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

随着前端技术和浏览器的升级,越来越多的功能可以在前端实现而不用依赖于后端。其中,访问系统文件夹是一个非常有用的功能,例如上传文件时,用户可以直接从自己的电脑中选择文件。 使用方法 在早期的浏览器中,要访问系统中的文件夹需要使用 ActiveX 控件或 Java... ...查看全部
0
评论

【手把手教学】基于vue封装一个安全键盘组件 web

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

基于vue封装一个安全键盘组件 为什么需要安全键盘 大部分中文应用弹出的默认键盘是简体中文输入法键盘,在输入用户名和密码的时候,如果使用简体中文输入法键盘,输入英文字符和数字字符的用户名和密码时,会自动启动系统输入法自动更正提示,然后用户的输入记录会被缓存下... ...查看全部
0
评论

前人在 vue 项目中的 “砍树型“ 写法,让后人乘不了凉! web

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

前言 最近在协助小伙伴解决问题时,在项目中都会遇到一些 “砍树型” 的写法,这些写法容易让后续 简单 的需求变得 复杂,都说 "前人栽树后人乘凉",但项目中有些写法是真的让后人乘不了凉的,甚至还得被迫加入 “砍树队伍”。 本篇文章就列举一些,在 vue 项目中... ...查看全部
0
评论

🌅 让你的用户头像更具艺术感,实现一个自动生成唯一渐变色的头像组件 web

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

前言 这一篇文章依然是组件实现系列,这次我们来实现一个基于用户昵称动态生成用户头像的组件。在很多中后台场景中,用户并不需要自己去上传头像,而是简单的展示一个基本的头像图片,但是这样就太没意思啦。这次头像组件的,预期是能够基于用户昵称字符串生成某种颜色,然后设置... ...查看全部
0
评论

封装一个工作日历组件,顺便复习一下Date常用方法 web

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

背景 上周接到一个需求,开发一个工作日历组件。找了一圈没找到合适的,索性自己写一个。 下面给大家分享一下组件中使用到的一些日期API和后面实现的框选元素功能。 效果展示 demo体验地址:dbfu.github.io/work-calend… 开始之前 lu... ...查看全部
0
评论

不是Typescript用不起,而是JSDoc更有性价比? web

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

1. TS不香了? 2023年,几条关于 Typescript 的新闻打破了沉寂,让没什么新活好整的前端开发圈子又热闹了一番。 先是 GitHub 的报告称:“TypeScript 取代 Java 成为第三受欢迎语言”。 在其当年度 Octoverse 开... ...查看全部
0
评论

实现 height: auto 的高度过渡动画 web

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

对于一个 height 设置为 auto 的元素,当它的高度发生了不由样式引起的改变时,并不会触发 transition 过渡动画。 容器元素的高度往往是由其内容决定的,如果一个容器元素的内容高度突然发生了改变,而无法进行过渡动画,有时会显得比较生硬,比如下面... ...查看全部
0
评论

大屏可视化适配 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前端外描边完美实现 web

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

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

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

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

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

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

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

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

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

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

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

JS 爱好者的十大反向教学(译) web

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

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

Nuxt源码浅析 web

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

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

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

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

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

VUE实现九宫格抽奖 web

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

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

点击自动复制剪贴板 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

全方位了解 JavaScript 类型判断 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

将文字复制到剪切板 web

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

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

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

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

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

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

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

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

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

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

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

前端半自动化部署 web

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

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

极简原生js图形验证码 web

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

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

[compose] 仿刮刮乐效果 web

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

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

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

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

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

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

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

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

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

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

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

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

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

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