• 2021 年 12 月 27 日
• 筆記

项目官网也基本完成了，接下来我们再讲一下如何将项目官网部署到 GitHub Pages 上 返回阅读列表点击 这里 项目配置 常见的模式有三种,即 History 模式 Hash 模式 Memory 模式 在我们的项目中采用的是 vue-router ， vue-router 有两种模式， 即 Hi …

• 2021 年 12 月 23 日
• 筆記

为了提升用户体验，今天我们来对 jeremy-ui 官网做一个优化 🚀 返回阅读列表点击 这里 Markdown 解析支持 🗒️ 习惯用 markdown 语法编辑，所以我们增加项目源码对 markdown 的支持，虽然即便这样做依然无法和 JeremyPress 或者 VuePress 相比，但是 …

• 2021 年 12 月 22 日
• 筆記

基础组件库先做到这个阶段，后面我会继续新增、完善 接下来，我们对之前做的组件进行打包发布到 npm 返回阅读列表点击 这里 组件库优化 通用层叠样式表 我想大家都注意到了，前面我们在写组件的时候， scss 中类的命名都是 jeremy-x 这样的形式，这是为了用选择器来做到统一配置。 如何配置 我 …

• 2021 年 12 月 21 日
• 筆記

卡片是非常常用也是非常重要的组件，特别是在移动端的众多应用场景中，随便打开一个手机 App ，您会发现充斥着各种各样的卡片。 所以，我们也来制作一个简易的 Card 组件 返回阅读列表点击 这里 需求分析 我们先做一个简单的需求分析 允许用户自定义内容 允许更换颜色 那么可以整理出以下参数表格 参数 …

• 2021 年 12 月 20 日
• 筆記

标签页是非常常用的组件，接下来我们来制作一个简单的 Tabs 组件 返回阅读列表点击 这里 需求分析 我们先做一个简单的需求分析 可以选择标签页排列的方向 选中的标签页应当有下划线高亮显示 切换选中时，下划线应当有动画效果 应当允许更换颜色 那么可以整理出以下参数表格 参数 含义 类型 可选值 默认 …

• 2021 年 12 月 17 日
• 筆記

接下来做个自定义的表格组件，即 table 组件 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 基于原生 table 标签的强语义 允许用户自定义表头、表体 可选是否具有边框 那么可以整理出以下参数表格 参数 含义 类型 可选值 默认值 heads 表头 Array 数组，每 …

• 2021 年 12 月 16 日
• 筆記

接下来再做一个常用的组件 - input 组件 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 input 组件有两种类型，即 input 和 textarea 类型 当类型为 textarea 时，可以自定义行高，但是当类型为 input 时，行高恒为 1 可以自定义外边框的 …

• 2021 年 12 月 15 日
• 筆記

为了更好的提升用户体验，我们这里再做一个很常用的开关组件 switch 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 switch 组件应分为选中/未被选中，两种状态 可以通过点击变更选中状态 不同的选中状态有不同的颜色，且有滑块处于不同的端 可以指定不同的尺寸 可以自定义颜 …

• 2021 年 12 月 14 日
• 筆記

做完按钮之后，我们应该了解了遮罩层的概念，接下来我们来做 Dialog 组件！ 返回阅读列表点击 这里 需求分析 默认是不可见的，在用户触发某个动作后变为可见 自带白板卡片，分为上中下三个区域，分别放置标题、内容、操作 有两个基本操作：确定、取消 卡片后应放置淡黑色遮罩层，遮住原本网页内容 可以自定 …