摘要：
最近写了太多的逻辑代码，写几行 CSS 换换脑子 一、一闪而过 很常见的效果，其实就是一个倾斜长条平移了一段距离而已 要点在于给 button 设置 overflow: hidden; 以及确保长条的初始位置和结束位置在按钮区域外面 HTML <button class="shiny-button" 阅读全文
摘要：
一个普通的晚上，普通的我听着普通disco回到普通的家，不普通的老婆让我做一件普通的事情：导数据 因为种种原因，只能在前端通过控制台脚本导数据，而且有这几种类型的数据： 1. 查询列表接口，并导出一个 Excel 表格； 2. 查询列表接口，分别将每一行数据导出一个文本文件； 3. 查询列表接口，基 阅读全文
摘要：
每一名开发人员都有自己独特的代码风格。但对于多人协作项目，保持统一的风格有利于项目维护。 我们可以在项目中引入 ESLint、Prettier 来规范代码，但这无法约束 Git commit message 这时候可以借助 Husky 等工具来把好最后一关 常用工具 1. eslint (https 阅读全文
摘要：
多语言（国际化）是一个很常见的需求，Umi 对多语言也有很好的支持 一、简单实现 Umi 基于 react-intl 封装了多语言插件 @umijs/plugin-locale 不过并不需要单独引入，只需要在配置文件（.umirc.js 或 config/config.js）中配置 locale e 阅读全文
摘要：
问题描述： 使用 Vite 2.x 构建项目时，在 .evn 文件中创建了自定义环境变量 VITE_BASE_URL 但在项目中使用时出现 Typescript 错误： 分析原因： 这是因为没有引入 ImportMeta 的类型声明文件，Vite 有提供 vite/client.d.ts 来做类型声 阅读全文
摘要：
Svelte 没有提供官方的路由工具，这恰好促进了 router 的百家争鸣 目前有三个 svelte router 项目获得更多开发者的认同：svelte-spa-router、routify、svelte-routing 其中 svelte-routing 是服务端渲染（SSR）解决方案，这里先 阅读全文
摘要：
每个组件都有从创建到销毁的过程，这个过程被称为生命周期 生命周期可以解决一些业务上的需求，比如组件加载时请求数据、组件销毁时清除定时器 Svelte 提供了五个生命周期函数：组件加载 onMount、更新前 beforeUpdate、更新后 afterUpdate、组件销毁 onDestroy、t 阅读全文
摘要：
一、简单体验 Svelte 的开发体验和 Vue 3 很类似 在 Svelte 组件中也是将 JS 写在 <script> 标签中，将 CSS 写在 <style> 中 稍微不同的点在于，DOM 模板不需要写在 <template> 中，而是可以写在任何地方 <script> import Nest 阅读全文
摘要：
Svelte 是一个全新的响应式框架，在开发体验上比较接近 Vue，具体的介绍可以参考尤雨溪大佬的评价 一、创建应用 Svelte 提供了模板项目，可以通过 degit 拉取到本地 npx degit sveltejs/template <project-name> 拉取项目默认使用的是 js，如果 阅读全文
摘要：
时光的长河缓缓流淌，滋养出一份小小的幸福 《2020 年终总结 & 2021 年度计划》 2021 年度计划完成情况： 1. 健身时间不少于330天： 达标 一天不撸铁，就会有一种深深的负罪感 2. 至少每个月看一本书： 及格 《秒赞》 《出云传说7/8杀人事件》 《北方夕鹤2/3杀人事件》 《寝台 阅读全文