Talk is cheap. Show me your code
摘要: TypeScript 设计的初衷是 JavaScript + Types,所有 TypeScript 的特性不改变运行时的行为 反过来说,如果在 TS 代码中去掉静态类型,应该得到一份完整有效的 JS 代码 这样的好处在于,我们可以通过 ESbuild 而不是 tsc 完成我们的 TS 代码到 JS 阅读全文
posted @ 2022-06-14 18:43 Wise.Wrong 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 使用 localeCompare 对一个字符串数组按名称排序 const arr = ['我', 'B', 'c', 'C', 'b', '干活', '233', '1024', '211', '吃饭']; arr.sort((a, b) => a.localeCompare(b)); 阅读全文
posted @ 2022-06-12 10:26 Wise.Wrong 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 最近写了太多的逻辑代码,写几行 CSS 换换脑子 一、一闪而过 很常见的效果,其实就是一个倾斜长条平移了一段距离而已 要点在于给 button 设置 overflow: hidden; 以及确保长条的初始位置和结束位置在按钮区域外面 HTML <button class="shiny-button" 阅读全文
posted @ 2022-05-16 16:59 Wise.Wrong 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 一个普通的晚上,普通的我听着普通disco回到普通的家,不普通的老婆让我做一件普通的事情:导数据 因为种种原因,只能在前端通过控制台脚本导数据,而且有这几种类型的数据: 1. 查询列表接口,并导出一个 Excel 表格; 2. 查询列表接口,分别将每一行数据导出一个文本文件; 3. 查询列表接口,基 阅读全文
posted @ 2022-04-22 09:25 Wise.Wrong 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 每一名开发人员都有自己独特的代码风格。但对于多人协作项目,保持统一的风格有利于项目维护。 我们可以在项目中引入 ESLint、Prettier 来规范代码,但这无法约束 Git commit message 这时候可以借助 Husky 等工具来把好最后一关 常用工具 1. eslint (https 阅读全文
posted @ 2022-04-08 10:46 Wise.Wrong 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 多语言(国际化)是一个很常见的需求,Umi 对多语言也有很好的支持 一、简单实现 Umi 基于 react-intl 封装了多语言插件 @umijs/plugin-locale 不过并不需要单独引入,只需要在配置文件(.umirc.js 或 config/config.js)中配置 locale e 阅读全文
posted @ 2022-03-15 16:29 Wise.Wrong 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 使用 Vite 2.x 构建项目时,在 .evn 文件中创建了自定义环境变量 VITE_BASE_URL 但在项目中使用时出现 Typescript 错误: 分析原因: 这是因为没有引入 ImportMeta 的类型声明文件,Vite 有提供 vite/client.d.ts 来做类型声 阅读全文
posted @ 2022-03-06 11:31 Wise.Wrong 阅读(539) 评论(0) 推荐(0) 编辑
摘要: Svelte 没有提供官方的路由工具,这恰好促进了 router 的百家争鸣 目前有三个 svelte router 项目获得更多开发者的认同:svelte-spa-router、routify、svelte-routing 其中 svelte-routing 是服务端渲染(SSR)解决方案,这里先 阅读全文
posted @ 2022-02-24 09:31 Wise.Wrong 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 每个组件都有从创建到销毁的过程,这个过程被称为生命周期 生命周期可以解决一些业务上的需求,比如组件加载时请求数据、组件销毁时清除定时器 Svelte 提供了五个生命周期函数:组件加载 onMount、更新前 beforeUpdate、更新后 afterUpdate、组件销毁 onDestroy、t 阅读全文
posted @ 2022-02-07 12:52 Wise.Wrong 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 一、简单体验 Svelte 的开发体验和 Vue 3 很类似 在 Svelte 组件中也是将 JS 写在 <script> 标签中,将 CSS 写在 <style> 中 稍微不同的点在于,DOM 模板不需要写在 <template> 中,而是可以写在任何地方 <script> import Nest 阅读全文
posted @ 2022-01-27 18:02 Wise.Wrong 阅读(74) 评论(0) 推荐(0) 编辑