前端录制回放系统，顾名思义就是录制用户在网页中的各种操作，并且支持能随时回放操作，可用于异常监控和错误上报...

在之前《微前端探索》文章中，我们分析了微前端框架 single-spa 和 qiankun 的一些源码、原理等，本文再对社区另外一个微前端框架 icestark 做一个简单整理分析，帮助各位想探索微前端的同学有个感性的认识。 icestark 源码的主要目录结构如下所示，主要包…

随着 Facebook 和 Twitter 最近的产品部署，我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。 在这篇文章中，我们将看到什么是Atomic CSS（原子 CSS），它如何与 Tailwind CSS 这种实用工具优先的样式库联系起来，目前很多大公…

听说腾讯的新产品『云开发低码』即将公测，怀着无比激动的心情，鱼皮立刻去官网申请并成功拿到了公测资格，然后使用它开发了一个小程序，并且通过2020TechoPark开发者大会加深了对这项技术的了解。而就

可视化搭建平台除了需要为用户提供简单便捷的操作方式之外, 还需要提供丰富的组件支持和组件扩展, 这样才能满足更多用户的业务需求. 在 H5-dooring 创建的初期主要考虑的方向是用户使用的便捷性, 即最大程度的降低用户操作成本, 所以采用了智能布局, 也就是react-gr…

一个通用的脚手架工具。 有时候我们并不需要创建完整的项目结构，只需要在原有项目的基础上创建一些特定的文件，例如在项目中添加yeoman，比如在项目中添加eslint，babel配置文件。 我们就可以用名称当做全局的命令行模块使用了。 基于Yeoman搭建自己的脚手架。 就可以看…

这样我们就完成了一个简单的自制脚手架。

之前工作一直用到FIS，FIS2和FIS3都有用过，现在只是把学习笔记放上来，因为手中实践的东西较多，之后有时间会进行下一步的整理。 FIS是百度的前端团队出款的一种构建系统，FIS现在也基本没有团队维护了，但是我们还需要了解一下他。相比于grunt和gulp，FIS的核心特点…

本文将深入探讨 H5 与 App 交互的几种常见模式。 首先声明，本文涉及的 H5 与 App 交互协议和模式没有什么特别独到之处，相反，它们恰恰是在业界既有经验基础上结合项目实际归纳提炼出来的。因此，文中涉及的技术和代码可以看作是行业经验落地的产物，不涉秘，也不是权威做法，仅…