摘要：
本文包括的动画： 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/) ## 创建项目 ### 使用脚手架创建项目 ``` 阅读全文
摘要：
前言 树莓派系统安装完成后，需要配置网络，由于家里没有多余的网线(网线多少有点乱)，所以决定配置无线上网的方式，现在记录下来操作过程 具体操作 sudo nano /etc/netplan/xxxxxxx.yaml # 不同的机器文件名不一样 nano 是之后版本内置的命令，新手友好 # 原来内容 阅读全文
摘要：
概述 在播放视频和图片的时候，为了保持其内容不变形，就需要保持容器的固定宽高比 实现方法 1、使用新 css 属性 aspect-ratio <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
摘要：
概述 Navigator.share() 方法通过调用本机的共享机制作为 Web Share API 的一部分。如果不支持 Web Share API，则此方法为 undefined。 此项功能仅在一些支持的浏览器的安全上下文（HTTPS）中可用。 语法 const sharePromise = w 阅读全文
摘要：
发现问题 两个inline-block元素之间的间隔。如下图 期望 消除两个inline-block元素之间的间隔。 解决方法 1、父元素字体大小设置为0 间隔的形成是非元素标签形成的 /** 方案1，父元素字体大小设置为0 */ .wrap-font { font-size: 0; /*解决谷歌浏 阅读全文
摘要：
问题描述： 监听文本输入框的input事件，在拼写汉字时会触发input事件，如下图： 需求： 选词完成后触发input事件，只触发一次。 解决办法： 通过查阅资料得知在输入中文（包括语音识别时）会先后触发compositionstart、compositionupdate、compositione 阅读全文
摘要：
原文地址：The Unicode Blog: Announcing The Unicode® Standard, Version 15.0 Unicode 标准版本 15.0 现已推出，包括核心规范、附件和数据文件。此版本增加了 4，489 个字符，使总数达到 149，186 个字符。这些新增功能包 阅读全文
摘要： 
公司内部前端组件或库的共享等，搭建一个npm私有库就很方便，现在中大型公司也基本都有自己的npm私有库，这篇文章，和大家一起共同搭建一个npm私有库，共同学习 前置条件 一台电脑 可以联网 一、安装docker 使用的windows版本的 docker Desktop, 可以直接去 docker D 阅读全文
公司内部前端组件或库的共享等，搭建一个npm私有库就很方便，现在中大型公司也基本都有自己的npm私有库，这篇文章，和大家一起共同搭建一个npm私有库，共同学习 前置条件 一台电脑 可以联网 一、安装docker 使用的windows版本的 docker Desktop, 可以直接去 docker D 阅读全文
摘要：
前置条件： 操作系统 >= win10 安装 首先使用winget搜索nvm包 winget search nvm #搜索结果如下图 安装nvm winget install CoreyButler.NVMforWindows 命令执行完成后等待安装成功即可执行nvm相关的命令，安装过程中可能需要管 阅读全文
摘要：
$env:HTTP_PROXY="http://127.0.0.1:10809" $env:HTTPS_PROXY="http://127.0.0.1:10809" 只在当前终端中生效，如果想永久生效，请在环境变量中设置 阅读全文
摘要：
本文主要整理了截至到 2021年10月12日 为止的且处于 Stage 3->Stage 4 阶段的ECMA提案。 主要包括： Class Fields RegExp Match Indices Top-Level await Ergonomic brand checks for Private F 阅读全文
摘要：
Axios 是什么? Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequ 阅读全文