czzonet

使用 grid 实现网页的框架布局 概述 grid布局可以更灵活的在父级控制元素的布局位置，从而避免了一维布局如flex的过度嵌套的问题。 TODO 和flex对比 实现 解释： grid-templ

GitHub Action工作流程状态徽章的使用 使用 参数： <OWNER>：GitHub用户名 <REPOSITORY>：仓库名 <WORKFLOW_FILE>：CI配置文件名 总结 简单更添加了

动画进度条--通过 background-image: repeating-linear-gradient实现斑马条纹进度条并添加动画的css的使用 效果 codepen：progress 原理 通过

React的使用图片：通过symbol引用svg的组件化的使用 效果 Codepen：svg-in-react 可以通过名称快速选用图标。 原理 普通项目中，一般引入svg是通过webpack进行打包

以图片方式插入HTML的SVG是不能通过CSS设置颜色的，相当于已经渲染的图片。改变颜色的方法思路和PNG图片一样，下面对比三种实现方法。 最简单的就是css的mask遮罩了，只要把背景颜色设为目标色，然后用图片遮罩，图片不透明的部分会被抠出露出背景，达到效果。 简单方便。 属…

本文介绍如何使用Node实现下载Acfun视频，主要流程包括解析A站视频API，调用aria2c多线程下载m3u8分片和调用ffmpeg合并视频。 带视频url即可下载，下载内容在当前目录新的下载文件夹里，包括分片和合成的视频文件。 新建一个ts项目，添加一个入口文件index…

俗话说，没有比较就没有伤害。原本用4K分辨率下VSCode中默认字体很久了，也没觉的不清楚。但是有一天在把代码段拷贝到Typora编辑md文件后，发现Typora编辑器里的字体非常细腻清晰，达到4K分辨率显示的水准。回头看VSCode中就比较模糊。于是搜索比较一番字体，最终选择…

VSCode可以在调试配置中预先调用编译任务，这样就可以调试时自动编译Typescript项目。 可以通过菜单栏Terrminal->Configure Tasks和Run->Add Configuration来生成配置模板文件，然后修改需要的选项。 "option"：选项，这…

使用Pretter-vscode插件保存文件自动格式化和忽略文件类型打开设置，添加以下代码：解释：文件丢失焦点自动保存编辑器保存时格式化pretter不格式化的文件类型代码覆盖typescript的默