注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

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

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

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

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

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

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

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

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

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

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

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

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

浅探Google V8引擎 IT大前端

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

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

手写清除console的loader IT大前端

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

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

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

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

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

js实现放大镜 IT大前端

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

会话过期后token刷新，重新请求接口（订阅发布模式） IT大前端

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前端金额格式化处理 Javascript

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

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

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

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

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

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

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

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

为什么我不用 Typescript typescript

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

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

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

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

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

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

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

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

手写迷你版Vue IT大前端

上帝之眼 发表了文章 • 910 次浏览 • 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
评论

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

马师傅 发表了文章 • 1394 次浏览 • 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 家公司正在构建我们的虚拟现实未来 元宇宙

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前端面试js高频手写大全（下） IT大前端

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

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

如何写 CSS 重置（RESET）样式？ CSS3 性能优化

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

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

前端面试js高频手写大全（上） IT大前端

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

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

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

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