晨出

本文分享如何自研前端监控系统之（二）行为监控；来谈谈用户行为监控的内容；来看看我们应该如何分析PV、UV、用户的行为追踪、用户的特征信息等；...

通过微前端实现的前端中台，是如何分开同时部署上线多个子应用的？动态路由生成主应用菜单，子应用则借助k8s实现转发。...

上一篇原理篇，我们已经详细地阐述了 Hybrid App 的基础原理，了解了 Native端 和 H5端 是如何通信的，还有 bridge 的设计和接入。而本篇文章将开始把...

现在许多app都嵌入了H5页面，H5具有开发周期短、灵活性好的特点。但是WebView的性能问题却一直影响着用户体验。特别突出的就是加载速度慢和消耗流量。 通常将html/...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

Turborepo 可以帮助我们更好的管理Monorepo项目, 凭借自身优秀的任务调度管理和增量构建缓存等等， 都可以帮助我们在未来解决monorepo目前存在的一些问题...

在任何语言开发的过程中，对于内存的管理都非常重要，JavaScript 也不例外。但是如果我们对内存泄漏没有什么概念，就有可能因为内存泄漏，导致许多问题。了解内存泄漏，如何...

引入 相信作为前端的你，一定好奇过下面这种动画效果是怎么实现的： 这些动画其实有一个专门的描述词，叫做 共享元素转场 (Shared Element Transition)...

React Router 6.4 引入了“Data Router”这一概念，专注于将数据获取与渲染分离，以消除渲染+获取导致请求瀑布流问题以及随之而来的旋转加载图标，极大地...

React Context 常用 API React.createContext 创建一个 Context 对象。当 React 渲染一个订阅了这个 Context 对象的...

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们...

什么是组件 re-render React 中组件的渲染主要有两种原因： 组件的初始渲染 组件（或者该组件的某一个祖先组件）的状态（state）发生了更新 其中第二种原因导...

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。...

如何在macOS上安装NVM NVM（Node Version Manager）是一个用于在基于Linux系统上安装和管理Node.js的shell脚本。macOS用户可以...

由于公司各条业务线的前端开发是相对隔离的，不同前端组之间资源不互通，这就导致了许多功能重复开发，在这样的背景下，我们就考虑如何去减少不必要的重复开发，提高开发效率......

Situation 前几天遇到一个线上问题反馈，用户的某一个文件访问对应的页面时，加载不出来，其他文件都没有问题，拿到这个文件后一看，大概知道了原因，文件名称包含了 % ，...

总结了日常开发中使用Promise过程中的6个困扰。为了搞定这些问题，结合了demo和Promise的源码，下面把我的解决过程和结论分享出来，希望能够给你一些启发。...