注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

svg实现图形编辑器系列七：右键菜单、快捷键、撤销回退 web

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

在之前的系列文章中，我们介绍了图形编辑器基础的 移动、缩放、旋转 等基础编辑能力，以及吸附、网格、辅助线、锚点、连接线等辅助编辑的能力。这些能力提高了编辑功能的上限，本文将介绍的是提效相关的功能：右键菜单、快捷键、撤销回退。 一、右键菜单 1. 右键菜单底层... ...查看全部
0
评论

深入 React Context 源码与实现原理 web

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

前置知识 本文假设你对 context 基础用法和 React fiber 渲染流程有一定的了解，因为这些知识不会介绍详细。本文基于 React v18.2.0 Context API React 渲染流程 React 渲染分为 render 阶段和 com... ...查看全部
0
评论

css-transform2D变换 web

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

CSS transform 属性允许你旋转，缩放，倾斜或平移给定元素。 常用的transform 属性有下面几个 属性说明translate(0, 0)位移rotate(0deg)旋转scale(1)缩放skew(0deg)斜切 transform的说明文档:... ...查看全部
0
评论

前端加载超大图片(100M以上)实现秒开解决方案 web

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

前言前端加载超大图片时，一般可以采取以下措施实现加速：图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。图片分割：将超大图片分割成多个小图块进行加载，可以避免一次性加载整个图片，从而加快加载... ...查看全部
0
评论

面试官问我按钮级别权限怎么控制，我说v-if，面试官说再见 web

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

最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的评价是做过很多东西，但是都不够深入，好吧，那今天我们就来深入深入。 因为我自己没有相关实... ...查看全部
0
评论

canvas绘制行星环绕 web

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

前言 最近学校学了一些JavaScript课程，其中涉及到了部分有关于canvas的知识点，万万没想到老师只是用了一节课提了一下有关canvas的一些有关使用就布置下来了一个作业--采用canvas绘制一个简易太阳系，咱作为学生还能说啥，只能冲啦。 实现原理 ... ...查看全部
0
评论

如何进行图片压缩 web

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

前言 最近要搞图像处理服务，其中一个是要实现图片压缩功能。以前前端开发的时候只要利用canvas现成的API处理下就能实现，后端可能也有现成的API但我并不知道。仔细想想，我从来没有详细了解过图片压缩原理，那刚好趁这次去调研学习下，所以有了这篇文章来记录。老样... ...查看全部
0
评论

摸鱼两天，彻底拿下虚拟滚动！ web

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

总结 通过自己的实践发现，网上相传的虚拟滚动实现方案有种是行不通的（涉及浏览器机制） 实现虚拟滚动，滚动元素中利用上下两个只有高度的空盒子撑开空间是不可行的 html布局示意： <div class="content-container"> ... ...查看全部
0
评论

来看看这个很酷的按钮交互效果 web

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

今天分享一个很有特色的按钮交互效果，如封面图所示，保证让你停不下来，原作者是Adam Kuhn，有兴趣的可以去codepen体验，地址：codepen，本文将核心功能逐一讲解。 基于这个动图可以将主要实现的几个功能点拆分为以下几点： 按钮的径向渐变背景色可以... ...查看全部
0
评论

我在字节的这两年 web

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

前言 作为脉脉和前端技术社区的活跃分子，我比较幸运的有了诸多面试机会并最终一路升级打怪如愿来到了这里。正式入职时间为2021年1月4日，也就是元旦后的第一个工作日。对于这一天，我印象深刻。踩着2020年的尾巴接到offer,属实是过了一个快乐的元旦。不知不觉已... ...查看全部
0
评论

后端一次给你10万条数据，如何优雅展示，到底考察我什么? web

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

前言 大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传10万条数据到前端） 前置工作 先把前置工作给做好，后... ...查看全部
0
评论

【Webpack Plugin】写了个插件跟喜欢的女生表白，结果......😭😭😭 web

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

👋 事情是这样的 作为一名母胎 solo 二十几年的我，平平无奇的一直活在别人的狗粮之下。渐渐的，我好像活成了一个随时见证别人爱情，也随时能为失恋的人排忧解难的角色。 直到前两天，公司新来了一个前端妹子。 相视的第一眼，我神迷了，我知道，终究是躲不过去了..... ...查看全部
0
评论

为什么大厂前端监控都在用GIF做埋点？ web

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

什么是前端监控？ 它指的是通过一定的手段来获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，为产品优化指明方向，为用户提供更加精确、完善的服务。 前端监控 一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来... ...查看全部
0
评论

我是埋点SDK，看我如何让甲方爸爸的页面卡顿10s+ web

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

背景音： Sir，收到線報啦，今日喺生產環境用戶訪問網頁嘅時候，竟然感受到咁卡卡地！完全冇得爽啊！已經導致唔少用戶投訴。根據推斷，昨日更新咗埋點SDK... 昨日，一位前端程序员在优化公司的埋点SDK使用方式后，出了一些小插曲。不知道是什么原因，更新之后就... ...查看全部
0
评论

上千行代码的输入框的逻辑是什么？ web

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

需求 我们要做一个前端需求：需要一个输入框，支持 KQL 语法，支持智能匹配，前提条件纯前端实现。 该功能详见 kibana es7版本。有条件的可以去使用一下，感受一番。 需求分析 使用了一下该功能，感觉还是挺复杂的。不好实现啊，我，我，我。。。 不过因为... ...查看全部
0
评论

做一个文件拖动到文件夹的效果 web

上帝之眼 发表了文章 • 660 次浏览 • 2023-03-16 09:16 • 来自相关话题

在我的电脑中，回想一下我们想要把一个文件拖动到另一个文件夹是什么样子的呢 1:鼠标抓起文件 2:拖动文件到文件夹上方 3:文件夹高亮，表示到达指定位置 4:松开鼠标将文件夹放入文件 下面就来一步步实现它吧👇 一：让我们的元素可拖动 方式一： dragg... ...查看全部
0
评论

如何写一个炫酷的大屏仿真页 web

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

前言 之前我写过一遍文章《从阅读页仿真页看贝塞尔曲线》，简要的和大家介绍了仿真页的具体实现思路，正好写完文章的时候，看到 OPPO 发布会里面提到了仿真页，像这样： 看着确实有点炫酷，我平时也接触了很多跟阅读器相关的代码，就零零碎碎花了一些时间撸了一个双页仿... ...查看全部
0
评论

抛弃trycatch，用go的思想去处理js异常 web

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

errors 错误处理在编程中是不可避免的一部分，在程序开发过程中，不可必要的会出现各种的错误，是人为也可能是失误，任何不可预料的可能都会发生 为了更好的保证程序的健壮性和稳定性 我们必须要对错误处理有更好的认识 最近迷上了golang的错误处理哲学，希望由浅... ...查看全部
0
评论

为什么是14px？ web

上帝之眼 发表了文章 • 521 次浏览 • 2023-03-15 09:19 • 来自相关话题

字号与体验 肉眼到物体之间的距离，物体的高度以及这个三角形的角度，构成了一个三角函数的关系。 h=2d*tan(a/2) 而公式中的 h 的值和我们要解决的核心问题『主字号』有着很大的关系。 关于这个 a 的角度，有机构和团队做过研究，当大于 0.3 度时的... ...查看全部
0
评论

从零开始构建用户模块：前端开发实践 web

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

场景 在大多数前端应用中都会有自己的用户模块，对于前端应用中的用户模块来说，需要从多个方面功能考虑，以掘金为例，可能需要下面这些功能： 多种登录方式，账号密码，手机验证码，第三方登录等 展示类信息，用户头像、用户名、个人介绍等 用户权限控制，可能需要附带角色... ...查看全部
0
评论

玩转Canvas——给坤坤变个颜色 web

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

Canvas可以绘制出强大的效果，让我们给坤坤换个色。 先看看效果图： 要怎么实现这样一个可以点击换色的效果呢？ 话不多说，入正题。 第一步，创建基本元素，无须多言： <body> <canvas></canvas&... ...查看全部
0
评论

自从学会这几个写代码的技巧后，摸鱼时间又长了！！！ web

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

嘿！👋 今天，我们将介绍 5 个 JavaScript 自定义的实用函数，它们可以在您的大多数项目中派上用场。 目录 01.console.log() 02.querySelector() 03.addEventListener() 04.random() ... ...查看全部
0
评论

vue为什么v-for的优先级比v-if的高？ web

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

前言 有时候有些面试中经常会问到v-for与v-if谁的优先级高，这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model，我们在讨论什么?的基础上分析的，所以阅读下面内容之前可先看这篇文章。 继续从编译出发 以下面的例子出发分析： n... ...查看全部
0
评论

如何取消 script 标签发出的请求 web

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

问题 之前在业务上有这样一个场景，通过 script 标签动态引入了一个外部资源，具体方式是这样的 const script = document.createElement('script'); script.src = 'xxx'; script.asyn... ...查看全部
0
评论

如何避免使用过多的 if else？ web

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

一、引言 相信大家听说过回调地狱——回调函数层层嵌套，极大降低代码可读性。其实，if-else层层嵌套，如下图所示，也会形成类似回调地狱的情况。 当业务比较复杂，判断条件比较多，项目进度比较赶时，特别容易使用过多if-else。其弊端挺多的，如代码可读性差、... ...查看全部
0
评论

听说你还不会使用Koa? web

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

简介 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没... ...查看全部
0
评论

💤💤💤你的javascript被睡了 web

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

段子 老板说：给客户做的项目，你的运行程序太快了，我建议你慢一点，客户付款速度就会快一点 我：我不会。。。 老板：没工资 我：马上 需求背景 请求后端a接口后拿到返回结果，需要等待2秒钟后才能请求b接口，b接口拿到返回结果后，需要等待3秒钟后才能请求c接口 项... ...查看全部
0
评论

你还别不信，我帮同事优化代码，速度快了1000倍以上！！ web

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

背景 我们公司有个小程序的产品，里面有个功能是根据用户输入的商品信息，如 干葱3斤，沙姜1斤，番茄2斤...，然后传给后端接口就能解析到符合规格的数据，这样用户就不用一个个录入，只需要一次性输入大量 sku 信息文本，即可快速下单。 故事发生在这周三早上，我同... ...查看全部
0
评论

前端按钮生成器！要的就是效率！ web

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

大家好,我是前端实验室的老鱼！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料等 | 副业赚钱~ 「前端实验室」 专注分享 Github、Gitee等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。 按钮是我... ...查看全部
0
评论

内卷年代，是该学学WebGL了 web

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

前言 大部分公司的都会有可视化的需求，但是用echarts，antv等图表库，虽然能快速产出成果，但是还是要知道他们底层其实用canvas或svg来做渲染，canvas浏览器原生支持，h5天然支持的接口，而svg相比矢量化，但是对大体量的点的处理没有canva... ...查看全部
0
评论

一张架构图让我认识到前端的渺小 web

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

前言 大家好这里是阳九,一个文科转码的野路子码农,热衷于研究和手写前端工具. 今天我们不聊前端,咱们来聊聊后端,聊聊架构 目的是正视自己的地位和价值,在寒冬中保持清醒 借用若川大佬的一句话: 所知甚少，唯善学 先别问我到底是前端程序员还是后端程序员,我自己也... ...查看全部
0
评论

如何优雅地校验后端接口数据，不做前端背锅侠 web

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

背景 最近新接手了一批项目，还没来得及接新需求，一大堆bug就接踵而至，仔细一看，应该返回数组的字段返回了 null，或者没有返回，甚至返回了字符串 "null"？？？ 这我能忍？我立刻截图发到群里，用红框加大加粗重点标出。后端同学也积极响应，答应改正。 第... ...查看全部
0
评论

数据大屏最简单适配方案 web

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

根据本文内容，开发了以下三个 npm 包，希望大家能用得到 @fit-screen/shared： 提供计算自适应比例相关内容的工具包 @fit-screen/vue：Vue 自适应组件 @fit-screen/react：React 自适应组件 如果本文... ...查看全部
0
评论

写一个可以当镜子照的 Button web

上帝之眼 发表了文章 • 697 次浏览 • 2023-03-06 10:22 • 来自相关话题

最近写了一个好玩的 Button，它除了是一个 Button 外，还可以当镜子照。 那这个好玩的 Button 是怎么实现的呢？ 很容易想到是用到了摄像头。 没错，这里要使用浏览器的获取媒体设备的 api 来拿到摄像头的视频流，设置到 video 上，然后对... ...查看全部
0
评论

测试妹子提了个bug,为什么你多了个options请求？ web

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

测试妹子给我提了个bug,说为什么一次操作，network里面两个请求。 我脸色一变”不可能，我写的代码明明是一次操作，怎么可能两个请求“。走过去一看，原来是多了个options请求。 ”这个你不用管，这个是浏览器默认发送的一个预检请求“。可是妹子很执着”这可... ...查看全部
0
评论

前端要对用户的电池负责！ web

上帝之眼 发表了文章 • 684 次浏览 • 2023-03-06 10:19 • 来自相关话题

前言 我有一个坏习惯：就是下班之后不关电脑，但是电脑一般来说第二天电量不会有什么损失。但是后来突然有一天它开不起来了，上午要罢工？那也不好吧，也不能在光天化日之下划水啊；聪明的我还是找到了原因：电池耗尽了；于是赶紧来查一查原因，到底是什么程序把电池耗尽了呢？ ... ...查看全部
0
评论

从零打造现代化绘图框架 Plait web

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

我司大概从今年（2022年）年初决定思维导图，经过半年多的研究与实践，我们基于自研的绘图框架初步完成了一个脑图组件并成功集成到我们 PingCode Wiki 中，这篇文章主要探讨下这个绘图框架（Plait）的一些设计点和思维导图落地的一些关键技术。 概论 对... ...查看全部
0
评论

简述html2canvas遇见的坑点及解决方案 web

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

前言 大家好，最近公司在做公众号的海报图生成功能，功能不难，但是其中也遇到了一些坑还有一些细节的问题，这里给大家复盘一下，相互借鉴及学习 制作海报选用工具 这里我看了几款生成图片的工具： html2canvas dom-to-image 这里我选用的是ht... ...查看全部
0
评论

不惑之年谈中年危机 web

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

今年正式进入不惑之年。按 2011 年统计数据，国内 40 岁以上的程序员约是 1.5%，乐观来看，我进入了前 5% 的群体。 美国 2016 年此比例已经有 12.6%，大家还是应该乐观点。 大家都知道的国内第一代程序员，求伯君/雷军已经退休或做 CEO 了... ...查看全部
0
评论

迄今为止我写过最复杂的算法 web

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

《亲戚计算器》大概是我迄今为止写过最复杂的算法了，它可能看起来它好像逻辑简单，仅1个方法调用而已，却耗费了我大量的时间！从一开始灵光乍现，想到实现它的初步思路，到如今开源已7年多了。这期间，我一直在不断更新才让它日趋完善，它的工作不仅是对数据的整理，还有我对程... ...查看全部
0
评论

你可能忽略的10种JavaScript快乐写法 web 系统设计

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

.markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:16px;overflow-x:hidden;color:#252933}.markdown-bod... ...查看全部
0
评论

如何开发一个人人爱的组件？ web 系统设计

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

.markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:16px;overflow-x:hidden;color:#252933}.markdown-bod... ...查看全部
0
评论

Vue动态表单组件的一点点小想法 web

上帝之眼 发表了文章 • 795 次浏览 • 2023-02-28 15:52 • 来自相关话题

Vue动态表单组件封装 本文章基于Vue2版本，使用的UI库为 elementUI。源于日常开发。 使用到的Vue技巧： 定义v-model <component is="componentName"></component> 动... ...查看全部
0
评论

setTimeout与setInterval的区别 web

上帝之眼 发表了文章 • 597 次浏览 • 2023-02-28 13:54 • 来自相关话题

setTimeout与setInterval有什么区别，这是我6年前面试腾讯的一道面试题，上面是chatgpt的回答。简单来说，setTimeout是一次性定时器，setInterval是周期性定时器，如果你的回答也停留在api的字面解释，那chatgpt很可... ...查看全部
0
评论

vue2实现带有阻尼下拉加载的功能 web

上帝之眼 发表了文章 • 550 次浏览 • 2023-02-27 17:28 • 来自相关话题

在vue中，需要绑定触发的事件<div  id="testchatBox"  class="chatWrap"  :style="{paddingTop: chatScroollTop + 'px'}"  @tou... ...查看全部
0
评论

柯里化到底是什么？ web

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

这本来是一篇柯里化的介绍文章，但是在我准备例子的时候，越写越不知道自己写什么。因为柯里化这个东西我现在无法真正的理解。所以这篇文章的标题其实是一个疑问句。一、柯里化是什么？有这么一道面试题：*实现一个add函数 满足add(1,2,3)与add(1)(2)(3... ...查看全部
0
评论

前端这样的时钟代码，简直就是炫技！ web

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

在网上收了一番，找到一个专门收集时钟代码的网站！ 这里和大家分享一下！几十款各种各样好玩又酷炫的时钟代码！值得收藏！概要网站上的所有代码都来自 codepen 站点。作者把它们收集起来，统一呈现给大家。作者把它们分为了三大类：BEAUTIFUL STYLE,... ...查看全部
0
评论

2023面试真题之浏览器篇 web

上帝之眼 发表了文章 • 612 次浏览 • 2023-02-24 15:25 • 来自相关话题

人生当中，总有一个环节，要收拾你一下，让你尝一尝生活的铁拳大家好，我是柒八九。今天，我们继续2023前端面试真题系列。我们来谈谈关于浏览器的相关知识点。如果，想了解该系列的文章，可以参考我们已经发布的文章。如下是往期文章。你能所学到的知识点浏览器的进程和线程&... ...查看全部
0
评论

我开源了一个好玩且好用的前端脚手架😏 web

上帝之眼 发表了文章 • 680 次浏览 • 2023-02-24 15:00 • 来自相关话题

经过半年的幻想,一个多月的准备,十天的开发,我终于开源了自己的脚手架。背景在我最开始学习 React 的时候,使用的脚手架就是 create-react-app,我想大部分刚开始学的时候都是使用这个脚手架吧。使用这个脚手架挺适合新手的,零配置,执行该脚手架命令... ...查看全部
0
评论

10 个值得掌握的 reduce 技巧 web

上帝之眼 发表了文章 • 626 次浏览 • 2023-02-24 14:53 • 来自相关话题

作为一个前端开发者，一定有接触过 reduce 函数，它是一个强大而实用的数组方法，熟练掌握 reduce 的使用可以在开发中提高开发效率和代码质量。本文介绍的 reduce 的 10 个技巧值得拥有，可以让你少写很多代码！reduce 方法在数组的每个元素上... ...查看全部

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

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