2021年06月_bigo前端_CSDN博客

bigo前端

码龄14年

84,088

总访问量
61

原创
117

粉丝
7

关注

IP 属地：广东省

加入CSDN时间： 2010-12-28

个人简介：bigo前端

查看详细资料

个人成就

获得78次点赞
内容获得19次评论
获得211次收藏
代码片获得248次分享
博客总排名1,769,599名
原力等级

原力等级

3

原力分

447

本月获得

0

TA的专栏

bigo前端
63篇
bigo

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

兴趣领域设置

前端

vue.jsreact.js前端框架
后端

node.js
运维

devops自动化
学习和成长

面试

创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

62人参与去参加

更多

【bigo】如何实现h5实时语音

HLS协议由苹果公司提出并推广，下面是来自维基百科的定义。HTTP Live Streaming，缩写为HLS，是由苹果公司提出基于HTTP的流媒体网络传输协议。是苹果公司QuickTime X和iPhone软件系统的一部分。它的工作原理是把整个流分成一个个小的基于HTTP的文件来下载，每次只下载一些。当媒体流正在播放时，客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源，允许流媒体会话适应不同的数据速率。

发布博客 2024.07.17 ·

BIGO前端CICD平台

IGO前端CICD平台，是一个服务于前端团队的全研发周期管理平台，已经是我们团队日常都要使用的工具了。该平台实现了一键创建项目、发布编排、新建迭代、checklist、快速发布、快速回滚等能力。统一了前端研发规范、脚手架治理、升级流程管控，打通内部多个研发系统，简化了升级步骤。

发布博客 2024.05.28 ·

一种vue函数式组件的实现思路

一般情况下我们在使用框架时（react、vue、angular）都是创建一个实例，然后所有的页面都写在#app一个容器内。这样可能会导致一些本改高复用，高解耦的弹窗类组件，在使用上变得麻烦/复杂。本文尝试通过重新实例化Vue组件的方式，让脱离主视觉的弹窗类组件，大幅地降低组件和调用方的逻辑耦合。通过函数式的调用组件，极大的提高组件的可阅读性。同时满足开闭原则，对组件的二次开发也更容易发现问题：使用弹窗类组件，需要声明多个与调用方无关的变量、方法。并且多页面使用需要多次声明。

发布博客 2024.03.04 ·

【bigo前端】egret中的对象池浅谈

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。egret是一款小游戏开发引擎，支持跨平台开发，之前使用这款引擎开发了一款捕鱼游戏，在这里简单聊下再egret中关于对象池的使用，虽然该引擎已经停止维护了，但是对象池的概念适合通用的游戏场景，不限框架。

发布博客 2023.11.17 ·

当后端给我返回了302状态码

主要的作用就是当后端响应的内容是html的时候，跳转到登录页面。这种方案让我感觉有点别扭，于是具体了解了这段代码出现的原因。功能的核心在于用户鉴权，后端设想的方案是：当前端发起接口请求，后端识别到用户未登录的时候，就会给前端响应302的状态码，以为很方面，前端不用处理就直接跳转到了登录页面。然而，他们不知道的是，前端发起的ajax请求，并不能直接跳转，甚至连302状态码都捕获不到。

发布博客 2022.09.19 ·

19204 阅读 ·

重识babel 7

从上面babel实践和的一些实践总结来看的话，可以将library和webapp最佳实践做如下的总结：对于类库开发来说，比如我们要给公司或者github上开发一个开源类库。可能我们大部分"要照顾性能的场景下"最好就把polyfill设置为false，只把helper设置为true。然后编码时只用es5语法写类库，或者使用es6但要通过文档告诉调用者。如果主web项目的依赖库是以ES5的形式释出的，同时依赖库若使用了ES6+特性。此时，要看该依赖库的作者是否"在文档中声明了其依赖的polyfill"。...

发布博客 2022.08.10 ·

从痛点出发封装项目开发模板

痛点，是指尚未被满足的，而又被广泛渴望的需求，英文名叫painpoint。在做技术规划或者是OKR的时候，往往会问自己一个问题当前阶段的主要痛点是什么？然后针对痛点，寻求解决方案，最后就能得出较为实际的阶段性目标。显然，从痛点出发，可以让付出得到的收益更高。我们都知道，通过ReactHooks，可以将组件的逻辑提取到可重用的函数中作为自定义Hooks。业界也有很多优秀的hook库，比如react-use、ahooks等。在我们目前的开发模板中，引入了ahooksuseRequest传送门。.........

发布博客 2022.07.18 ·

【node实战系列】使用reqId跟踪全链路日志

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。背景bigo前端开始推广bff，hello农场作为首个bff落地项目，历经2个月，完成了从0-1的落地实践。【node实战系列】按照小模块拆分，从开发者的角度讲叙，如何进行bff高可用编码。本系列文章，基于eggjs框架编码，使用ts语法，为了提升阅读体验，建议大家先了解一下eggjs。系列文章【node实战系列】编写一个重试装饰器【node实战系列】自行实现应用缓存【node实战系.

发布博客 2022.05.30 ·

githooks与分支管理的结合实践

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。引言项目开发时，有开发分支，测试分支，主干分支等。一般不能把测试分支合并到其他分支里，然而可能一不小心（手抖）合并了，甚至在不知情的情况下还加了新的东西，后面上线时才发现（或者没发现，直接把测试分支的代码带到了线上），后果可大可小，回滚时也麻烦。那能不能在合并阶段直接禁止合并非法分支呢？答案是可以的。只要解决了下面问题即可。是否在合并中？当前分支名叫啥？要合并进来的分支名又叫啥？当前.

发布博客 2022.05.05 ·

【译】如何学习机器学习

本文由前端翻译小组翻译，首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。原文链接：How to Learn Machine Learning – Tips and Resources to Learn ML the Practical Way如何学习机器学习 - 实践中学习 ML 的建议和资源如今很多人想要学习机器学习。但是大多数ML老师提供的自下而上的课程令人生畏，足以让很多新手产生挫败感。在这个教程里面我把课程倒过来了，我会概述我认为牢牢掌.

发布博客 2022.04.19 ·

手写express核心核心原理

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。一、首先安装expressnpm install express安装express是为了示范。二、创建example.js文件// example.jsconst express = require('express')const app = express()const port = 3000app.get('/', (req, res) => { res.send(.

发布博客 2022.03.29 ·

JSON Schema入门和应用

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。JSON Schema入门和应用何为JSON Schema？JSON数据格式对于web开发者都为所熟悉，在平时的开发中离不开它，例如前后端数据传输格式，webpack配置文件，对象序列化等实际应用场景，通常都以JSON格式定义和储存。它以简洁易懂的结构、体积小的优点得以在各类编程语言中广泛流行。那么什么是JSON Schema?JSON Schema其实是对json数据格式的描述和规范，是对.

发布博客 2022.03.04 ·

微前端的实践分享

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。微前端的实践分享需求场景Brpc服务管理平台想集成开源项目Jaeger(分布式链路追踪系统)的功能，搭建自己的调用链平台，方便使用Brpc框架用户查询自己的服务调用链，以及在此基础上，二次开发，接入公司分布式日志系统的功能，用户可以在本平台便捷地查看业务trace及业务日志，掌握相关信息，快速定位问题。为什么用微前端为什么不自行开发需求与开源项目现成的功能基本一致，简单估了下开发时间，全部.

发布博客 2022.01.24 ·

【译】React前端面试的进阶话题

本文由前端翻译小组翻译，首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。原文链接：Advanced frontend Interview topics with React首先，请让我明确一点，这篇文章没有教你任何东西。这只对主题和想法进行了组织，并对每个主题和想法进行了简单总结。目录：Axios懒加载（Lazyload）错误边界（Error Boundaries）WebworkerIndexDBToken、cookies 和 .

发布博客 2021.12.17 ·

Vue组件入门：倒计时

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。一、前言入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。由于是一起开发，当然不会放过阅读大佬的代码的机会。因为我的页面中需要使用到倒计时功能，发现大佬的已经写了个现成的倒计时组件，于是直接就拿过来用了。传个参数就实现了功能的感觉真是太棒了。项目完成后，就膜拜了一下大佬的倒计时组件的代码。真是让我学到了不少。列举如下：计时器为什么要用setTimeout而不用setInterva.

发布博客 2021.12.06 ·

一张图片引发的探索

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。问题起因公司的设计小姐姐突然找我说我做的一个图片合成工具透明的区域变成黑色了。第一步想法是背景初始化存在问题，导致透明区域黑化。但试了下通过浏览器选中canvas元素下载图片透明区域是生成正常的，那就是在绘制完成后到下载这一步中间发生了问题。检索了一下整个步骤，再绘制完成到下载过程中有将canv.

发布博客 2021.11.29 ·

popup位置自适应组件的实现思路与实践

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。需求分析：组件可设置弹出位置（placement），支持top、bottom气泡弹窗弹出位置计算，边界计算，支持设置边界范围支持点击弹窗元素之外的区域，弹窗关闭支持弹窗内容自定义效果预览：实现方案实现自定义组件，我们一般都会想到Vue.extend，vue.extend相当于一个扩展实例构造器，用于创建一个具有初始化选项的Vue子类，在实例化时可以进行扩展选项，最后使用$mou.

发布博客 2021.11.24 ·

如何使用泛型写一个自动提示api方法及参数的功能

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。如何使用泛型写一个自动提示api方法及参数的功能最近在使用ts开发vue应用，在开发过程中遇到泛型这个概念。基于对于泛型的理解和认识，突发奇想，如果能够利用泛型的特点，实现一个api自动提示的功能多好，这样不但对同一个项目中的其他开发者起到提示作用，省去查看文档的功夫；还可以把这一套方法放到我们公司的typescript项目模板中，方便其他同事开发使用，提高公司的研发效率。说干就干，下面就讲讲咋.

发布博客 2021.11.15 ·

React 单元测试实践

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。React单元测试实践单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。单元测试是由程序员自己来完成，最终受益的也是程序员自己。执行单元测试，就是为了尽量证明这段代码的行为和期望的一致。其实我们每天都在做单元测试，包括那些认为自己从来没有写过单元测试的同事。你写了一个函数，log一下或者在界面上点一下，这，也是单元测试，把这种单元测试称为临时单元测试。临时单元测试.

发布博客 2021.11.09 ·

基于Amis对Low Code前端的一些思考

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。前言Bigo计算平台前端组其中的两个产品，前端的框架都使用了 Amis，一个百度开源的低代码前端框架，公司之前也有几篇文章介绍了 Amis，其适用场景、使用方式以及项目中的落地和最佳实践等等。这里，我主要想借 Amis 来表达一些我对 Low Code 前端的想法。从概念出发LCDP，引用 Wiki 的解释：A low-code development platform (LCDP) pr.

发布博客 2021.11.01 ·