摘要：
## 什么是 Volta `Volta` 是一种管理 JavaScript 命令行工具的便捷方式。 `volta` 的特点： - 速度 - 无缝，每个项目的版本切换 - 跨平台支持，包括 Windows 和所有 Unix shell - 支持多个包管理器 - 稳定的工具安装-无需每次升级都重新安装! 阅读全文
摘要：
## 前言 在之前的学习中，我们已经掌握了 `stencilJs` 中的一些核心概念和基础知识，如装饰器 `Prop`、`State`、`Event`、`Listen`、`Method`、`Component` 以及生命周期方法。这些知识是构建复杂组件和应用的基础，而抽屉组件是一个很好的示例，能够综 阅读全文
摘要：
> 本文为翻译 > > 原文地址：[2023 State of Web Components: Today's standards and a glimpse into the future.](https://eisenbergeffect.medium.com/2023-state-of-web 阅读全文
摘要： 
Stencil 组件使用 `JSX` 渲染，这是一种流行的声明式模板语法。每个组件都有一个渲染函数，它返回在运行时渲染到 DOM 的组件树。 ## 基础用法 `render` 函数用于输出将绘制到屏幕上的组件树。 ```ts class MyComponent { render() { return 阅读全文
Stencil 组件使用 `JSX` 渲染，这是一种流行的声明式模板语法。每个组件都有一个渲染函数，它返回在运行时渲染到 DOM 的组件树。 ## 基础用法 `render` 函数用于输出将绘制到屏幕上的组件树。 ```ts class MyComponent { render() { return 阅读全文
摘要： 
其实并没有所谓的 stencil Event，相反 stencil 鼓励使用 `DOM event`。然而，Stencil 提供了一个 API 来指定组件可以触发的事件，以及组件监听的事件。 这是通过 Event()和 Listen()装饰器实现的。 ## Event 装饰器 组件可以使用事件发射器 阅读全文
其实并没有所谓的 stencil Event，相反 stencil 鼓励使用 `DOM event`。然而，Stencil 提供了一个 API 来指定组件可以触发的事件，以及组件监听的事件。 这是通过 Event()和 Listen()装饰器实现的。 ## Event 装饰器 组件可以使用事件发射器 阅读全文
摘要：
stenciljs 可以方便的构建交互式组件 支持以下装饰器 - component - state - prop - watch - method - element - event - listen ## Component 装饰器 `@Component` 是一个装饰器，它将 TypeScri 阅读全文
摘要：
An arbitrary-precision Decimal type for JavaScript. ## 功能 - 整数和浮点数 - 简单但功能齐全的 API - 复制 JavaScript 和对象的许多方法`Number.prototype` `Math` - 还处理十六进制、二进制和八进制值 阅读全文
摘要：
## 题目 > 来源：力扣（LeetCode） > 链接： 给出由小写字母组成的字符串 S，重复项删除操作会选择两个相邻且相同的字母，并删除它们。 在 S 上反复执行重复项删除操作，直到无法继续删除。 在完成所有重复项删除操作后返回最终的字符串。答案保证唯一。 示例： 输入："abbaca" 输出： 阅读全文
摘要：
javascript 中的错误类型： * SyntaxError * TypeError * ReferenceError * RangeError * URLError * Error ## SyntaxError 语法错误 ```js // 当您在编写一个函数时忘记了括号 ,)来括起您的代码，您 阅读全文
摘要：
本文为翻译 原文地址：宣布推出 Vue 3.3 |The Vue Point (vuejs.org) 今天我们很高兴地宣布 Vue 3.3 “Rurouni Kenshin” 的发布！ 此版本侧重于开发人员体验改进 - 特别是 TypeScript 的 SFC <script setup> 使用。结 阅读全文
摘要：
给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。 回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。 例如，121 是回文，而 123 不是 来源：力扣（LeetCode） 转为字符串 把数字转为字符串 反转整个字符串 对比两个字符串 funct 阅读全文
摘要：
本文包括的动画： 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- 阅读全文
摘要：
navigator.sendBeacon() 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器。 这个方法主要用于满足统计和诊断代码的需要，这些代码通常尝试在卸载（unload）文档之前向 Web 服务器发送数据。过早的发送数据可能导致错过收集数据的机会。然而，对于开发者来说 阅读全文
摘要：
git cherry-pick 可以选择某一个分支中的一个或几个commit(s)来进行操作。 例如，假设我们有个稳定版本的分支，叫v2.0.0，另外还有个开发版本的分支v3.0.0，我们不能直接把两个分支合并，这样会导致稳定版本混乱，但是又想增加一个v3.0.0中的功能到v2.0.0中，这里就可以 阅读全文
摘要：
前言 圈复杂度(Cyclomatic Complexity)是一种代码复杂度的衡量标准。它可以用来衡量一个模块判定结构的复杂程度，数量上表现为独立现行路径条数，也可理解为覆盖所有的可能情况最少使用的测试用例数。圈复杂度大说明程序代码的判断逻辑复杂，可能质量低且难于测试和维护。程序的可能错误和高的圈复 阅读全文
摘要：
component 组件不像其它的内置组件(tansition、transitionGroup),可以直接从 vue 中直接导出，所有要在 jsx 使用component就要使用 h 函数 使用 vue 内置组件 // xxx.jsx import { defineComponent, Transi 阅读全文
摘要：
在使用 vite 的时候发现，在其 vite.config 文件中无法使用 __dirname 来代表当前目录，所有经过一番了解之后有了这篇文章。 阅读全文
摘要：
wsl默认安装位置是C盘，众所周知C盘总是不够用的，所以才有了把wsl的系统迁移到其它位置的需求。官网文档 首先查看所有分发版本 wsl -l --all -v 导出分发版为tar文件到D盘 wsl --export Ubuntu-20.04 D:\ubuntu20.04.tar 注销当前分发版 w 阅读全文
摘要：
组件有许多生命周期方法，可用于了解组件何时“将”和“执行”加载、更新和呈现。可以将这些方法添加到组件中，以便在正确的时间挂接到操作中。 在组件类中实现以下方法之一，Stencil 将以正确的顺序自动调用它们： ## 单组件的生命周期 ```tsx import { Component, Host, 阅读全文
摘要：
## 框架介绍 `stenciljs` 是用于构建可重用、可扩展的设计系统的工具链。生成在每个浏览器中运行的小型、超快且 100% 基于标准的 Web Component。 更对介绍请参考[官方网站](https://stenciljs.com/) ## 创建项目 ### 使用脚手架创建项目 ``` 阅读全文