养鱼达人

qiankun+docker+nginx+gitlab-ci/cd，构建一个自动化部署的微前端项目，内有干货，看完可以避免各种踩坑！...

在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问题；我们用微前端技术对一站式工作台做了业务上的拆分，本文主要阐述在拆分过程中遇到的问题和挑战。...

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~...

重头戏来了。 宿主环境各不相同，需要将源码进行相关处理后发布至 npm。 本节所有代码可在仓库chapter-3分支中获取。 既然是使用typescript编写的组件库，那...

小程序的模块化采用了Commonjs规范。也就是说，我需要提供一个monitor.js文件，并且该文件需要支持Commonjs，从而可以在小程序的入口文件app.js中导入...

【翻译于LogRocket网站上John Reilly所写的webpack or esbuild: Why not both?】 使用像esbuild的工具可以更快地进行构...

react18新特性 一、 Render API 三种入口模式 legacy 模式： ReactDOM.render(, rootNode)。没有开启新功能，这是react...

点击进入React源码调试仓库。 在React的concurrent模式下，低优先级任务执行过程中，一旦有更高优先级的任务进来，那么这个低优先级的任务会被取消，优先执行高优...

File 对象 File 对象代表一个文件，用来读写文件信息。它继承了 Blob 对象，或者说是一种特殊的 Blob 对象......

前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。...

一、什么是 Babel？ 我们先来看一下官网给出的解释： 简单来说就是将 JavaScript 中 es5+ 的新语法转化成能够向后兼容的语法，让代码能够在低版本的浏览器或...

一、数据类型 1、ArrayBuffer ArrayBuffer 的基本使用 ArrayBuffer 对象表示存储二进制数据的一段内存，他不能直接读写，只能通过视图(Typ...

最近遇到一个bug需要前端紧急短暂兼容一下，先描述一下情景； 有一款语音通话产品，所以就有通话记录，每一条通话记录都有录音，通话录音后端返回的都是播放链接，也就是文档流，所...

本文节选自 Awesome CheatSheet/DOM CheatSheet，主要是对 DOM 操作中常见的 Blob、File API 相关概念进行简要描述。 Blob...

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，...

好久没有写文章了，趁着这次换工作的间隙，来分享一下最近面试阿里的一些心得和思考。首先，本文只是类似日记的叙述方式，并不是一篇阿里的面经，不要误会，有可能对你没有任何帮助，也...

它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 ...

前言:之前需要做一个关于拖拽实现自定义模板的功能一开始也是一脸懵逼的,后面通过查询一些资料和广大群友的帮助完成了该功能!该文章仅介绍功能所需内容不做过多的功能介绍,第一次记...

关于前端鉴权这块，Token、Cookie、Session、JWT、单点登录、扫码登录、一键登录是什么意思？分别有什么作用？你一般是怎么做的？以及你是怎么存储的呢？那你又是...

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当...