注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

小程序框架对比(Taro VS uni-app) uniapp

马师傅 发表了文章 • 14920 次浏览 • 2021-12-15 16:49 • 来自相关话题

前前段时间,要开发一个小程序,需要选一个跨平台的框架,为此做了一些调研,在这里记录一下。 目前的跨平台方案大致是以下三种类型,各有优劣。 结合项目自身情况,我选择了第三种类型的框架,再结合支持多平台的要求,重点锁定在了Taro和uni-app之间。 ... ...查看全部
0
评论

前端重新部署后,领导跟我说页面崩溃了.. 性能优化

马师傅 发表了文章 • 1483 次浏览 • 2021-12-15 14:25 • 来自相关话题

背景: 每次前端更新,重新部署后,用户还停留在更新之前的页面,当请求页面数据时,会导致页面白屏,报错信息如下: Uncaught ChunkLoadError: Loading chunk {n} failed. 原因 每次更新后,用户端的html文件中的 j... ...查看全部
0
评论

上一个程序员提桶跑路了!我接手后用这些方法优化了项目 性能优化

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

平常我们在开发和维护项目的过程中,如果我们跑的项目有点大啊,或者数据太多,导致项目跑起来弊蜗牛还要慢,然后用户体验还不友好,对于新手程序员来说!老板天天都要你加班改!你还不敢辞职!这种时候,就很让人头痛了,怎么办! 但是!也不是没有办法的!骚年!你当时学vue... ...查看全部
0
评论

axios 封装,API接口统一管理,支持动态API! vue

马师傅 发表了文章 • 1391 次浏览 • 2021-12-15 14:20 • 来自相关话题

分享一个自己封装的 axios 网络请求 主要的功能及其优点: 将所有的接口放在一个文件夹中管理(api.js)。并且可以支持动态接口,就是 api.js 文件中定义的接口可以使用 :xx 占位,根据需要动态的改变。动态接口用法模仿的是vue的动态路由,如果你... ...查看全部
0
评论

关于组件文档从编写到生成的那些事 IT大前端

上帝之眼 发表了文章 • 1800 次浏览 • 2021-12-14 23:36 • 来自相关话题

前言说到前端领域的组件,Vue 技术体系下有 Element UI,React 技术体系下有 Ant Design,这些都是当前的前端攻城狮们都免不了要实际使用到的基础组件库。而在实际工作中,我们也总免不了要根据自己的工作内容,整理一些适合自己业务风格的一套组... ...查看全部
0
评论

前端 4 种渲染技术的计算机理论基础 IT大前端

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

前端可用的渲染技术有 html + css、canvas、svg、webgl,我们会综合运用这些技术来绘制页面。有没有想过这些技术有什么区别和联系,它们和图形学有什么关系呢?本文我们就来谈一下网页渲染技术的计算机理论基础。渲染的理论基础人眼的视网膜有视觉暂留机... ...查看全部
0
评论

如何用 docker 打造前端开发环境 Docker

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

用 docker 做开发环境的好处 保持本机清爽 做开发的都知道,电脑一买回来就要安装各种各样的环境,比如前端开发需要安装 node、yarn、git 等,为了使用某些工具或者包,可能还需要安装 python 或者 java 等(比如 jenkins 就依赖了... ...查看全部
0
评论

【手写代码】面试官:请你手写防抖和节流 前端面试

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

一、前言当用户高频触发某一事件时,如窗口的resize、scroll,输入框内容校验等,此时这些事件调用函数的频率如果没有限制,可能会导致响应跟不上触发,出现页面卡顿,假死现象。此时,我们可以采用 防抖(debounce) 和 节... ...查看全部
0
评论

vue工程师必须学会封装的埋点指令思路 vue

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

前言 最近项目中需要做埋点功能,梳理下产品的埋点文档,发现点击埋点的场景比较多。因为使用的是阿里云sls日志服务去埋点,所以通过使用手动侵入代码式的埋点。定好埋点的形式后,技术实现方法也有很多,哪种比较好呢? 稍加思考... 决定封装个埋点指令,这样使用起来... ...查看全部
0
评论

jsonp的原理是什么?它是怎么实现跨域的? IT大前端

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

写在前面一说到javascript的跨域,很多人第一时间想到的就是jsonp(JSON with Padding),那么这种跨域方式的实现原理是什么? 我承认我使用了很长时间,但是还是现在才知道,原来是这样....问题,如果我在 本地 访问 api.com下面... ...查看全部
0
评论

Vite为什么快呢?快在哪?说一下我自己的理解吧 IT大前端

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

前言大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。由于这几个月使用了Vue3 + TS + Vite进行开发,并且是真的被Vite强力吸粉了!!!Vite最大的优点就是:快!!!非常快!!!说实话,使用Vite开发... ...查看全部
0
评论

优秀的react框架的开源ui库 -- Pile.js IT大前端

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

Pile.js是滴滴出行企业级前端组开发的一套基于 react 的移动端组件库,Pile.js组件库在滴滴企业级产品中极大提高了开发效率,也希望我们的产出能给广大前端开发者带来便捷。特性质量可靠 由滴滴企业级业务精简提炼而来,经历了一年多的考验,提供质量保障标... ...查看全部
0
评论

又到年会抽奖的时候,这是你要的抽奖程序 IT大前端

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

原标题:公司年会用了我的抽奖程序,然后我中奖了…… 这是我去年写的代码和文章,眼看又到年底抽奖季了,翻出来洗洗还能再用背景临近年末,又到了各大公司举办年会的时候了。对于年会,大家最关心的应该就是抽奖了吧?虽然中奖概率通常不高,但总归是个机会,期待一下也是好... ...查看全部
0
评论

Hi~ 这将是一个通用的新手引导解决方案 IT大前端

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

本组件已开源,源码可见:github.com/bytedance/g…组件背景不管是老用户还是新用户,在产品发布新版本、有新功能上线、或是现有功能更新的场景下,都需要一定的指导。功能引导组件就是互联网产品中的指示牌,它旨在带领用户参观产品,帮助用户熟悉新的界面... ...查看全部
0
评论

领域驱动设计(DDD)能给前端带来什么 IT大前端

上帝之眼 发表了文章 • 1306 次浏览 • 2021-12-11 20:20 • 来自相关话题

为什么需要 DDD在回答这个问题之前,我们先看下大部分软件都会经历的发展过程:频繁的变更带来软件质量的下降而这又是软件发展的规律导致的:软件是对真实世界的模拟,真实世界往往十分复杂人在认识真实世界的时候总有一个从简单到复杂的过程因此需求的变更是一种必然,并且总... ...查看全部
0
评论

面试官对不起!我终于会了Promise...(一面凉经泪目) 前端面试

马师傅 发表了文章 • 893 次浏览 • 2021-12-10 17:25 • 来自相关话题

面试题CSS 实现水平垂直居中flex的属性CSS transition的实现效果和有哪些属性CSS 实现沿Y轴旋转360度 (直接自爆了 CSS不行....麻了)好,那来点JS 基本数据类型有哪些 用什么判断数组怎么判断引用类型和基本类型的区别什么是栈?什么... ...查看全部
0
评论

HashMap原理浅析及相关知识 前端面试 IT大前端

马师傅 发表了文章 • 924 次浏览 • 2021-12-10 17:14 • 来自相关话题

一、初识Hashmap 作为集合Map的主要实现类;线程不安全的,效率高;存储null的key和value。 二、HashMap在Jdk7中实现原理 1、HashMap map = new HashMap() 实例化之后会在底层创建长度是16的一维数组Ent... ...查看全部
0
评论

如何优雅地在Vue页面中引入img图片 vue

马师傅 发表了文章 • 917 次浏览 • 2021-12-10 17:05 • 来自相关话题

我们在学习html的时候,图片标签<img>引入图片 <img src="../assets/images/avatar.png" width="100%"> 但是这样会有2个弊端:因为采用绝对路径引入,所以如果后面这张图片移动了目录,... ...查看全部
0
评论

原来flex布局还能那么细? IT大前端 微信小程序

马师傅 发表了文章 • 987 次浏览 • 2021-12-10 17:00 • 来自相关话题

简介: flex布局(Flexible布局,弹性布局)是在小程序开发经常使用的布局方式 开启了flex布局的元素叫做flex container flex container里面的直接子元素叫做flex items(也就是开启了flex布局的盒子包裹的... ...查看全部
0
评论

微信小程序iOS中JS的Date() 获取到的日期时间显示NaN的解决办法 微信小程序

马师傅 发表了文章 • 1002 次浏览 • 2021-12-10 16:57 • 来自相关话题

首先,js日期格式化函数(通过将日期转化为时间戳,再转化为指定格式):function formatDateTime(timeStamp) { var date = new Date(); date.setTime(timeStamp); var y = d... ...查看全部
0
评论

字节跳动面试官:请你实现一个大文件上传和断点续传(下) IT大前端 系统设计

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

接 字节跳动面试官:请你实现一个大文件上传和断点续传(上) 断点续传的原理在于前端/服务端需要记住已上传的切片,这样下次上传就可以跳过之前已上传的部分,有两种方案实现记忆的功能第一种是前端的解决方案,第二种是服务端,而前端方案有一个缺陷,如果换了个浏览器就失... ...查看全部
0
评论

字节跳动面试官:请你实现一个大文件上传和断点续传(上) IT大前端 系统设计

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

前言事实上我在面试的时候确实被问到了这个问题,而且是一道在线 coding 的编程题,当时虽然思路正确,可惜最终也并不算完全答对本文将从零搭建前端和服务端,实现一个大文件上传和断点续传的 demo服务端:nodejs文章有误解的地方,欢迎指出,将在第一时间改正... ...查看全部
0
评论

看完这篇文章保你面试稳操胜券——React篇 iOS开发 IT大前端

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

✨欢迎各位小伙伴:\textcolor{blue}{欢迎各位小伙伴:}欢迎各位小伙伴: ✨ 进大厂收藏这一系列就够了,全方位搜集总结,为大家归纳出这篇面试宝典,面试途中祝你一臂之力!,共分为四个系列 ✨包含Vue40道经典面试题\textcolor{g... ...查看全部
0
评论

撸一个 webpack 插件,希望对大家有所帮助 IT大前端

上帝之眼 发表了文章 • 1429 次浏览 • 2021-12-10 08:56 • 来自相关话题

最近,陆陆续续搞 了一个 UniUsingComponentsWebpackPlugin 插件(下面介绍),这是自己第三个开源项目,希望大家一起来维护,一起 star 呀,其它两个:vue-okr-tree基于 Vue 2的组织架构树组件地址:github.... ...查看全部
0
评论

膜拜!用最少的代码却实现了最牛逼的滚动动画! CSS3

马师傅 发表了文章 • 1541 次浏览 • 2021-12-09 18:13 • 来自相关话题

今天老鱼带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画~ 在聊ScrollTrigger插件之前我们先简单了解下GSAP。 GreenSock 动画平台 (GSAP) 可为 JavaScript 可以操作的任何内容(CSS 属性、SVG、Reac... ...查看全部
0
评论

领导:小伙子,咱们这个页面出来太慢了!赶紧给我优化一下。 前端面试

马师傅 发表了文章 • 941 次浏览 • 2021-12-09 18:11 • 来自相关话题

性能优化 这样一个词应该已经是老生常谈了,不仅在面试中面试官会以此和你掰头,而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工),那么前端性能优化,如果判断到底需不需要做,如果需要做又怎么去做或者说怎么去找到优化的切入点? 接下来让我们一起来探索前端... ...查看全部
0
评论

知道这个,再也不用写一堆el-table-column了 性能优化

马师傅 发表了文章 • 1211 次浏览 • 2021-12-09 17:20 • 来自相关话题

前言 最近在写一个练手项目,接触到了一个问题,就是el-table中的项太多了,我写了一堆el-table-column,导致代码太长了,看起来特别费劲,后来发现了一个让人眼前一亮的方法,瞬间挽救了我的眼睛。 下面就来分享一下! 进入正题 上面就是table... ...查看全部
0
评论

浏览器为什么能唤起App的页面 前端面试

马师傅 发表了文章 • 1357 次浏览 • 2021-12-09 16:43 • 来自相关话题

疑问的开端 大家有没有想过一个问题:在浏览器里打开某个网页,网页上有一个按钮点击可以唤起App。 这样的效果是怎么实现的呢?浏览器是一个app;为什么一个app可以调起其他app的页面? 说到跨app的页面调用,大家是不是能够想到一个机制:Activity的... ...查看全部
0
评论

浅探Google V8引擎 IT大前端

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

探析它之前,我们先抛出以下几个疑问:为什么需要 V8 引擎呢?V8 引擎到底是个啥?它可以做些什么呢?了解它能有什么收获呢?接下来就针对以上几个问题进行详细描述。由来我们都知道,JS 是一种解释型语言,支持动态类型(明显不同于 Java 等这类静态语言就是在命... ...查看全部
0
评论

手写清除console的loader IT大前端

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

前言删除console方式介绍通过编辑器查找所有console,或者eslint编译时的报错提示定位语句,然后清除,就是有点费手,不够优雅 因此下面需要介绍几种优雅的清除方式该插件可用于压缩我们的js代码,同时可以通过配置去掉console语句,安装后配置在... ...查看全部
0
评论

给团队做个分享,用30张图带你快速了解TypeScript typescript

马师傅 发表了文章 • 1133 次浏览 • 2021-12-07 23:25 • 来自相关话题

正文30张脑图常见的基本类型我们知道TS是JS的超集,那我们先从几种JS中常见的数据类型说起,当然这些类型在TS中都有相应的,如下:特殊类型除了一些在JS中常见的类型,也还有一些TS所特有的类型类型断言和类型守卫如何在运行时需要保证和检测来自其他地方的数据也符... ...查看全部
0
评论

js实现放大镜 IT大前端

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

借助宽高等比例放大的两张图片,结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成;左侧遮罩移动Xpx,右侧大图移动X*倍数px;其余部分就是用小学数学算一下就OK了。JS // 获取小图和遮罩、大图、大盒子    var small ... ...查看全部
0
评论

从谷歌一行代码学到的姿势 IT大前端

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

网上很流行的一行代码,据说是谷歌工程师写的,它的作用是给页面所有元素增加一个随机颜色的外边框。[].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()... ...查看全部
0
评论

现在实现倒计时都这么卷了吗? Javascript

马师傅 发表了文章 • 1051 次浏览 • 2021-12-07 17:28 • 来自相关话题

但是在校准时间的过程中,为了快速追赶落后的时间,时间跳动太快了,导致体验不太好,体感上感觉这时间不准呀,因此我再在那基础上再优化了一版 为求实现一版超准确!超平稳!性能极好!体验极佳的倒计时 旧版的功能实现代码 const totalDuration = 10... ...查看全部
0
评论

中高级前端不一定了解的setTimeout | 网易实践小总结 Javascript

马师傅 发表了文章 • 1066 次浏览 • 2021-12-07 17:25 • 来自相关话题

setTimeout的创建和执行 我们知道setTimeout是一个延时器,它会在规定的时间后延迟执行回调函数,这篇文章就来说说setTimeout它是怎么执行的。 首先我们知道消息队列是用来存储宏任务的,并且主线程会按照顺序取出队列里的任务依次执行,所以为了... ...查看全部
0
评论

你可以永远相信debugger,但是不能永远相信console.log IT大前端

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

总结放前面:console.log在打印引用数据类型的时候表现和我们的预期不相符合是因为console.log打印的是引用数据类型的一个快照,因为浏览器或者我们异步代码的原因在快照之后修改了对应的内存空间的值,所以等我们展开打印浏览器通过指针重新访问内存空间的... ...查看全部
0
评论

12 个救命的 CSS 技巧 IT大前端

上帝之眼 发表了文章 • 877 次浏览 • 2021-12-06 22:42 • 来自相关话题

✨12 个救命的 CSS 技巧✨ 1. 使用 Shape-outside 在浮动图像周围弯曲文本它是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域。css代码:.any-shape {  width: 300px... ...查看全部
0
评论

vscode调试入门——不要只会console了!什么是launch.json? IT大前端

马师傅 发表了文章 • 3237 次浏览 • 2021-12-06 11:40 • 来自相关话题

前言 记得我还是一个小菜鸡的时候,就有人问过我,都用什么调试,我红着脸说到,我只会用console调试。羞愧的我想再继续掌握一下vscode调试的方法,可惜当时没有找到很好的教程,加上相关基础较差,只能是一知半解。如今进化为大菜鸡的我,总结一下基础的vscod... ...查看全部
0
评论

前端架构师的 git 功力,你有几成火候? Git

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

分支管理策略 git 分支强大的同时也非常灵活,如果没有一个好的分支管理策略,团队人员随意合并推送,就会造成分支混乱,各种覆盖,冲突,丢失等问题。 目前最流行的分支管理策略,也称工作流(Workflow),主要包含三种: Git Flow GitHub Fl... ...查看全部
0
评论

先睹为快即将到来的HTML6 IT大前端

马师傅 发表了文章 • 1137 次浏览 • 2021-12-06 11:04 • 来自相关话题

HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScript 和 CSS 一起,HTML 构成前端开发的三剑客。 尽管许多新技术使网站创建过程变得更简单、更高效,但 HTML 始终是核心... ...查看全部
0
评论

先睹为快即将到来的HTML6 IT大前端

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

HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScript 和 CSS 一起,HTML 构成前端开发的三剑客。 尽管许多新技术使网站创建过程变得更简单、更高效,但 HTML 始终是核... ...查看全部
0
评论

是时候封装一个DOM库了 IT大前端

上帝之眼 发表了文章 • 1185 次浏览 • 2021-12-05 23:51 • 来自相关话题

增首先,如果用原始的DOM API,我们想要创建一个div,div里面含有一个文本'hi',需要分为两步而这里,只需要一步就能完成dom.create('hi') 它可以直接创建多标签的嵌套,如create('你好') 为什么能这样写? 因为我们用inn... ...查看全部
0
评论

这一次,彻底搞懂 async...await IT大前端

上帝之眼 发表了文章 • 1118 次浏览 • 2021-12-05 23:45 • 来自相关话题

执行 async 函数,返回的都是 Promise 对象Promise.then() 对应 awaitPromise.catch() 对应 try...catch先看下面两个函数:async function test1() {  return 1;... ...查看全部
0
评论

会话过期后token刷新,重新请求接口(订阅发布模式) IT大前端

上帝之眼 发表了文章 • 1170 次浏览 • 2021-12-04 23:52 • 来自相关话题

需求响应拦截拦截到302后,我们进入到刷新token逻辑我们后台的数据格式是根据statusCode来判断过期(你们可以根据自己的实际情况判断),接着进入refrshToken方法~看到这,有的小伙伴就有点奇怪retryOldRequest这个又是什么?没错,... ...查看全部
0
评论

通过 Performance 证明,网页的渲染是一个宏任务 IT大前端

上帝之眼 发表了文章 • 1050 次浏览 • 2021-12-04 23:40 • 来自相关话题

别着急反驳,后面我会给出证据。调试是通过工具获取运行过程中的某一时刻或某一段时间的各方面的数据,帮助开发者理清逻辑、分析性能、排查问题等。 JS 的各种运行环境都会提供调试器,除此以外我们也会自己做一些埋点上报来做调试和统计。但是性能分析的调试工具却不能这样做... ...查看全部
0
评论

技术选型,Vue和React的对比 IT大前端

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

1. MVVM和MVCVue是MVVM,React是MVC。MVVM(Model-View-ViewModel)是在MVC(Model View Controller)的基础上,VM抽离Controller中展示的业务逻辑,而不是替代Controller,其它... ...查看全部
0
评论

微前端-从了解到动手搭建 IT大前端

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

前言微前端是 2016 年thoughtWorks提出的概念,它将微服务的理念应用于浏览器端,即将前端应用由单体应用转变成多个小型前端应用聚合的应用。各个小型前端应用可以独立运行、独立开发、独立部署。与微服务出现的原因相似,随着前端业务越来越复杂,前端的代码和... ...查看全部
0
评论

实现一个逐步递增的数字动画 Javascript CSS3

马师傅 发表了文章 • 1113 次浏览 • 2021-12-03 17:56 • 来自相关话题

背景 可视化大屏项目使用最多的组件就是数字组件,展示数据的一个变化,为了提高视觉效果,需要给数字增加一个滚动效果,实现一个数字到另一个数字逐步递增的滚动动画。 先上一个思维导图: 一、实现类似滚轮的效果,容器固定,数字向上滚动 先列举所有的可能的值形成一个... ...查看全部
0
评论

前端金额格式化处理 Javascript

马师傅 发表了文章 • 1601 次浏览 • 2021-12-03 17:36 • 来自相关话题

前端项目中,金额格式化展示是很常见的需求,在此整理了一些通用的处理方式,如 toLocaleString();正则匹配;slice()循环截取等等;也解决了小数点精度问题 以此为例:12341234.246 => ¥ 12,341,234.25 方式一... ...查看全部
0
评论

清空数组的几个方式 前端面试 Javascript

马师傅 发表了文章 • 884 次浏览 • 2021-12-03 17:33 • 来自相关话题

1. 前言 前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写: let array = [1,2,3]; array = []; 不过这么用在reactive代理的方式中还是有点问题,比如... ...查看全部