kukiiu

使用姿势 使用es module 通过<script type="module">使用es module方式导入vue，即可用import/export语法和拆分组件 使用...

滑动展开/收起 网页logo图片显示 loading...三点动画效果 两段文字中间管道符| 元素居中 绘制三角形 弹框居中 文字超出省略...

接口定义 定义只读数组 可变元组定义 自定义守卫 用于缩小类型范围，函数返回boolean且函数签名为is 构造函数类型 模板语法 获取类型的所有key as用于类型过滤 ...

在websocket实现中，客户端和服务端在建立连接时使用了协商升级协议，由http协议转为websocket协议，其中用到了HTTP/1.1中的新属性Upgrade。 下...

前两章已经将开发和测试环境搭建好了，并且也封装了基本的操作流程，总体来说在后续开发流程中已经足够方便，同时我们也感受到了混用ESM和CJS带来的麻烦，所以我们提前来将发布环...

本项目是用于简化解析markdown过程，并提供各种自定义插件增强解析特征，对外发布时将会使封装成链式操作给使用者。 由于unified使用的是纯ESM，dumi在引入un...

一个完整的项目当然少不了测试，本章我们将搭建项目的测试环境。 安装jest 我们使用jest作为测试框架，jest上手非常简单。本章节文章组织比较特殊，我们将跟随文档一步步...

大家好，本章是【仿umi项目】的第二部分unified插件开发。学习本节后，我们可以对`unified`的整体流程及其插件开发有更深入的了解。...

unified是什么 unified是用于文档处理的生态系统，核心包提供了文档处理的流程控制，具体功能由生态系统中各个插件提供。例如我们如果需要处理markdown，就需要...

前面我们已经成功将.md文件通过import加载到react组件中，并能拿到文件内容进行展示。但是点击markdown的导航链接还是会报错： 这个报错和前面的报错有点相似，...

前面章节中我们已经顺利将tsx组件转换为页面展示，但是目前提供的功能和umi的约定式路由功能差不多，接下来我们将实现将markdown文件转换为页面展示。 为什么不能直接展...

前面我们已经完成了页面布局和页面路由，现在我们的导航栏还是自己写死在代码中，现在我们来改造成自动根据页面路由来生成导航栏。 获取路由信息 我们在前面创建的路由对象，会被um...

上一章我们已经完成/docs目录下文件自动生路由功能，本章我们将在此基础上，实现自动生成页面导航的功能。 实现思路 使用默认模板提供的layout展示路由切换 使用自定义主...

umi默认约定在/src/pages添加的(j|t)sx?文件会自动加载为路由。同样我们希望实现在某个目录下添加的markdown文件自动加载成为路由直接访问，本章我们首先...

前言 大家好，本次项目将通过仿照dumi来学习umi插件开发，dumi是基于umi实现的组件开发及组件文档生成框架。大家熟悉的ant-design就是基于dumi来生成文档...

umi插件开发 插件是umi的一个重要组成部分，像webpack一样，插件贯穿了umi的整个生命周期，因此了解umi的插件原理是理解umi的重要环节。 本章将开发一个最简单...

X-Y Problem 对于X-Y Problem的意思如下： 1）有人想解决问题X 2）他觉得Y可能是解决X问题的方法 3）但是他不知道Y应该怎么做 4）于是他去问别人Y...