摘要:
问题描述: 使用 localeCompare 对一个字符串数组按名称排序 const arr = ['我', 'B', 'c', 'C', 'b', '干活', '233', '1024', '211', '吃饭']; arr.sort((a, b) => a.localeCompare(b)); 阅读全文
摘要:
最近写了太多的逻辑代码,写几行 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,如果 阅读全文