注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

echarts+dataV实现中国在线选择省市区地图 web

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

echarts+dataV实现中国在线选择省市区地图 利用 dataV 的地图 GEO JSON数据配合 echarts 和 element-china-area-data实现在线选择 省市区 地图 效果预览 可以通过自行选择省市区在线获取地图数据,配合 e... ...查看全部
0
评论

Blitz:可以实时聊天的协同白板 web

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

书接上文 之前在 跨平台渲染引擎之路:类 Figma 的无限画布 中提到了想落地无限画布场景的渲染 SDK,最近业余时间基本都在折腾类似的事情,不过在形式和顺序上有些调整,首先先看下目前还比较粗糙的项目预览。 预览 项目地址:Blitz 体验地址:Blitz... ...查看全部
0
评论

手撸一个 useLocalStorage web

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

前言 最近在用 vue3 + typeScript + vite 重构之前的代码,想着既然都重写了那何不大刀阔斧的改革,把复杂的逻辑全部抽象成独立的 hook,不过官方称之为“组合式函数”(Composables),好家伙写着写着就陷入 “hook 陷阱” 了... ...查看全部
0
评论

揭秘 html2Canvas:打印高清 PDF 的原理解析 web

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

1. 前言 最近我需要将网页的DOM输出为PDF文件,我使用的技术是html2Canvas和jsPDF。具体流程是,首先使用html2Canvas将DOM转化为图片,然后将图片添加到jsPDF中进行输出。 const pdf = new jsPDF({    ... ...查看全部
0
评论

uni-app下App转微信小程序的操作经验 web

上帝之眼 发表了文章 • 488 次浏览 • 2023-07-17 08:44 • 来自相关话题

背景 就是老板觉得 app 比较难以开展,需要开发小程序版本方便用户引入; 个人觉得,我们的产品更偏向B端产品,需要公司整体入住,而不是散兵游勇的加入,没必要进行这样的引流,奈何我不是老板,那就干。 目前已经有二十几个页面及即时通信模块,已经可以稳定运行;... ...查看全部
0
评论

熟读代码简洁之道,为什么我还是选择屎山 web

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

前言 前几天我写了一篇Vue2屎山代码汇总,收到了很多人的关注;这说明代码简洁这仍然是一个程序员的基本素养,大家也都对屎山代码非常关注;但是关注归关注,执行起来却非常困难;我明明知道这段代码的最佳实践,但是我就是不那样写,因为我有很多难言之隐; 没有严格的卡口... ...查看全部
0
评论

如何给你的个人博客添加点赞功能 web

上帝之眼 发表了文章 • 424 次浏览 • 2023-07-14 09:31 • 来自相关话题

最近在重构博客,想要添加一些新功能。平时有看 Josh W. Comeau 的个人网站,他的每篇文章右侧都会有一个心形按钮,用户通过点击次数来表达对文章的喜爱程度。让我们来尝试实现这个有趣的点赞功能吧! 绘制点赞图标 点赞按钮的核心是 SVG 主要由两部分组... ...查看全部
0
评论

我教你怎么在Vue3实现列表无限滚动,hook都给你写好了 web

上帝之眼 发表了文章 • 381 次浏览 • 2023-07-14 09:30 • 来自相关话题

先看成果 无限滚动列表 无限滚动列表(Infinite Scroll)是一种在网页或应用程序中加载和显示大量数据的技术。它通过在用户滚动到页面底部时动态加载更多内容,实现无缝的滚动体验,避免一次性加载所有数据而导致性能问题。供更流畅的用户体验。但需要注意在实... ...查看全部
0
评论

作为开发人员,如何一秒洞悉文件结构? web

上帝之眼 发表了文章 • 330 次浏览 • 2023-07-14 09:30 • 来自相关话题

曾经在处理复杂的文件结构时感到束手无策吗?别担心,说一个真正的解决方案——JavaScript中的tree-node包。它能以一种惊人的方式展示文件和文件夹的层次结构,让你瞬间掌握复杂的项目布局。 背景 在一个新项目中,你可能会面对各种文件,包括HTML、CS... ...查看全部
0
评论

CSS实现0.5px的边框的两种方式 web

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

方式一 <style> .border { width: 200px; height: 200px; position: relative; } .border::before { content: ""; position: abs... ...查看全部
0
评论

基于 Tauri, 我写了一个 Markdown 桌面 App web

上帝之眼 发表了文章 • 504 次浏览 • 2023-07-14 09:26 • 来自相关话题

本文视频地址 前言 大家好,我是小马。 去年,我开发了一款微信排版编辑器 MDX Editor。它可以自定义组件、样式,生成二维码,代码 Diff 高亮,并支持导出 Markdown 和 PDF 等功能。然而,作为一个微信排版编辑器,它的受众面比较有限,并不适... ...查看全部
0
评论

用Echarts打造自己的天气预报! web

上帝之眼 发表了文章 • 385 次浏览 • 2023-07-14 09:23 • 来自相关话题

前言 最近刚刚学习了Echarts的使用,于是想做一个小案例来巩固一下。项目效果如下图所示: 话不多说,开始进入实战。 创建项目 这里我们使用vue-cli来创建脚手架: vue create app 这里的app是你要创建的项目的名称,进入界面我们选择安装... ...查看全部
0
评论

通过调试技术,我理清了 b 站视频播放很快的原理 web

上帝之眼 发表了文章 • 376 次浏览 • 2023-07-14 09:22 • 来自相关话题

b 站视频播放的是很快的,基本是点哪就播放到哪。 而且如果你上次看到某个位置,下次会从那个位置继续播放。 那么问题来了:如果一个很大的视频,下载下来需要很久,怎么做到点哪个位置快速播放那个位置的视频呢? 前面写过一篇 range 请求的文章,也就是不下载资源的... ...查看全部
0
评论

环信的那些”已读“功能实现及问题解决 环信_WebIM

此木 发表了文章 • 442 次浏览 • 2023-07-13 14:51 • 来自相关话题

写在前面你在调用环信的消息回执时,是否有以下的烦恼1、发送了消息已读回执,为什么消息列表页的未读数没有发生变化?2、发送了消息已读回执,为什么消息漫游拉取不到已读状态?如果你有这些烦恼,那就继续往下看一些歧义在这之前,我们需要先来统一确定两件事情第一:消息列表... ...查看全部
0
评论

小程序自定义导航栏 web

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

小程序布局 谈到导航栏与自定义导航栏,就需要解释一下微信小程序的布局了。在小程序开发中使用wx.getSystemInfoAsync() 方法可以获取到系统信息。 部分获取到的信息如上图(截取自微信小程序开发者文档),对我们理解布局有用的信息是以上... ...查看全部
0
评论

Progress 圆形进度条 实现 web

上帝之眼 发表了文章 • 427 次浏览 • 2023-07-13 09:40 • 来自相关话题

效果图 实现过程分析 简要说明 本文主要以 TypeScript + React 为例进行讲解, 但相关知识和这个关系不大. 不会也不影响阅读 dome 中使用到了 sass, 但用法相对简单, 不影响理解 HTML DOM 元素说明 <div c... ...查看全部
0
评论

记录一次小程序开发中的各种奇葩bug web

上帝之眼 发表了文章 • 371 次浏览 • 2023-07-12 14:07 • 来自相关话题

前段时间,跟好哥们儿商量了一下,帮他公司设计并开发一款宣传用的小程序。因为是宣传用的,所以对于后台数据几乎没什么需求,只需要用到一些接口,引导用户联系公司,且公司性质是古建筑装修,没有自己的服务器。所以我直接给他做的是个静态的小程序。 微信小程序的开发需要注意... ...查看全部
0
评论

搭建适用于公司内部的脚手架 web

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

前言 公司项目多了,且后续会增加更多项目,为了避免每次创建项目都是重复的copy,这里可以自己写一个适合公司的脚手架,就跟 vue-cli, create-react-app 类似。 简单描述下原理:首先你需要准备一个模板,这个模板可以存储在公司的git上,然... ...查看全部
0
评论

今天这个 Antd 咱们是非换不可吗? web

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

最近在思考一个可有可无的问题: “我们是不是要换一个组件库?” 为什么会有这个问题? 简单同步一下背景,我效力于 Lazada 商家前端团队。从接手系统以来(近 2 年) 就一直使用着 Alibaba Fusion 这套组件库。据我所知淘系都是在使用这套组件... ...查看全部
0
评论

为什么React一年不发新版了? web

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

大家好,我卡颂。 遥想前几年,不管是React还是Vue,都在快速迭代版本,以至于很多同学抱怨学不动了。 而现在,React已经一年没更新稳定release了。 甚至有人认为,这就是前端已死最直接的证据: 那么,React最近一年为什么不发版了呢?是因为前... ...查看全部
0
评论

5分钟,带你迅速上手“Markdown”语法 web

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

本篇将重点讲解:Markdown的 “语法规范” 与 “上手指南”。 一、Markdown简介 Markdown是一种文本标记语言,它容易上手、易于学习,排版清晰明了、直观清晰。常用于撰写 “技术文档” 、 “技术博客” 、 “开发文档” 等等。 总之,如... ...查看全部
0
评论

🤣泰裤辣!这是什么操作,自动埋点,还能传参? web

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

前言 在上篇文章讲了如何通过手写babel插件自动给函数埋点之后,就有同学问我,自动插入埋点的函数怎么给它传参呢?这篇文章就来解决这个问题我讲了通过babel来实现自动化埋点,也讲过读取注释给特定函数插入埋点代码,感兴趣的同学可以来这里 给所有函数都添加埋... ...查看全部
0
评论

作为一名前端给自己做一个算命转盘不过分吧 web

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

算命转盘 前言 给自己做一个算命转盘,有事没事算算命,看看运势挺好的(虽然我也看不懂)。 这个算命转盘我是实现在了自己的个人博客中的这里是地址,感兴趣可以点进去看看。 实现过程 开发技术:react + ts 该转盘主要是嵌套了三层 圆形滚动组件 来实现的,... ...查看全部
0
评论

vue3 表单封装遇到的一个有意思的问题 web

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

前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题,这里就简单记录一下过程。话不多说直接上代码!!! 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, ... ...查看全部
0
评论

极致舒适的Vue弹窗使用方案 web

上帝之眼 发表了文章 • 343 次浏览 • 2023-07-10 09:10 • 来自相关话题

一个Hook让你体验极致舒适的Dialog使用方式! Dialog地狱 为啥是地狱? 因为凡是有Dialog出现的页面,其代码绝对优雅不起来!因为一旦你在也个组件中引入Dialog,就最少需要额外维护一个visible变量。如果只是额外维护一个变量这也不是不... ...查看全部
0
评论

前端业务代码,怎么写测试用例? web

上帝之眼 发表了文章 • 348 次浏览 • 2023-07-10 09:10 • 来自相关话题

为什么前端写测试用例困难重重 关于不同测试的种类,网上有很多资料,比如单元、集成、冒烟测试,又比如 TDD BDD 等等,写测试的好处也不用多说,但是就前端来说,写测试用例,特别是针对业务代码测试用例写还是不太常见的事情。我总结的原因有如下几点: 搭建测试环... ...查看全部
0
评论

关于浏览器缓存策略这件事儿 web

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

前言 我们打开百度这个网站并刷新多次时时,注意到百度的logo是没有每次都加载一遍的。我们知道图片是img标签中的src属性加载出来的,这也需要浏览器去请求图片资源的,那么为什么刷新多次浏览器只请求了一次图片资源呢?这就涉及到了浏览器的缓存策略了,这张图片被浏... ...查看全部
0
评论

js十大手撕代码 web

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

前言 js中有很多API贼好用,省下了很多工夫,你知道它的原理吗?这篇文章对它们做一个总结。 正文 一、手撕instanceof instanceof的原理:通过判断对象的原型是否等于构造函数的原型来进行类型判断 代码实现: const myInstanc... ...查看全部
0
评论

在线代码编辑器介绍与选型 web

上帝之眼 发表了文章 • 575 次浏览 • 2023-07-07 12:58 • 来自相关话题

引言 作为数据生产和管理的平台,数据平台的一大核心功能是在线数据开发,工欲善其事必先利其器,所以平台具备一个功能较为丰富、用户体验友好的在线代码编辑器,就成为了前提条件。 经历最近一两年的代码编辑器方案调研、选型和开发,我们对内部平台使用的代码编辑器进行了统一... ...查看全部
0
评论

剑走偏锋,无头浏览器是什么神奇的家伙 web

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

浏览器是再熟悉不过的东西了,几乎每个人用过,比如 Chrome、FireFox、Safari,尤其是我们程序员,可谓开发最强辅助,摸鱼最好的伴侣。 浏览器能干的事儿,无头浏览器都能干,而且很多时候比标准浏览器还要更好用,而且能实现一些很好玩儿的功能,我们能借... ...查看全部
0
评论

面试官您好,这是我写的TodoList web

上帝之眼 发表了文章 • 350 次浏览 • 2023-07-07 12:48 • 来自相关话题

前段时间看到掘金上有人二面被面试官要求写一个TodoList,今天趁着上班没啥事情,我也来写一个小Demo玩玩。 功能 一个TodoList大致就是长成这个样子,有一个输入框,可以通过输入任务名称进行新增,每个任务可以进行勾选,切换已完成和未完成状态,还可以... ...查看全部
0
评论

给你十万条数据,给我顺滑的渲染出来! web

上帝之眼 发表了文章 • 342 次浏览 • 2023-07-07 12:44 • 来自相关话题

前言 这是一道面试题,这个问题出来的一刹那,很容易想到的就是for循环100000次吧,但是这方案着实让浏览器崩溃啊!还有什么解决方案呢? 正文 1. for 循环100000次 虽说for循环有点low,但是,当面试官问,为什么会让浏览器崩溃的时候,你知道咋... ...查看全部
0
评论

记一次修改一行代码导致的线上BUG web

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

背景介绍 先描述一下需求,要在一个老项目里根据type类型,给一个试题题干组件新增一个class样式,type是在url地址栏上面携带的。简单,一行代码搞定,五分钟部署,十分钟留给测试,然后跟车上线,打卡下班! 《凉凉》送给自己 看标题就知道结果了,第二天下午... ...查看全部
0
评论

什么!一个项目给了8个字体包??? web

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

🙋 遇到的问题 在一个新项目中,设计统一了项目中所有的字体,并提供了字体包。在项目中需要按需引入这些字体包。 首先,字体包的使用分为了以下几种情况: 无特殊要求的语言使用字体A,阿拉伯语言使用字体B; 加粗、中等、常规、偏细四种样式,AB两种字体分别对应使用... ...查看全部
0
评论

用 node 实战一下 CSRF web

上帝之眼 发表了文章 • 322 次浏览 • 2023-07-05 09:54 • 来自相关话题

前言 之前面试经常被问到 CSRF, 跨站请求伪造 大概流程比较简单, 大概就是用户登录了A页面,存下来登录凭证(cookie), 攻击者有诱导受害者打开了B页面, B页面中正好像A发送了一个跨域请求,并把cookie进行了携带, 欺骗浏览器以为是用户的行为... ...查看全部
0
评论

前端流程图插件对比选型 web

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

前言 前端领域有多种流程库可供选择,包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而,它们在特性、易用性和生态系统方面存在一些差... ...查看全部
0
评论

为什么选择 Next.js 框架? web

上帝之眼 发表了文章 • 345 次浏览 • 2023-07-05 09:50 • 来自相关话题

前言 Next.js 框架作为一种强大而受欢迎的工具,为开发人员提供了许多优势和便利。本文将探讨 Next.js 框架的优点,并解释为什么选择 Next.js 是一个明智的决策。 文档:nextjs.org/docs 强大的服务端渲染和静态生成能力: Ne... ...查看全部
0
评论

为什么你非常不适应 TypeScript web

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

前言 在群里看到一些问题和言论:为什么你们这么喜欢“类型体操”?为什么我根本学不下去 TypeScript?我最讨厌那些做类型体操的了;为什么我学了没过多久马上又忘了? 有感于这些问题,我想从最简单的一个角度来切入介绍一下 TypeScript,并向大家介绍并... ...查看全部
0
评论

次世代前端视图框架都在卷啥? web

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

上图是 State of JavaScript 2022 前端框架满意度排名。前三名分别是 Solid、Svelte、Qwik。我们可以称他们为次世代前端框架的三大代表,前辈是 React/Angular/Vue。 目前 React/Augular/Vue 还... ...查看全部
0
评论

为了娃的暑期课,老父亲竟然用上了阿里云高大上的 Serverless FaaS!!! web

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

起因 事件的起因是,最近家里的俩娃马上要放暑假了,家里的老母亲早早的就规划好了姐姐弟弟的暑期少年宫课程,奈何有些想上个课程一直没有”抢“到课程。平时带娃在少年宫上课的父母可能懂的,一般少年宫的课程都是提前预报名,然后会为了公平起见进行摇号,中者缴费。本来是一件... ...查看全部
0
评论

你还在用传统轮播组件吗?来看看遮罩轮播组件 web

上帝之眼 发表了文章 • 342 次浏览 • 2023-07-05 09:44 • 来自相关话题

背景 最近有一个页面改版的需求,在UI走查阶段,设计师说原来的轮播组件和新版页面UI整体风格不搭,所以要换掉。 这里就涉及到两种轮播组件,一种是传统的轮播组件,一种是设计师要的那种。 传统的轮播组件,大家都见过,原理也清楚,就是把要轮播的图片横向排成一个队列,... ...查看全部
0
评论

你们公司的官网被搜索引擎收录了吗? web

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

前言 前段时间,我司的官网要改版。老板们手一挥,提出了以下几点需求 网站要大气,炫酷,有科技感 图片文字要高大上 注重SEA、SEO优化,用户查找关键字后,我们公司的网站排名要显示在前列 为此,我们还专门买了一个SEO优化的课程,大张旗鼓的学习了一通。至于... ...查看全部
0
评论

一次微前端的改造记录 web

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

前言 由于公司的一些需求,需要去了解 iframe 和 qiankun 两种微前端方案,特此记录一下。 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独... ...查看全部
0
评论

再学http-为什么文件上传要转成Base64? web

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

1 前言 最近在开发中遇到文件上传采用Base64的方式上传,记得以前刚开始学http上传文件的时候,都是通过content-type为multipart/form-data方式直接上传二进制文件,我们知道都通过网络传输最终只能传输二进制流,所以毫无疑问他们本... ...查看全部
0
评论

为啥你的tree的checkbox隐藏的这么艰难 web

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

场景: 近期在实现一个基于element-ui 的 Tree 组件的场景, 产品要求, 部门的数据,都不要checkbox, 只有节点值为 员工 才显示,而且还要部分员工的checkbox 禁用 element-ui 的 tree 还不支持特定节点的check... ...查看全部
0
评论

手撸一个私信功能 web

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

前言 几年前的项目里写了一pc版的私信功能,使用的版本和代码比较老了, 这篇文章就直接粘了之前的代码简单的改了改,说明一下问题; 主要就是写一下这个功能如何下手,思想,以及界面如何整,消息怎么发等; 也只是截取了当时项目里私信的一部分功能,这个完全可以说明问题... ...查看全部
0
评论

我工作中用到的性能优化全面指南 web

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

在Web开发中,Web的性能优化是一个重要的话题。无论是页面加载速度,用户体验,或者是程序运行效率,都与Web的性能优化息息相关。 最小化和压缩代码 在构建过程中,为了减少文件的大小和加载时间,通常会对JavaScript代码进行最小化和压缩处理。这包括移除... ...查看全部
0
评论

我看UI小姐姐就是在为难我这个切图仔 web

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

前言 改成这个样子 咱也不懂啊,这样更好看了吗,只能照着改了,谁让我只是个卑微的切图仔呢. 实现过程 刚开始我觉得很简单嘛,封装一个组件,用它包裹表单元素,比如Input、 Select、DatePicker等,然后修改css样式,把表单元素的bord... ...查看全部
0
评论

记两次优化导致的Bug web

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

人云,过早的优化不如不优化。个人的理解,还是要具体情况具体分析。一般这里认为的是,开发过程的变动会导致之前做出的优化失灵。 如果没有,那说明你赌对了,不,说明你眼光真好。 废话到此结束。 本文记录了两次巧合。优化本身一般不会导致Bug,但是可能会有其它没预料到... ...查看全部
0
评论

如何实现比 setTimeout 快 80 倍的定时器? web

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

很多人都知道,setTimeout 是有最小延迟时间的,根据 MDN 文档 setTimeout:实际延时比设定值更久的原因:最小延迟时间 中所说: 在浏览器中,setTimeout()/setInterval() 的每调用一次定时器的最小间隔是 4ms,这... ...查看全部