12 2021 档案
摘要：项目官网已经部署到 GitHub Pages 上了，但是你懂的，GitHub 间歇性被墙，所以我们考虑通过配置 CNAME 域名实现全站加速以提升用户体验 返回阅读列表点击 这里 准备 域名 原始网站域名或公网 IP 地址 这里我们以 阿里云 为例讲解，其他域名供应商配置方法基本类似 配置域名 登录
阅读全文
摘要：项目官网也基本完成了，接下来我们再讲一下如何将项目官网部署到 GitHub Pages 上 返回阅读列表点击 这里 项目配置 常见的模式有三种,即 History 模式 Hash 模式 Memory 模式 在我们的项目中采用的是 vue-router， vue-router 有两种模式， 即 His
阅读全文
摘要：回头看下整个项目，代码冗余非常严重，所以接下来我们把代码重新梳理优化一下 返回阅读列表点击 这里 全局设定 为了后续查阅和管理的方便，我们对全局的用例进行一个简单的设定 我们在 src 目录下创建一个 Global.cs 文件，代码如下: export const components = { 'B
阅读全文
摘要：为了提升用户体验，今天我们来对 jeremy-ui 官网做一个优化 🚀 返回阅读列表点击 这里 Markdown 解析支持 🗒️ 习惯用 markdown 语法编辑，所以我们增加项目源码对 markdown 的支持，虽然即便这样做依然无法和 JeremyPress 或者 VuePress 相比，
阅读全文
摘要：基础组件库先做到这个阶段，后面我会继续新增、完善 接下来，我们对之前做的组件进行打包发布到 npm 返回阅读列表点击 这里 组件库优化 通用层叠样式表 我想大家都注意到了，前面我们在写组件的时候，scss 中类的命名都是 jeremy-x 这样的形式，这是为了用选择器来做到统一配置。 如何配置 我们
阅读全文
摘要：卡片是非常常用也是非常重要的组件，特别是在移动端的众多应用场景中，随便打开一个手机 App ，您会发现充斥着各种各样的卡片。 所以，我们也来制作一个简易的 Card 组件 返回阅读列表点击 这里 需求分析 我们先做一个简单的需求分析 允许用户自定义内容 允许更换颜色 那么可以整理出以下参数表格 参数
阅读全文
摘要：标签页是非常常用的组件，接下来我们来制作一个简单的 Tabs 组件 返回阅读列表点击 这里 需求分析 我们先做一个简单的需求分析 可以选择标签页排列的方向 选中的标签页应当有下划线高亮显示 切换选中时，下划线应当有动画效果 应当允许更换颜色 那么可以整理出以下参数表格 参数 含义 类型 可选值 默认
阅读全文
摘要：接下来做个自定义的表格组件，即 table 组件 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 基于原生 table 标签的强语义 允许用户自定义表头、表体 可选是否具有边框 那么可以整理出以下参数表格 参数 含义 类型 可选值 默认值 heads 表头 Array 数组，每
阅读全文
摘要：接下来再做一个常用的组件 - input 组件 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 input 组件有两种类型，即 input 和 textarea 类型 当类型为 textarea 时，可以自定义行高，但是当类型为 input 时，行高恒为 1 可以自定义外边框的
阅读全文
摘要：为了更好的提升用户体验，我们这里再做一个很常用的开关组件 switch 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 switch 组件应分为选中/未被选中，两种状态 可以通过点击变更选中状态 不同的选中状态有不同的颜色，且有滑块处于不同的端 可以指定不同的尺寸 可以自定义颜
阅读全文
摘要：做完按钮之后，我们应该了解了遮罩层的概念，接下来我们来做 Dialog 组件！ 返回阅读列表点击 这里 需求分析 默认是不可见的，在用户触发某个动作后变为可见 自带白板卡片，分为上中下三个区域，分别放置标题、内容、操作 有两个基本操作：确定、取消 卡片后应放置淡黑色遮罩层，遮住原本网页内容 可以自定
阅读全文
摘要：官网基本做好了，接下来开始做核心组件 返回阅读列表点击 这里 目录准备 在项目 src 目录下创建 lib 文件夹，用来存放所有的核心组件吧。然后再在 lib 文件夹下创建 Button.vue 文件。 您也可以进行结构化设计，比如，这里就不进行了。 |-lib |-Button |- Button
阅读全文
摘要：官网的首页做完了，接下来开始做官网的文档页 返回阅读列表点击 这里 路由设计 先想想我们需要文档页通向哪些地方，这里直接给出我的设计： 所属 子标题 跳转路径 文件名(*.vue) 指南 介绍 /document/introduction Introduction 指南 安装 /document/i
阅读全文
摘要：顶部边栏做完了，接下来开始做官网的首页 返回阅读列表点击 这里 创建视图文件夹 让我们先新建一个 src/views 文件夹，用来存放官网的主要视图 然后在该文件夹下新建两个 vue 文件，作为我们的视图 Home.vue，首页 Document.vue，文档页 再配置一下 router.ts 来实
阅读全文
摘要：顶部边栏比较简单，而且首页和文档页都需要，所以我们先从顶部边栏做起 前文回顾点击 这里 🍰 返回阅读列表点击 这里 初始化 首先，在 components 文件夹下，创建一个 vue 组件，命名为 Topnav.vue ，然后快速创建 vue 模板，代码如下： 点击查看代码 <template>
阅读全文
摘要：阅读列表 🔖 ✅ 01 - Vue3 UI Framework - 开始 ✅ 02 - Vue3 UI Framework - 顶部边栏 ✅ 03 - Vue3 UI Framework - 首页 ✅ 04 - Vue3 UI Framework - 文档页 ✅ 05 - Vue3 UI Fram
阅读全文
摘要：写在前面 一年多没写过博客了，工作、生活逐渐磨平了棱角。 写代码容易，写博客难，坚持写高水平的技术博客更难。 技术控决定慢慢拾起这份坚持，用作技术学习的阶段性总结。 返回阅读列表点击 这里 开始 大前端时代，最近在面试前端工程师的过程中，有感而发，技术更新迭代快，学习成本高。浏览了各大博客论坛，千差
阅读全文
