前言 造轮子这个事是老生常谈的话题。现在市面上已经有了很多优秀的UI组件库，虽然大家对于重复造轮子这件事情都是嗤之以鼻，都是拒绝重复造轮子。但是对我一个前端程序员本身来讲，会使用和会造是两个概念，你可

本篇主要介绍如何让你的组件库在Typescript项目中支持使用，并且还会详细介绍声明文件的作用、使用方法以及如何编写声明文件. 希望阅读完本篇的内容可以帮助你掌握编写声明文件的技能. 找不到 owl-ui 模块的声明文件，请尝试执行 npm install @types/ow…

在前面的部分，我们使用 React 等相关技术构建了库并对其进行了测试。现在，我们准备对前面的代码进行打包，并将其发布至 NPM，方便其他人使用。 组件库开发到了这里，终于也到了最重要的部分，解决（文档 + 打包）的问题。 在尝试了一些打包库（比如create-react-li…

最近工作中需要制作一个图片预览的插件，在参考了很多产品（掘金、知乎、简书、石墨等）的图片预览之后，最终还是觉得石墨的比较符合我们的产品需求。 本来以为能在社区中找到相关插件，但想法美好，现实却很骨感，于是便决定自己手撸一个，顺便也学习一下组件的开发流程。 项目最终的实现效果如下…

鼓捣一下文字，讲一讲工作中遇到的趣事，今日来聊一聊步骤管理器。话说一日，产品经理带着和蔼的眼神缓步踱来，对着前端的页面这样分析道，前端同学啊，你看，我们的页面操作对用户来讲是零散的，用起来有好多不便，缺乏一个有效的引导，应该怎么去解决呢？哈哈，心想这问题不大。就说，我看不如这样…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

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