摘要: lottie 动画在 vue 中的使用 前言 最近我所负责的项目中,我采用了动画效果,并开始使用 gif 来实现。然而,在实践过程中,我发现 gif 格式的动画在 git 中出现了明显的锯齿感,这让我非常困扰。为了追求更完美的表现效果,我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要,因此我非常认真 阅读全文
posted @ 2023-12-26 11:04 _zhiqiu 阅读(309) 评论(0) 推荐(1) 编辑
摘要: 前言 最近作者的电脑 C 盘变红了,这让我很难受(有点小强迫症),所以准备重新安装下系统,顺便把 C 盘扩大点。 注意: 操作系统是 windows 11 23H2。 所有的命令行都是使用 Windows Terminal 中进行的。 安装 Windows Terminal 由于我们所有的命令行操作 阅读全文
posted @ 2023-12-07 15:15 _zhiqiu 阅读(534) 评论(3) 推荐(4) 编辑
摘要: 需要用到的软件/插件 oh-my-posh posh-git PSReadLine 安装 oh-my-posh oh-my-posh 是 shell 主题引擎,使用 winget 来安装 oh-my-posh winget serach oh-my-posh # 找到对应的 id 方便在下一步使用( 阅读全文
posted @ 2023-11-24 09:16 _zhiqiu 阅读(1097) 评论(0) 推荐(3) 编辑
摘要: ## 什么是 Volta `Volta` 是一种管理 JavaScript 命令行工具的便捷方式。 `volta` 的特点: - 速度 - 无缝,每个项目的版本切换 - 跨平台支持,包括 Windows 和所有 Unix shell - 支持多个包管理器 - 稳定的工具安装-无需每次升级都重新安装! 阅读全文
posted @ 2023-09-08 09:51 _zhiqiu 阅读(1626) 评论(7) 推荐(9) 编辑
摘要: ## 前言 在之前的学习中,我们已经掌握了 `stencilJs` 中的一些核心概念和基础知识,如装饰器 `Prop`、`State`、`Event`、`Listen`、`Method`、`Component` 以及生命周期方法。这些知识是构建复杂组件和应用的基础,而抽屉组件是一个很好的示例,能够综 阅读全文
posted @ 2023-08-31 16:33 _zhiqiu 阅读(263) 评论(0) 推荐(0) 编辑
摘要: > 本文为翻译 > > 原文地址:[2023 State of Web Components: Today's standards and a glimpse into the future.](https://eisenbergeffect.medium.com/2023-state-of-web 阅读全文
posted @ 2023-08-30 08:51 _zhiqiu 阅读(679) 评论(4) 推荐(4) 编辑
摘要: StencilJs 学习之 JSX Stencil 组件使用 `JSX` 渲染,这是一种流行的声明式模板语法。每个组件都有一个渲染函数,它返回在运行时渲染到 DOM 的组件树。 ## 基础用法 `render` 函数用于输出将绘制到屏幕上的组件树。 ```ts class MyComponent { render() { return 阅读全文
posted @ 2023-06-21 08:26 _zhiqiu 阅读(154) 评论(0) 推荐(0) 编辑
摘要: StencilJs学习之事件 其实并没有所谓的 stencil Event,相反 stencil 鼓励使用 `DOM event`。然而,Stencil 提供了一个 API 来指定组件可以触发的事件,以及组件监听的事件。 这是通过 Event()和 Listen()装饰器实现的。 ## Event 装饰器 组件可以使用事件发射器 阅读全文
posted @ 2023-06-20 11:28 _zhiqiu 阅读(133) 评论(0) 推荐(0) 编辑
摘要: stenciljs 可以方便的构建交互式组件 支持以下装饰器 - component - state - prop - watch - method - element - event - listen ## Component 装饰器 `@Component` 是一个装饰器,它将 TypeScri 阅读全文
posted @ 2023-06-19 16:45 _zhiqiu 阅读(150) 评论(0) 推荐(0) 编辑
摘要: An arbitrary-precision Decimal type for JavaScript. ## 功能 - 整数和浮点数 - 简单但功能齐全的 API - 复制 JavaScript 和对象的许多方法`Number.prototype` `Math` - 还处理十六进制、二进制和八进制值 阅读全文
posted @ 2023-06-19 15:35 _zhiqiu 阅读(523) 评论(0) 推荐(0) 编辑
摘要: ## 题目 > 来源:力扣(LeetCode) > 链接: 给出由小写字母组成的字符串 S,重复项删除操作会选择两个相邻且相同的字母,并删除它们。 在 S 上反复执行重复项删除操作,直到无法继续删除。 在完成所有重复项删除操作后返回最终的字符串。答案保证唯一。 示例: 输入:"abbaca" 输出: 阅读全文
posted @ 2023-05-30 17:40 _zhiqiu 阅读(31) 评论(0) 推荐(0) 编辑
摘要: javascript 中的错误类型: * SyntaxError * TypeError * ReferenceError * RangeError * URLError * Error ## SyntaxError 语法错误 ```js // 当您在编写一个函数时忘记了括号 ,)来括起您的代码,您 阅读全文
posted @ 2023-05-23 15:23 _zhiqiu 阅读(255) 评论(0) 推荐(4) 编辑
摘要: 本文为翻译 原文地址:宣布推出 Vue 3.3 |The Vue Point (vuejs.org) 今天我们很高兴地宣布 Vue 3.3 “Rurouni Kenshin” 的发布! 此版本侧重于开发人员体验改进 - 特别是 TypeScript 的 SFC <script setup> 使用。结 阅读全文
posted @ 2023-05-12 11:31 _zhiqiu 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。 回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。 例如,121 是回文,而 123 不是 来源:力扣(LeetCode) 转为字符串 把数字转为字符串 反转整个字符串 对比两个字符串 funct 阅读全文
posted @ 2023-04-23 09:08 _zhiqiu 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 本文包括的动画: zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- 阅读全文
posted @ 2023-04-21 10:43 _zhiqiu 阅读(131) 评论(0) 推荐(0) 编辑
摘要: navigator.sendBeacon() 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器。 这个方法主要用于满足统计和诊断代码的需要,这些代码通常尝试在卸载(unload)文档之前向 Web 服务器发送数据。过早的发送数据可能导致错过收集数据的机会。然而,对于开发者来说 阅读全文
posted @ 2023-04-19 14:06 _zhiqiu 阅读(191) 评论(0) 推荐(0) 编辑
摘要: git cherry-pick 可以选择某一个分支中的一个或几个commit(s)来进行操作。 例如,假设我们有个稳定版本的分支,叫v2.0.0,另外还有个开发版本的分支v3.0.0,我们不能直接把两个分支合并,这样会导致稳定版本混乱,但是又想增加一个v3.0.0中的功能到v2.0.0中,这里就可以 阅读全文
posted @ 2023-02-24 11:20 _zhiqiu 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 前言 圈复杂度(Cyclomatic Complexity)是一种代码复杂度的衡量标准。它可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立现行路径条数,也可理解为覆盖所有的可能情况最少使用的测试用例数。圈复杂度大说明程序代码的判断逻辑复杂,可能质量低且难于测试和维护。程序的可能错误和高的圈复 阅读全文
posted @ 2023-02-24 11:17 _zhiqiu 阅读(600) 评论(0) 推荐(0) 编辑
摘要: component 组件不像其它的内置组件(tansition、transitionGroup),可以直接从 vue 中直接导出,所有要在 jsx 使用component就要使用 h 函数 使用 vue 内置组件 // xxx.jsx import { defineComponent, Transi 阅读全文
posted @ 2023-01-11 13:14 _zhiqiu 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 在使用 vite 的时候发现,在其 vite.config 文件中无法使用 __dirname 来代表当前目录,所有经过一番了解之后有了这篇文章。 阅读全文
posted @ 2023-01-09 14:37 _zhiqiu 阅读(361) 评论(0) 推荐(0) 编辑