摘要: wsl默认安装位置是C盘,众所周知C盘总是不够用的,所以才有了把wsl的系统迁移到其它位置的需求。官网文档 首先查看所有分发版本 wsl -l --all -v 导出分发版为tar文件到D盘 wsl --export Ubuntu-20.04 D:\ubuntu20.04.tar 注销当前分发版 w 阅读全文
posted @ 2022-12-29 16:34 _zhiqiu 阅读(1607) 评论(0) 推荐(1) 编辑
摘要: 组件有许多生命周期方法,可用于了解组件何时“将”和“执行”加载、更新和呈现。可以将这些方法添加到组件中,以便在正确的时间挂接到操作中。 在组件类中实现以下方法之一,Stencil 将以正确的顺序自动调用它们: ## 单组件的生命周期 ```tsx import { Component, Host, 阅读全文
posted @ 2022-12-03 14:52 _zhiqiu 阅读(67) 评论(0) 推荐(0) 编辑
摘要: ## 框架介绍 `stenciljs` 是用于构建可重用、可扩展的设计系统的工具链。生成在每个浏览器中运行的小型、超快且 100% 基于标准的 Web Component。 更对介绍请参考[官方网站](https://stenciljs.com/) ## 创建项目 ### 使用脚手架创建项目 ``` 阅读全文
posted @ 2022-12-02 16:26 _zhiqiu 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 前言 树莓派系统安装完成后,需要配置网络,由于家里没有多余的网线(网线多少有点乱),所以决定配置无线上网的方式,现在记录下来操作过程 具体操作 sudo nano /etc/netplan/xxxxxxx.yaml # 不同的机器文件名不一样 nano 是之后版本内置的命令,新手友好 # 原来内容 阅读全文
posted @ 2022-11-10 11:09 _zhiqiu 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 概述 在播放视频和图片的时候,为了保持其内容不变形,就需要保持容器的固定宽高比 实现方法 1、使用新 css 属性 aspect-ratio <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2022-10-24 19:14 _zhiqiu 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 概述 Navigator.share() 方法通过调用本机的共享机制作为 Web Share API 的一部分。如果不支持 Web Share API,则此方法为 undefined。 此项功能仅在一些支持的浏览器的安全上下文(HTTPS)中可用。 语法 const sharePromise = w 阅读全文
posted @ 2022-10-21 15:28 _zhiqiu 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 发现问题 两个inline-block元素之间的间隔。如下图 期望 消除两个inline-block元素之间的间隔。 解决方法 1、父元素字体大小设置为0 间隔的形成是非元素标签形成的 /** 方案1,父元素字体大小设置为0 */ .wrap-font { font-size: 0; /*解决谷歌浏 阅读全文
posted @ 2022-10-19 19:42 _zhiqiu 阅读(206) 评论(0) 推荐(1) 编辑
摘要: 问题描述: 监听文本输入框的input事件,在拼写汉字时会触发input事件,如下图: 需求: 选词完成后触发input事件,只触发一次。 解决办法: 通过查阅资料得知在输入中文(包括语音识别时)会先后触发compositionstart、compositionupdate、compositione 阅读全文
posted @ 2022-10-19 17:12 _zhiqiu 阅读(764) 评论(0) 推荐(0) 编辑
摘要: 原文地址:The Unicode Blog: Announcing The Unicode® Standard, Version 15.0 Unicode 标准版本 15.0 现已推出,包括核心规范、附件和数据文件。此版本增加了 4,489 个字符,使总数达到 149,186 个字符。这些新增功能包 阅读全文
posted @ 2022-09-16 14:28 _zhiqiu 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 使用verdaccio+docker搭建npm私有仓库以及使用 公司内部前端组件或库的共享等,搭建一个npm私有库就很方便,现在中大型公司也基本都有自己的npm私有库,这篇文章,和大家一起共同搭建一个npm私有库,共同学习 前置条件 一台电脑 可以联网 一、安装docker 使用的windows版本的 docker Desktop, 可以直接去 docker D 阅读全文
posted @ 2022-09-06 17:28 _zhiqiu 阅读(828) 评论(0) 推荐(0) 编辑
摘要: 前置条件: 操作系统 >= win10 安装 首先使用winget搜索nvm包 winget search nvm #搜索结果如下图 安装nvm winget install CoreyButler.NVMforWindows 命令执行完成后等待安装成功即可执行nvm相关的命令,安装过程中可能需要管 阅读全文
posted @ 2022-07-12 19:05 _zhiqiu 阅读(181) 评论(0) 推荐(0) 编辑
摘要: $env:HTTP_PROXY="http://127.0.0.1:10809" $env:HTTPS_PROXY="http://127.0.0.1:10809" 只在当前终端中生效,如果想永久生效,请在环境变量中设置 阅读全文
posted @ 2022-07-11 14:48 _zhiqiu 阅读(2095) 评论(0) 推荐(1) 编辑
摘要: 本文主要整理了截至到 2021年10月12日 为止的且处于 Stage 3->Stage 4 阶段的ECMA提案。 主要包括: Class Fields RegExp Match Indices Top-Level await Ergonomic brand checks for Private F 阅读全文
posted @ 2021-10-12 22:32 _zhiqiu 阅读(918) 评论(1) 推荐(1) 编辑
摘要: Axios 是什么? Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequ 阅读全文
posted @ 2021-09-26 09:47 _zhiqiu 阅读(493) 评论(0) 推荐(2) 编辑
摘要: 需求分析 首先要分析右键菜单需要实现什么功能 点击鼠标右键弹出自定义的弹窗 实现菜单项的点击 自定义菜单项的样式 自定义弹窗容器的样式 代码实现 需求搞定之后就是写代码了,下面是基础的代码框架 <template> <div class="yak-content-menu" @contextmenu 阅读全文
posted @ 2021-09-23 09:26 _zhiqiu 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 本文为翻译,原文地址Unicode 博客: 宣布 Unicode ® 标准, 版本 14.0 Unicode 标准版本 14.0 现已可用,包括核心规范、附件和数据文件。此版本增加了 838 个字符,总共为 144697 个字符。这些新增内容包括 5 个新脚本,共 159 个脚本,以及 37 个新表 阅读全文
posted @ 2021-09-18 10:51 _zhiqiu 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 1、前言 接手公司的某个项目已经两年了,现在每次启动项目都接近1分钟,hmr也要好几秒的时间,but vite2发布之后就看到了曙光,但是一直没有动手进行升级,昨天终于忍不住了,升级之后几秒钟就完成了。 2、开始升级 注:只是升级了开发环境,打包依旧是webpack(也试过打包也用vite,但是打包 阅读全文
posted @ 2021-09-13 09:28 _zhiqiu 阅读(1218) 评论(2) 推荐(1) 编辑
摘要: 1、概述 MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品,该功能是DOM3 Events规范的一部分。 但是,它与Mutation Events事件有一个本质不同:事件是同步触发,也就是说,DOM 的变动立刻会触发相应 阅读全文
posted @ 2021-09-03 11:38 _zhiqiu 阅读(113) 评论(0) 推荐(1) 编辑
摘要: 关于在vue3.0中使用ssr/ssg渲染时出现Custom directive is missing corresponding SSR transform and will be ignored.错误的修复。 yarn add -D patch-vue-directive-ssr 阅读全文
posted @ 2021-09-01 10:19 _zhiqiu 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 前言 相信使用过 vueCli 开发项目的小伙伴有点郁闷,正常开发时会有三个接口环境(开发,测试,正式),但是 vueCli 只提供了两种 development,production(不包含 test-单测)模式。其实这是小伙伴们没有理解 vueCli 文档所导致的。 vueCli 命令中 --m 阅读全文
posted @ 2021-08-19 10:59 _zhiqiu 阅读(1092) 评论(0) 推荐(1) 编辑