摘要: theme: condensed-night-purple highlight: atelier-cave-light 在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求,比如文章列表,在较少内容下单列表现,而在元素内容较多时使用双列表现。再比如在页面排版上,可以根据元素内容的多少来修改内 阅读全文
posted @ 2023-06-27 11:41 chenSee 阅读(218) 评论(0) 推荐(0) 编辑
摘要: ## 起因 很早前我就有过搭建个人博客的想法,但是我希望使用纯前端实现,这样就不需要付出额外的后端维护成本,维护成本又低,而且更加安全。网上也有很多博客框架但是也不符合我的需求,所以我使用了nuxt3 + ts搭建了自己的个人博客,更加贴合个人需求,在功能和样式也能做到随心所欲 前端的同学一定不会陌 阅读全文
posted @ 2023-06-27 11:40 chenSee 阅读(880) 评论(0) 推荐(3) 编辑
摘要: 点击代码段右上角复制 [ { "name": "北京市", "city": [ { "name": "北京市", "area": [ "东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", & 阅读全文
posted @ 2023-01-13 23:04 chenSee 阅读(1284) 评论(0) 推荐(0) 编辑
摘要: 效果:整数部分可以输入1-15位,但是不可以继续输入整数,可以继续输入小数,小数则限制6位,超过6位不可继续输入 <el-input v-model.trim="manualInputValue" type="number" @input="changeManualInput" ></el-inpu 阅读全文
posted @ 2023-01-03 12:29 chenSee 阅读(1043) 评论(0) 推荐(1) 编辑
摘要: 介绍 在业务中,如果遇到文档管理类的功能,会出现需要在线预览的业务需求,本文主要是通过第三方库来实现文档预览功能,并将其封装成preview组件 docx docx的实现需要使用docx-preview插件 安装 npm i docx-preview 使用 创建一个容器标签 <div ref="fi 阅读全文
posted @ 2022-09-22 09:16 chenSee 阅读(4084) 评论(6) 推荐(5) 编辑
摘要: 微任务 在js中,当使用promise,会将当前任务加入事件执行的微任务队列,有且只有这一种方法可以,因为当使用了promise,在JS引擎中会触发VM::queueMicrotask,会向m_microtaskQueue队列中压入事件,在V8中只有这一种暴露方式,没有其他接口可以调用这个方法 vo 阅读全文
posted @ 2022-08-20 09:30 chenSee 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 在浏览器的默认行为中,会默认记住滚动位置,刷新后会回到之前的滚动位置,在一些场景中,会希望每次刷新都回到页面的最顶端。下面介绍下实现的方法。 history.scrollRestorationAPI MDN:https://developer.mozilla.org/zh-CN/docs/Web/A 阅读全文
posted @ 2022-08-20 09:17 chenSee 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 今天开发中遇到一个问题,echarts图表触摸x轴触发tooltip会将x轴上所有的数据展示出来,但是有些场合只需要展示某些数据就可以,并不需要全部展示,如下图: 这里警戒线因为需要开关,所以使用填充的数据模拟,但是,触摸后会导致连警戒线数据也显示出来,如图: 实际上图表中只有荷载是真实数据需要显示 阅读全文
posted @ 2022-08-01 16:09 chenSee 阅读(3816) 评论(0) 推荐(0) 编辑
摘要: 在 github 上添加 SSH key 的步骤: 1、首先需要检查你电脑是否已经有 SSH key 运行 git Bash 客户端,输入如下代码: $ cd ~/.ssh $ ls 这两个命令就是检查是否已经存在 id_rsa.pub 或 id_dsa.pub 文件,如果文件已经存在,那么你可以跳 阅读全文
posted @ 2022-07-21 21:49 chenSee 阅读(1924) 评论(1) 推荐(1) 编辑
摘要: 在web开发中,经常涉及到对文本、文件等进行base64编码处理,在之前的开发中,使用js-base64来进行处理,但其实浏览器已经原生包含了处理方法。性能更好,兼容性也更高。 btoa() - Binary to ASCII btoa()方法可以将一个二进制字符串(例如,将字符串中的每一个字节都视 阅读全文
posted @ 2022-07-12 22:14 chenSee 阅读(826) 评论(2) 推荐(2) 编辑