笔者去年写过一篇 NiceModal：重新思考 React 中的弹窗使用方式，6 月中旬换了工作，技术栈也由 React + TypeScript 切成了 Vue@2.7 + JavaScript :），但是没有发现 @ebay/nice-modal-react 在 vue 生态中的替代方案，故而有了这篇文章。

使用 React.FC 声明组件，通过泛型参数传入组件 Props 类型注意： react@16 类型定义中 React.FC 自带 children 类型，无需额外处理（即可省略第 1 步）

我们用TypeScript开发项目的时候，编写的源文件都是以".ts"结尾的文件，而".ts"文件是无法直接被浏览器或node环境下直接运行的，所以必须进行编译，将".ts"的文件编译成".js"文件后才能直接运行。要想编译TypeScript文件，那么必须使用tsc编译工具，需要注意的是，我...

在开始进入正题之前，先看看一些与弹窗有关的有趣场景 🤔。一些有趣的真实场景案例一：全局弹窗上图是掘金的登录弹窗，未登录状态下触发该弹窗展示的时机有很多，比如：点击 Header 上的登录按钮文章列表页或详情页点赞以及评论文章发沸点、评论沸点以及点赞沸点...开...

这两年收获了很多，在构建大型项目上面积累了一些经验，虽然已经融入在了日常开发协作中，但依旧觉得有必要记录下来，希望对其他同学形成一些参考。（可选）MonorepoOne Team, One Repository, One GuideMonorepo 是一个包含多个不同项目的单一仓库，这不是必须的，...

2021 年 12 月 9 号，Vercel 的官方博客上发布了一篇名为 Vercel acquires Turborepo to accelerate build speed and improve developer experience 的博文，正如其标题所说，Vercel 收购了 Turborepo，以加速构建速度以及提高开发体验。

大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高优先级更新会打断进行中的低优先级更新本文会用100行代...

本文是我在学习多个平台 UI 框架后的一些感触，受精力和技术水平所限，文中定有不足之处，请各位大佬多多指教如果你觉得我的文章对你有帮助，在收藏的过程中，一定要记得点赞和点在看哦，谢谢你，这对我真的很重要🌟！一、前端三板斧正式讨论「跨端开发」这个概念前，...

五月份分享了 应用级 Monorepo 优化方案 ，主要阐述了之前 monorepo （Yarn + Lerna）存在的问题以及解决方案，但在该分享里，并没有涉及到 pacakge 发布相关的内容（在那段时期主要是以应用 app 开发为主），偶有 pacakge 开发也是依赖关系较为简单的场景（单包开发...

Monorepo 中的一个项目称为 project，对 project 进行的具体操作称为任务 task，比如 build 或 test，可以狭义地理解为 npm scripts 中注册的操作，Monorepo 管理工具应当有能力调度这些任务。

笔者目前所在团队是使用 Monorepo 的方式管理所有的业务项目，而随着项目的增多，稳定性以及开发体验受到挑战，诸多问题开始暴露，可以明显感受到现有的 Monorepo 架构已经不足以支撑日渐庞大的业务项目。

使用 yarn 作为包管理器的同学可能会发现：app 在构建时会重复打包某个 package 的不同版本，即使该 package 的这些版本是可以兼容的。

vue-cli生成的webpack配置中有大量path.resolve，path.join，有些模糊。网上查了好久，终于发现一篇讲的比较全面的文章

<img />可以说是开发过程中极其常用的标签了。然而很多同学都是<img src="xxx.png" />一把梭，直到 UI 小姐姐来找你谈谈人生理想：

最近有朋友在使劲研究如何不使用 HTTPS 的情况下保护用户密码安全。暂且不说研究过程，但结论是要保障安全必须后端参与，使用非对称加密算法 —— 如此一来，不如直接用 HTTPS 更简单便捷有保障。使用免费 SSL 证书，一年一换，运维稍微麻烦一点，访问稍微慢一点（证书...

当页面出现浮层的时候，滑动浮层的内容，正常情况下预期应该是浮层下边的内容不会滚动；然而事实并非如此。如图所示，浮层下边的内容并没有如想象中不受影响。

上篇文章中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。 这次以移动端常见的一个组件 Popup 为例，以最方便快捷的形式发布一个流程完整的 npm 包。 🚀 在线预览 ✨ 仓库地址 如果对你有所帮助，欢迎点赞 Star 以及...

由于维护多个平台较为困难，请前往 github blog 阅读。地址：[链接]由于维护多个平台较为困难，请前往 github blog 阅读。地址：[链接]由于维护多个平台较为困难，请前往 github blog 阅读。地址：[链接]一些同学碰到的问题在最新文章里解决了（主要集中在 docz 和 ...

我们依然写两个文件，m.js文件用es模块的方式export一个default函数和一个foo函数，index.js import该模块，具体代码如下：

用 typescript 类型保护，写一个类型断言函数，isCascadeType， isCascadeType 返回类型 type is Date[] 表示如果 isCascadeType 函数返回 true ，那么 ts 编译器就可以确定 type 是 Date[] 类型。