注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

手写一个 ts-node 来深入理解它的原理 IT大前端

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

当我们用 Typesript 来写 Node.js 的代码,写完代码之后要用 tsc 作编译,之后再用 Node.js 来跑,这样比较麻烦,所以我们会用 ts-node 来直接跑 ts 代码,省去了编译阶段。 有没有觉得很神奇,ts-node 怎么做到的直接跑... ...查看全部
0
评论

为什么我不用 Typescript typescript

马师傅 发表了文章 • 1498 次浏览 • 2021-12-02 13:39 • 来自相关话题

前言 我算是久仰 Typescript 的大名了,因而之前就想学习,但是一直没有抽出时间来看看它。直到最近有一天我在知乎上被邀请回答了 一个问题 —— 一个我以为的中学生问怎么样提升他的开源仓库。我点进去,先是被惊艳到了;然后发现,他用的是 Typescrip... ...查看全部
0
评论

我是如何把vue项目启动时间从70s优化到7秒的 性能优化

马师傅 发表了文章 • 1470 次浏览 • 2021-12-02 13:36 • 来自相关话题

可怕的启动时间 公司的产品是一个比较大的后台管理系统,而且使用的是webpack3的vue模板项目,单次项目启动时间达到了70s左右 启动个项目都够吃一碗豆腐脑了,可是没有豆腐脑怎么办,那就优化启动时间吧! 考虑到升级webpack版本的风险还是比较大的,出... ...查看全部
0
评论

从零到一编写 IOC 容器 IT大前端

上帝之眼 发表了文章 • 1035 次浏览 • 2021-12-02 09:21 • 来自相关话题

前言本文的编写主要是最近在使用 midway 编写后端应用,midway 的 IOC 控制反转能力跟我们平时常写的前端应用,例如 react、vue 这些单应用还是有蛮大区别的,所以促使我想一探究竟,这种类 Spring IOC 容器是如何用 JavaScri... ...查看全部
0
评论

手写迷你版Vue IT大前端

上帝之眼 发表了文章 • 909 次浏览 • 2021-12-01 09:09 • 来自相关话题

手写迷你版Vue参考代码:github.com/57code/vue-…Vue响应式设计思路Vue响应式主要包含:数据响应式监听数据变化,并在视图中更新Vue2使用Object.defineProperty实现数据劫持Vu3使用Proxy实现数据劫持模板引擎提... ...查看全部
0
评论

LRU缓存-keep-alive实现原理 IT大前端

上帝之眼 发表了文章 • 1173 次浏览 • 2021-12-01 09:00 • 来自相关话题

相信大部分同学在日常需求开发中或多或少的会有需要一个组件状态被持久化、不被重新渲染的场景,熟悉 vue 的同学一定会想到 keep-alive 这个内置组件。 keep-alive 是 Vue.js 的一个 内置组件。它能够将不活动的组件实例保存在内存中,而不... ...查看全部
0
评论

统一路由,让小程序跳转更智能 微信小程序

马师傅 发表了文章 • 1381 次浏览 • 2021-11-29 17:43 • 来自相关话题

我们在小程序开发及运营过程中,不可避免的需要进行页面之间的跳转。如果使用小程序自带的路由功能来实现这个功能,是非常简单的,如: // 根据不同的场景选择 navigateTo、redirectTo、switchTab 等 wx.navigateTo({ u... ...查看全部
0
评论

如何美化checkbox CSS3

马师傅 发表了文章 • 1323 次浏览 • 2021-11-29 11:25 • 来自相关话题

前言 对于前端开发人员,checkbox应该是经常见到的东西。利用checkbox的checked属性,我们可以做出很多精彩的效果,之前还用checkbox来做动画暂停。前几天还看到外国大佬使用 checkbok做游戏:http://www.bryanbrau... ...查看全部
0
评论

Metaverse 已经到来:5 家公司正在构建我们的虚拟现实未来 元宇宙

马师傅 发表了文章 • 984 次浏览 • 2021-11-29 10:37 • 来自相关话题

如果你相信 Facebook,未来就是一个虚拟现实的“元宇宙”。这家上个月更名为 Meta的科技巨头计划今年投资100 亿美元来开发支持增强现实和虚拟现实的产品——机械手、高科技 VR 眼镜和复杂的软件应用程序,仅举几例。分析师预计该公司至少要花费 500 亿... ...查看全部
0
评论

跨域问题及常见解决方法 IT大前端

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

1.出现跨域问题是因为浏览器的同源策列限制,下面是MDN文档对浏览器同源策略的描述,简单来说就是:同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host... ...查看全部
0
评论

TypeScript 原始类型、函数、接口、类、泛型 基础总结 IT大前端

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

原始数据类型原始数据类型包括:BooleanStringNumberNullundefined类型声明是TS非常重要的一个特点,通过类型声明可以指定TS中变量、参数、形参的类型。Boolean 类型let boolean: boolean = truebool... ...查看全部
0
评论

神奇的交叉观察器 - IntersectionObserver IT大前端

上帝之眼 发表了文章 • 1139 次浏览 • 2021-11-28 22:18 • 来自相关话题

1. 背景网页开发时,不管是在移动端,还是PC端,都有个很重要的概念,叫做动态懒加载,适用于一些图片资源(或者数据)特别多的场景中,这个时候,我们常常需要了解某个元素是否进入了“视口”(viewport),即用户能不能看到它。 传统的实现方法是,监听到scro... ...查看全部
0
评论

js打包时间缩短90%,bundleless生产环境实践总结 IT大前端

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

最近尝试将bundleless的构建结果直接用到了线上生产环境,因为bundleless只会编译代码,不会打包,因此构建速度极快,同比bundle模式时间缩短了90%以上。得益于大部分浏览器都已经支持了http2和浏览器的es module,对于我们没有强兼容... ...查看全部
0
评论

重新审视前端模块的调用, 执行和加载之间的关系 性能优化

马师傅 发表了文章 • 995 次浏览 • 2021-11-26 11:20 • 来自相关话题

在进入正题之前, 让我们先回顾下前端模块从无到有的一个简短历史 如果你有一定的工作经验, 并且经历过 jQuery 那样的年代, 应该了解早期的前端模块, 只是 window 上的一个局部变量. 在最初的时候前端工程师为了分享自己的代码, 往往会通过 wind... ...查看全部
0
评论

CSS实现随机不规则圆角头像 CSS3

马师傅 发表了文章 • 1224 次浏览 • 2021-11-26 11:13 • 来自相关话题

 前言 最近真是彻底爱上了 CSS ,我又又又被 CSS 惊艳到了,明明是简单的属性,为啥大佬们稍微一组合,就能形成如此好看的效果啊。本文 给大家带来的是随机不规则圆角头像效果,我们可以把这个效果用于一些人物的展示页面 学习本文章,你可以学到:bor... ...查看全部
0
评论

使用 Promise 时的5个常见错误,你占了几个! Javascript

马师傅 发表了文章 • 949 次浏览 • 2021-11-26 10:15 • 来自相关话题

Promise 提供了一种优雅的方法来处理 JS 中的异步操作。这也是避免“回调地狱”的解决方案。然而,并没有多少开发人员了解其中的内容。因此,许多人在实践中往往会犯错误。 在本文中,介绍一下使用 promise 时的五个常见错误,希望大家能够避免这些错误。 ... ...查看全部
0
评论

没想到吧!这个可可爱爱的游戏居然是用 ECharts 实现的! Echarts

马师傅 发表了文章 • 1080 次浏览 • 2021-11-26 10:13 • 来自相关话题

前言 echarts是一个很强大的图表库,除了我们常见的图表功能,echarts有一个自定义图形的功能,这个功能可以让我们很简单地在画布上绘制一些非常规的图形,基于此,我们来玩一些花哨的。 下面我们来一步步实现他。 1 在坐标系中画一只会动的小鸟 首先实例化一... ...查看全部
0
评论

学会了axios封装,世界都是你的 IT大前端

上帝之眼 发表了文章 • 927 次浏览 • 2021-11-26 09:02 • 来自相关话题

项目中对axios进行二次封装随着前端技术的发展,网络请求这一块,越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用,因此我们使用时,需要根据项目实际的情况来对axios进行二次封装。接下来就我对axios的二次... ...查看全部
0
评论

大话WEB前端性能优化基本套路 IT大前端

上帝之眼 发表了文章 • 961 次浏览 • 2021-11-25 22:37 • 来自相关话题

前言前端性能优化这是一个老生常谈的话题,但是还是有很多人没有真正的重视起来,或者说还没有产生这种意识。当用户打开页面,首屏加载速度越慢,流失用户的概率就越大,在体验产品的时候性能和交互对用户的影响是最直接的,推广拉新是一门艺术,用户的留存是一门技术,拉进来留住... ...查看全部
0
评论

WEB加载动画之彩条起伏动画 CSS3

马师傅 发表了文章 • 979 次浏览 • 2021-11-25 16:52 • 来自相关话题

介绍 本期将带给大家一个简单的创意加载效果——彩条起伏加载。顾名思义,我们会通过scss来完成,将会制作做7个不同颜色的矩形,按不同的延迟不断的递减然后再反弹,循环往复。寓意是希望各位同学像这个加载动画一样,生活过的多姿多彩。 接下来,我们先来一睹为快吧: ... ...查看全部
0
评论

学会这招,轻松优化webpack构建性能 webpack 性能优化

马师傅 发表了文章 • 1091 次浏览 • 2021-11-25 16:01 • 来自相关话题

webpack webpack 本质上是一个静态资源打包工具,静态资源打包是指 webpack 会将文件及其通过 import 、require 等方式引入的各项资源,处理成一个资源依赖关系图,也称为 chunk ,这些资源包括 js,css,jpg, 等等。... ...查看全部
0
评论

前端面试js高频手写大全(下) IT大前端

上帝之眼 发表了文章 • 932 次浏览 • 2021-11-25 15:58 • 来自相关话题

8. 手写call, apply, bind手写callFunction.prototype.myCall=function(context=window){  // 函数的方法,所以写在Fuction原型对象上 if(typeof this !==... ...查看全部
0
评论

如何写 CSS 重置(RESET)样式? CSS3 性能优化

马师傅 发表了文章 • 938 次浏览 • 2021-11-25 15:58 • 来自相关话题

很长一段时间,我都使用Eric Meyer著名的CSS Reset。这是CSS的一个坚实的块,但是在这一点上它有点长。它已经十多年没有更新了,从那时起发生了很多变化! 最近,我一直在使用我自己的自定义CSS重置。它包括我发现的所有小技巧,以改善用户体验和CSS... ...查看全部
0
评论

前端面试js高频手写大全(上) IT大前端

上帝之眼 发表了文章 • 947 次浏览 • 2021-11-25 15:57 • 来自相关话题

在前端面试中,手撕代码显然是不可避免的,并且占很大的一部分比重。编程题主要分为这几种类型:* 算法题* 涉及js原理的题以及ajax请求* 业务场景题: 实现一个具有某种功能的组件* 其他(进阶,对计算机综合知识的考察,考的相对较少):实现订阅发布者模式;分别... ...查看全部
0
评论

太震撼了!我把七大JS排序算法做成了可视化!!!太好玩了! IT大前端 算法

上帝之眼 发表了文章 • 992 次浏览 • 2021-11-25 15:19 • 来自相关话题

前言大家好,我是林三心。写这篇文章是有原因的,偶然我看到了一个Java的50种排序算法的可视化的视频,但是此视频却没给出具体的实现教程,于是我心里就想着,我可以用JavaScript + canvas去实现这个酷炫的效果。每种排序算法的动画效果基本都不一样哦。... ...查看全部
0
评论

JavaScript复制内容到剪贴板 前端 Javascript

马师傅 发表了文章 • 979 次浏览 • 2021-11-25 15:08 • 来自相关话题

最近一个活动页面中有一个小需求,用户点击或者长按就可以复制内容到剪贴板,记录一下实现过程和遇到的坑。 常见方法 查了一下万能的Google,现在常见的方法主要是以下两种:第三方库:clipboard.js原生方法:document.execCommand()分... ...查看全部
0
评论

前端vue面霸修炼手册!! vue IT大前端

上帝之眼 发表了文章 • 876 次浏览 • 2021-11-25 10:32 • 来自相关话题

一、对MVVM的理解MVVM全称是Model-View-ViewModelModel 代表数据模型,数据和业务逻辑都在Model层中定义;泛指后端进行的各种业务逻辑处理和数据操控,对于前端来说就是后端提供的 api 接口。View 代表UI视图,负责数据的展示... ...查看全部
0
评论

不想加班,你就背会这 10 条 JS 技巧 IT大前端

上帝之眼 发表了文章 • 825 次浏览 • 2021-11-24 22:30 • 来自相关话题

为了让自己写的代码更优雅且高效,特意向大佬请教了这 10 条 JS 技巧1. 数组分割const listChunk = (list = [], chunkSize = 1) => {const result = [];const tmp = [...l... ...查看全部
0
评论

尤大亲自解释vue3源码中为什么不使用?.可选链式操作符? vue

马师傅 发表了文章 • 1612 次浏览 • 2021-11-24 18:17 • 来自相关话题

阅读本文🦀 1.什么是可选链式操作符号 2.为什么vue3源码中不使用可选链式操作符 什么是可选链式操作符号❓ 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之... ...查看全部
0
评论

想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗? 前端面试 Javascript

马师傅 发表了文章 • 1005 次浏览 • 2021-11-24 18:15 • 来自相关话题

前言 大家好,我是林三心,用最通俗的话,讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心,今天就给大家唠一下嗑,讲一下,怎么样使用localStorage、sessionStorage,才能更规范,更高大上,更能让人眼前一亮。 用处 在平时的开发中,lo... ...查看全部
0
评论

巧用渐变实现高级感拉满的背景光动画 CSS3

马师傅 发表了文章 • 1038 次浏览 • 2021-11-24 11:26 • 来自相关话题

实现 这个效果想利用 CSS 完全复制是比较困难的。CSS 模拟出来的光效阴影相对会 Low 一点,只能说是尽量还原。 其实每组光都基本是一样的,所以我们只需要实现其中一组,就几乎能实现了整个效果。 观察这个效果: 它的核心其实就是角向渐变 -- conic... ...查看全部
0
评论

vite对浏览器的请求做了什么 vite2

马师傅 发表了文章 • 1001 次浏览 • 2021-11-24 11:24 • 来自相关话题

工作原理:type="module" 浏览器中ES Module原生native支持。 如果浏览器支持type="module" ,我i们可以使用es6模块化的方式编写。浏览器会把我们需要导入的文件再发一次http请求,再发到服务器上。 开... ...查看全部
0
评论

基于echarts 24种数据可视化展示,填充数据就可用,动手能力强的还可以DIY 数据可视化

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

前言我们先跟随百度百科了解一下什么是“数据可视化 [1]”。   数据可视化,是关于数据视觉表现形式的科学技术研究。   其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。   它是一个处于不断演变之中... ...查看全部
0
评论

CommonJS和ES6 Module究竟是什么 前端面试

马师傅 发表了文章 • 961 次浏览 • 2021-11-23 18:06 • 来自相关话题

对于前端模块化总是稀里糊涂,今天深入学习一下前端模块化,彻底弄懂CommonJs和ES6 Module,希望本文可以给你带来帮助。 CommonJS 模块 CommonJS中规定每个文件是一个模块。将一个JS文件通过script标签插入页面与封装成Common... ...查看全部
0
评论

如何从性能角度选择数组的遍历方式 Javascript

马师傅 发表了文章 • 907 次浏览 • 2021-11-23 17:15 • 来自相关话题

前言 本文讲述了JS常用的几种数组遍历方式以及性能分析对比。 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 数组的方法 JavaScript发展到现在已经提供了许多数组的方法,下面这张图涵盖... ...查看全部
0
评论

async/await 优雅永不过时 Javascript

马师傅 发表了文章 • 967 次浏览 • 2021-11-23 17:13 • 来自相关话题

引言 async/await是非常棒的语法糖,可以说他是解决异步问题的最终解决方案。从字面意思来理解。async 是异步的意思,而 await 是 等待 ,所以理解 async用于申明一个function是异步的,而 await 用于等待一个异步方法执行完成... ...查看全部
0
评论

当老婆又让我下载一个腾讯视频时 前端

马师傅 发表了文章 • 1263 次浏览 • 2021-11-23 15:15 • 来自相关话题

我们结婚了! 是的,这次不是女朋友啦,是老婆了! 时隔将近一个月,老婆又让我给她下载腾讯视频,如果按照上次探索的内容来下载的话,倒是可以一步步下载,合并,不过很麻烦,程序员不都是为了解决麻烦的吗,这么麻烦的步骤,有没有简单点呢。有!当然有,有很多简单的工具,... ...查看全部
1
回复

web 聊天室 人数上限时,再有人加入时错误码是啥? 错误码 WebIM API

smysmy 回复了问题 • 2 人关注 • 1181 次浏览 • 2021-11-23 11:21 • 来自相关话题

0
评论

【前端工程化】- 结合代码实践,全面学习前端工程化 IT大前端

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

前言前端工程化,简而言之就是软件工程 前端,以自动化的形式呈现。就个人理解而言:前端工程化,从开发阶段到代码发布生产环境,包含了以下几个内容:开发构建测试部署性能规范 下面我们根据上述几个内容,选择有代表性的几个方面进行深入学习前端工程化。脚手架脚手... ...查看全部
0
评论

【vue自定义组件】实现一个污染日历 vue

马师傅 发表了文章 • 1036 次浏览 • 2021-11-22 23:50 • 来自相关话题

前言 佛祖保佑, 永无bug。Hello 大家好!我是海的对岸! 实际开发中,碰到一个日历的需求,这个日历的需求中要加入定制的业务,网上没有现成的,手动实现了一下,整理记录下。 动画效果: 实现 实现背景 工作上碰到一个需求,需要有一个可以在日历上能看到每天... ...查看全部
0
评论

生成 UUID 的三种方式及测速对比! Javascript

马师傅 发表了文章 • 1938 次浏览 • 2021-11-22 23:46 • 来自相关话题

通用唯一识别码(英语:Universally Unique Identifier,缩写:UUID)是用于计算机体系中以识别信息的一个 128 位标识符,通常表现为一串 32 位十六进制数字。 UUID 用于解决 ID 唯一的问题! 然而,如何确保唯一,这本身... ...查看全部
1
回复

uniapp版 发送消息成功之后为什么接受消息不触发? onTextMessage

此木 回复了问题 • 2 人关注 • 1286 次浏览 • 2021-11-22 19:03 • 来自相关话题

0
评论

老板:你来弄一个团队代码规范!? 开发规范

马师傅 发表了文章 • 1102 次浏览 • 2021-11-22 17:38 • 来自相关话题

一、背景 9月份换了一个新部门,部门成立时间不长,当时组内还没有统一的代码规范(部分工程用了规范,部分没有,没有统一的收口) 小组的技术栈框架有Vue,React,Taro,Nuxt,用Typescript,算是比较杂了,结合到部门后续还可能扩展其他技术栈,我... ...查看全部
0
评论

如何优雅的使用枚举功能——Constants 性能优化

马师傅 发表了文章 • 1047 次浏览 • 2021-11-22 16:38 • 来自相关话题

背景 在项目中,或多或少的会遇到使用枚举/快码/映射/字典,它们一般长这个样子。(PS:我不知道怎么称呼这个玩意) 在一些需要展示的地方,会使用下面的代码来展示定义。 <div>{{ statusList[status] }}</div&g... ...查看全部
0
评论

CSS mask 实现鼠标跟随镂空效果 CSS3

马师傅 发表了文章 • 998 次浏览 • 2021-11-22 16:36 • 来自相关话题

偶然在某思看到这样一个问题,如何使一个div的部分区域变透明而其他部分模糊掉?,最后实现效果是这样的 进一步,还能实现任意形状的镂空效果 鼠标经过的地方清晰可见,其他地方则是模糊的。 可能一开始无从下手,不要急,可以先从简单的、类似的效果开始,一步一步尝试... ...查看全部
1
回复

为什么登录之后数据陷入了循环? 登录问题

此木 回复了问题 • 2 人关注 • 1395 次浏览 • 2021-11-22 14:09 • 来自相关话题

0
评论

微信小程序如何确保每个页面都已经登陆 微信小程序

马师傅 发表了文章 • 1054 次浏览 • 2021-11-19 17:53 • 来自相关话题

现状 一个微信小程序中,有首页,有个人页面,还有一些列表页面,详情页面等等,这些页面大部分是可以分享的。当分享出去的页面被一个另一个用户打开的时候,这个页面怎么确保这个用户已经登陆了呢? 网上有很多方案是在请求封装里面加一道拦截,如果没有token,就先调用登... ...查看全部
0
评论

你写过的所有代码都逃不过这两方面:API 和抽象 前端面试 性能优化

马师傅 发表了文章 • 999 次浏览 • 2021-11-19 17:49 • 来自相关话题

作为前端,你可能开发过 Electron 桌面应用、小程序、浏览器上的 web 应用、基于 React Native 等跨端引擎的 app,基于 Node.js 的工具或者服务等各种应用,这些都是 JS 的不同的 runtime,开发也都是基于前端那套技术。 ... ...查看全部
0
评论

线性表 Javascript

马师傅 发表了文章 • 914 次浏览 • 2021-11-19 17:47 • 来自相关话题

由于我是搞前端的为了更友好的描述数据结构,所以全部代码示例都是用TypeScript来编写。 1、线性表类型 1.顺序存储结构(数组) 2.链式存储结构(链表) 1.1、顺序存储 一般指数组,内部数据的存储单元在内存中相邻 优势: 查询很快,时间复杂度为... ...查看全部
0
评论

【小程序实战】- 将图片优化进行到底 微信小程序 性能优化

马师傅 发表了文章 • 1538 次浏览 • 2021-11-19 13:32 • 来自相关话题

背景 前端的性能优化,图片优化是必不可少的重要环节,大部分网站页面的构成都少不了图片的渲染。尤其在电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,商品列表图等。图片加载数量多以及图片体积过大往往会影响页面加载速度,造成不良的用户体验。 优... ...查看全部