注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

偏爱console.log的你,肯定会觉得这个插件泰裤辣! web

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

前言 毋庸置疑,要说前端调试代码用的最多的,肯定是console.log,虽然我现在 debugger 用的比较多,但对于生产环境、小程序真机调试,还是需要用到 log 来查看变量值,比如我下午遇到个场景:选择完客户后返回页面,根据条件判断是否弹窗: if (... ...查看全部
0
评论

我是这样实现并发任务控制的 web

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

尽管js是一门单线程的脚本语言,其同步代码我们是自上而下读取执行的,我们无法干涉其执行顺序,但是我们可以借助异步代码中的微任务队列来实现任务的并发任务控制。那我们用一个例子来带入一下。 如何使下面的代码按照我所想的效果来输出 function timeout(... ...查看全部
0
评论

内存的清道夫——函数的尾调用 web

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

函数的尾调用 尾调用是什么,它能解决什么问题,他的存在意味着什么,为什么我叫他内存的清道夫,下面我将带读者通过概念,作用,尾巴递归三个方面来学习使用函数的尾调用。 尾调用概念 尾调用指的是在函数的最后一步通过return调用另一个函数 function fn(... ...查看全部
0
评论

深度介绍瀑布流布局 web

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

瀑布流布局 瀑布流又称瀑布流式布局,是比较流行的一种网站页面 布局方式。多行等宽元素排列,后面的元素依次添加到后面,接下来,要开始介绍这种布局如何实现 Html代码以及效果展示: 代码: 先使用一个container容器作为父容器,里面分别装了十个子容器b... ...查看全部
0
评论

Vuex状态更新流程你都会了,面试官敢不给你发offer? web

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

什么是Vuex?Vuex官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 说到Vuex其实很多小伙伴的项目中基本都引入了,对Vuex... ...查看全部
0
评论

能把队友气死的8种屎山代码(React版) web

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

前几天在前端技术群里聊起Code Review的事,大伙儿似乎都憋了一肚子气: 我觉得这份难言之隐应该要让更多人看到,就跟Henry约了个稿: 于是Henry赶在周末,一边带娃,一边给我抹眼泪整理(脱敏)出了这篇小小的屎山合集,供大家品鉴。 以下是正文。... ...查看全部
0
评论

原来JS可以这么实现继承 web

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

当我们在编写代码的时候,有一些对象内部会有一些方法(函数),如果将这些函数在构造函数内部声明会导致内存的浪费,因为实例化构造函数得到不同的实例对象,其内部都有同一个方法,但是占据了不同的内存,就存在内存浪费问题。于是乎我们就需要用到继承。 什么是继承? 通过某... ...查看全部
0
评论

从JS执行过程彻底讲清楚闭包、作用域链、变量提升等 web

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

前言 今天和大家一起 来 弄清楚一段 JavaScript 代码,它是如何执行的呢? 进而彻底讲明白闭包和作用于链的含义。 JavaScript 是一门高级语言,需要转化成机器指令,才能在电脑的 CPU 中运行。使 JavaScript 代码转换成机器指令,是... ...查看全部
0
评论

前端开发:关于diff算法详解 web

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

前言 前端开发中,关于JS原生的内容和前端算法相关的内容一直都是前端工作中的核心,不管是在实际的前端业务开发还是前端求职面试,都是非常重要且必备的内容。那么本篇博文来分享一个关于前端开发中必备内容:diff算法,diff算法在前端实战中和前端求职面试中都是必... ...查看全部
0
评论

我给我的博客加了个在线运行代码功能 web

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

获取更多信息,可以康康我的博客,所有文章会在博客上先发布随记 - 记录指间流逝的美好 (xiaoyustudent.github.io) 前言 新的一年还没过去,我又开始搞事情了,偶尔一次用到了在线编辑网页代码的网站,顿时想到,能不能自己实现一个呢?(PS:反... ...查看全部
0
评论

判断数组成员的几种方法 web

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

在开发中经常需要我们在数组中查找元素又或者是判断元素是否存在,所以我列举了几种常用的方法供掘友参考学习。 indexOf() 首先想到的就是indexOf()方法,查找元素,并返回第一个找到的位置索引 [1,2,3,2].indexOf(2)  // 1 ... ...查看全部
0
评论

JS实现继承的几种方式 web

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

继承作为面向对象语言的三大特性之一,可以在不影响父类对象实现的情况下,使得子类对象具有父类对象的特性;同时还能再不影响父类对象行为的情况下扩展子类对象独有的特性,为编码带来了极大的便利。 下面我们就来看看 JavaScript 中都有哪些实现继承的方法。 原... ...查看全部
0
评论

我们在搜索一个问题的时候浏览器究竟做了什么 web

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

1+1=?,这个问题一直困扰着我,这天摸鱼的时间,我打开浏览器,在地址栏中输入http://www.baidu.com,按下回车,从这时起,我的疑虑从1+1=?变成了打开百度时浏览器到底做了什么工作? 这算是一个面试常见题,反正我被提问了无数次 TuT 为什... ...查看全部
0
评论

十分钟,让你学会Vue的这些巧妙冷技巧 web

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

前言 写了两年的Vue,期间学习到好几个提高开发效率和性能的技巧,现在把这些技巧用文章的形式总结下来。 1. 巧用$attrs和$listeners $attrs用于记录从父组件传入子组件的所有不被props捕获以及不是class与style的参数,而$lis... ...查看全部
0
评论

一点点Vue性能优化方案分享 web

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

我们在开发Vue项目时候都知道,在vue开发中某些问题如果前期忽略掉,当时不会出现明显的效果,但是越向后开发越难做,而且项目做久了就会出现问题,这就是所说的蝴蝶效应,这样后期的维护成本会非常高,并且项目上线后还会影响用户体验,也会出现加载慢等一系列的性能问题,... ...查看全部
0
评论

10 个超棒的 JavaScript 简写技巧 web

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

今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦。 开始吧! 1.合并数组 普通写法: 我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组,不会更改现有的数... ...查看全部
0
评论

每个前端都应该掌握的7个代码优化的小技巧 web

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

本文将介绍7种JavaScript的优化技巧,这些技巧可以帮助你更好的写出简洁优雅的代码。 1. 字符串的自动匹配(Array.includes) 在写代码时我们经常会遇到这样的需求,我们需要检查某个字符串是否是符合我们的规定的字符串之一。最常见的方法就是使用... ...查看全部
0
评论

使用Vue3 + AR撸猫,才叫好玩 web

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

先来个预告效果图开场: 前言:浏览苹果官网时,你会看到发现每个设备在介绍页底部有这么一行文字:“用增强现实看看***”。使用苹果设备点击之后就能将该设备投放于用户所在场景视界,在手机摄像头转动的时候,也能看到物体对象不同的角度,感觉就像真的有一台手机放在你... ...查看全部
0
评论

Kindle 可旋转桌面时钟 web

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

前言 自己的 Kindle 吃灰很久了,想做个时钟用,但是网上可选的时钟网站比较少,这些时钟网站里面,要么太简单 界面也比较丑陋,要么内容太多 有些本末倒置了,要么网址特别长 输入网址的时候太麻烦。 干脆自己写一个,没多少代码。 (我的 Kindle 差不多十... ...查看全部
0
评论

Vue项目打包优化 web

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

最近做完了一个项目,但是打包之后发现太大了,记录一下优化方案 Element、Vant 等组件库按需加载 静态资源使用cdn进行引入 开启gzip压缩 路由懒加载 #首先看看啥也没做时打包的大小 可以使用 webpack-bundle-analyzer 插... ...查看全部
0
评论

Vue 必备的这些操作技巧 web

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

🎈 键盘事件 在 js 中我们通常通过绑定一个事件,去获取按键的编码,再通过 event 中的 keyCode 属性去获得编码 如果我们需要实现固定的键才能触发事件时就需要不断的判断,其实很麻烦 let button = document.querySel... ...查看全部
0
评论

10个超级实用的Set、Map使用技巧 web

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

Set是一种类似于数组的数据结构,但是它的值是唯一的,即Set中的每个值只会出现一次。Set对象的实例可以用于存储任何类型的唯一值,从而使它们非常适用于去重。 Map是一种键值对集合,其中每个键都是唯一的,可以是任何类型,而值则可以是任何类型。Map对象的实例... ...查看全部
0
评论

JS中的高阶函数 web

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

JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函数。这种函数在函数式编程范式中特别常见,允许用一种更抽象、更灵活的方式处理代码。在JavaScript中,函数可以像其他数据类型一样被传递和操作。 具体来说,高阶函数可以... ...查看全部
0
评论

函数实现单例模式 web

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

单例模式 一般在前端实现单例模式,大多数都会使用类去实现,因为类的实现,看起来比较简单,下面是一个简单的例子。 class Foo { static instance; static init() { if (!this.instance) t... ...查看全部
0
评论

小程序轮播图的高度如何与图片高度保持一致 web

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

一、存在现象 在原生小程序中,我们从服务器获取轮播图的数据,这些图片的数据都是有一定宽高的,我们需要去适配这些图片在不同手机上显示时的宽高,不然的话,在不同的设备上就会不同的效果,也就出现了所谓的bug,如下案例: 这是在iPhone Xr上的显示效果... ...查看全部
0
评论

CSS小技巧之圆形虚线边框 web

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

虚线相信大家日常都用的比较多,常见的用法就是使用 border-style 控制不同的样式,比如设置如下边框代码: border-style: dotted dashed solid double; 这将设置顶部的边框样式为点状,右边的边框样式为虚线,底部的... ...查看全部
0
评论

我竟然完美地用js实现默认的文本框粘贴事件 web

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

前言:本文实际是用js移动控制光标的位置!解决了网上没有可靠教程的现状 废话连篇 默认情况对一个文本框粘贴,应该会有这样的功能: 粘贴文本后,光标不会回到所有文本的最后位置,而是在粘贴的文本之后 将选中的文字替换成粘贴的文本 但是由于需求,我们需要拦截粘... ...查看全部
0
评论

不一样的深拷贝 web

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

对于深拷贝这个概念在面试中时常被提起,面试官可能让你实现深拷贝需要考虑那些因素,或者直接让你手写封装一个深拷贝,那么今天就和大家探讨一下一个让面试官感到牛逼的深拷贝, 1.思考 众所周知普通的数据类型是值存储,而复杂类型是通过开辟内存空间来存储数据的,我们通过... ...查看全部
0
评论

简单理解Vue的data为啥只能是函数 web

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

前言 在学习vue的时候vue2只有在组件中严格要求data必须是一个函数,而在普通vue实例中,data可以是一个对象,但是在vue3出现后data必须一个函数,当时看着官方文档说的是好像是对象的引用问题,但是内部原理却不是很了解,今天通过一个简单的例子来说... ...查看全部
0
评论

javascript实现动态分页 web

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

之前分页都是使用框架给出的分页类来实现分页,当然,体验可能不是那么好。 这次在写YII2.0框架的后台管理系统的小例子的时候,我这也尝试了一下前后分离,用ajax来实现分页跳转。 那么前端的页码绘制及跳页等其他的样式,都是由JavaScript根据后台返回的数... ...查看全部
0
评论

差两个像素让我很难受,这问题绝不允许留到明年! web

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

2022年8月8日,linxiang07 同学给我们的 Vue DevUI 提了一个 Issue: #1199 Button/Search/Input/Select等支持设置size的组件标准不统一,并且认真梳理了现有支持size属性的组件列表和每个组件大中小... ...查看全部
0
评论

vue单页面应用部署配置 web

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

前端 Vue是一款非常流行的JavaScript框架,它提供了一套高效、灵活、易于使用的前端开发工具。在实际开发中,我们通常会使用Vue来构建单页面应用(SPA),并将其部署到服务器上以便用户访问。本篇博客将介绍如何进行Vue单页面应用的部署配置。 构建生产版... ...查看全部
0
评论

css卡片悬停 web

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

前言 今天分享一个简单的卡片鼠标悬停动画,初始显示一张图片,当鼠标移至卡片上方时,显示文字,先来看看预览效果: 代码实现 页面布局 <div class="view view-first"> <img src="./images... ...查看全部
0
评论

正则什么的,你让我写,我会难受,你让我用,真香! web

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

哈哈,如题所说,对于很多人来说写正则就是”兰德里的折磨“吧。如果不是有需求频繁要用,根本就不会想着学它。(?!^)(?=(\\d{3})+ 这种就跟外星文一样。 但你要说是用它,它又真的好用。用来做做校验、做做字符串提取、做做变形啥的,真不错。最好的就是能 ... ...查看全部
0
评论

css实现弧边选项卡 web

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

实现效果 实现方式 主要使用了 radial-gradient transform perspective rotateX transform-origin 等属性 思路 只需要想清楚如何实现弧形三角即可。这里还是借助了渐变 -- 径向渐变 ... ...查看全部
0
评论

极致舒适的Vue页面保活方案 web

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

为了让页面保活更加稳定,你们是怎么做的? 我用一行配置实现了 Vue页面保活是指在用户离开当前页面后,可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验,而不会被繁琐的操作打扰。 为什么需要页面保活? 页面保活可以提高用户... ...查看全部
0
评论

vue 递归组件 作用域插槽 web

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

开头 这里主要是根据 vue 递归组件 作用域插槽 代码的理解和el-tree是如何写的。 代码 父组件 <template> <div> <Tree :data="data"> <templa... ...查看全部
0
评论

不用刷新!用户无感升级,解决前端部署最后的问题 web

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

前端部署需要用户刷新才能继续使用,一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解,揭晓问题发生的原因及解决思路。 一、背景 网站发版过程中,用户可在浏览web页面时,可能会导致页面无法加载对应的资源,导致出现点击无反应的情况,严重影响用户体验。 二... ...查看全部
0
评论

VUE中常用的4种高级方法 web

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

1. provide/inject provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术,它可以将数据注入到一个组件中,然后让它的所有子孙组件都可以访问到这个数据。通常情况下,我们在父组件中使用 provide 来提供数据,然后在... ...查看全部
0
评论

记一次不规范使用key引发的惨案 web

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

前言 平时在使用v-for的时候,一般会要求传入key,有没有像我一样的小伙伴,为了省心,直接传索引index,貌似也没有遇到过什么问题,直到有一天,我遇到一个这样的需求 场景 在一个下单界面,我需要去商品列表选商品,然后在下单界面遍历显示所选商品,要求后选的... ...查看全部
0
评论

1.6kB 搞定懒加载、无限滚动、精准曝光 web

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

上文提到有很多类库在用 IntersectionObserver 实现懒加载,但更精准的描述是,IntersectionObserver 提供了一种异步观察目标元素与根元素(窗口或指定父元素)的交叉状态的能力,这项能力不仅能用来做懒加载,还可以提供无限滚动,精... ...查看全部
0
评论

字节都在用的代码自动生成 web

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

背景 如果有一份接口定义,前端和后端都能基于此生成相应端的代码,不仅能降低前后端沟通成本,而且还能提升研发效率。 字节内部的 RPC 定义主要基于 thrift 实现,thrift 定义了数据结构和函数,那么是否可以用来作为接口定义提供给前端使用呢?如果可以作... ...查看全部
0
评论

前端怎么样限制用户截图? web

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

做后台系统,或者版权比较重视的项目时,产品经常会提出这样的需求:能不能禁止用户截图?有经验的开发不会直接拒绝产品,而是进行引导。 先了解初始需求是什么?是内容数据过于敏感,严禁泄漏。还是内容泄漏后,需要溯源追责。不同的需求需要的方案也不同。来看看就限制用户截图... ...查看全部
0
评论

Vue 实现接口进度条 web

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

前端在向后端请求信息时,常常需要等待一定的时间才能得到返回结果。为了提高用户体验,可以通过实现一个接口进度条函数来增加页面的交互性和视觉效果。 接口响应快 - 效果 接口响应慢 - 效果 实现思路 首先定义一个进度条组件来渲染页面展示效果,组件包含进度条背... ...查看全部
0
评论

Js中异步代码挂起怎么解决? web

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

从下面代码引入问题 function a() { console.log('aa'); } function b() { setTimeout(() => { //异步代码 console.log('bb'); ... ...查看全部
0
评论

JS令人头疼的类型转换 web

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

前言 JS中的类型转换常常被人诟病,因为javascript属于弱类型语言,它对于类型的语言没有强制的限定,这对于我们来说是头疼的。不同的类型之间的运算需要先对数据的类型进行转换,在日常开发中我们经常会用到。 数据类型 基本数据类型 Number(数字) S... ...查看全部
0
评论

节流 你会手写吗? web

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

节流 在各大面试题中,频繁出现的老油条,节流。 啥叫节流呢? 节流(throttle):每次触发定时器后,直到这个定时器结束之前无法再次触发。一般用于可预知的用户行为的优化,比如为scroll事件的回调函数添加定时器。 在间隔一段时间执行一次回调的场景有: 1... ...查看全部
0
评论

上传的图片怎么满足我们的审美的呢?开始玩弄css的一些 特别属性 object-fit web

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

今天开始玩弄css的一些比较冷门但是可能比较实用的属性 object-fit。 首先让我们先看看一张效果图 这两张自拍,你个人觉得哪张比较好看,不用想都知道第一张好看啦,我们肯定希望我们上传的图片都是以第一种图片当头像啊,而不是第二种扁扁的。那么这样的效果是怎... ...查看全部
0
评论

这些数组reduce的妙用,你都会吗? web

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

reduce 是 JavaScript 数组对象上的一个高阶函数,它可以用来迭代数组中的所有元素,并返回一个单一的值。其常用的语法为: array.reduce(callback[, initialValue]) 其中,callback 是一个回调函数,它接... ...查看全部
0
评论

都这么多年了,作为一个前端的你是不是连Symbol都不会用 web

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

Symbol是JavaScript中的原始数据类型之一,它表示一个唯一的、不可变的值,通常用作对象属性的键值。由于Symbol值是唯一的,因此可以防止对象属性被意外地覆盖或修改。以下是Symbol的方法和属性整理: 属性 Symbol.length Symbo... ...查看全部