Esprima 指南
Esprima是一个高性能、符合标准的 ECMAScript解析器，用 ECMAScript（也通常称为 JavaScript）编写。它可以对 JavaScript 代码进行词法分析（标记化）或语法分析（解析），生成一个包含代码结构信息的语法树。Esprima 支持 ECMAScript 2016（ECMA-26…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
Git 相关工具
Git 相关工具: commitlint, commitizen, Standard Version Git 是一个非常强大的版本控制系统，它可以帮助我们管理代码的变更历史，协作开发，以及发布软件。但是，Git 也有一些不足之处，比如： Git 的提交信息（commit message）没有统一的格式和规范，导致…
Read articleinquirer 使用指南
比enquirer.js目前更积极更新更活跃的Node.js 问答库
Read articleora 优雅的终端旋转器
其实就是一个用在console的加载动画显示器～ 安装 使用 API ora(text) ora(options) 如果提供了字符串，则将其视为 options.text的快捷方式 options Type: object text Type: string 在转轮后显示的文本。 prefixText Type:…
Read articlePuppeteer 使用指南
Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行，但是可以通过修改配置文件运行“non-headless”模式。 在本文中，我将介绍 Puppeteer 的基本用法和一…
Read articleVue 3 meta
javascript - How to use Vue 3 Meta with Vue.js 3? - Stack Overflow nuxt/vue-meta: Manage HTML metadata in Vue.js components with SSR support 十二、学习VUE前端-vue3使…
Read articleyargs 使用指南 - 优雅处理命令行参数
在现代软件开发中，命令行界面是一个非常常见的用户界面，用于与应用程序进行交互。处理命令行参数是命令行界面的重要部分，它可以让用户通过命令行输入不同的选项和参数来配置应用程序的行为。在 Node.js 中，yargs 是一个流行的库，用于处理命令行参数，它提供了许多功能和选项，使得处理命令行参数变得非常简单和优雅。…
Read articlebutton标签和div模拟按钮的区别
蛮有意思的，之前面试某厂的时候遇到了这个问题，答得不是很好，专门整理一波 表单使用上 如果button在form表单内部，则可以不用JavaScript绑定onclick属性就可以提交表单内容（type = 'submit'），而如果不在form表单内部，又不考虑语义化，那么作为按钮，用div和button来写按…
Read article逻辑组合伪类 :not() :is :where :has
本文将介绍4个逻辑组合伪类，分别是:not() :is :where :has ，这四个伪类的自身优先级为0，这与其他伪类相同，但处理时是将其和括号里的参数作为一个整体计算优先级，这就导致了实际表现出的优先级由参数决定（除了:where() 的优先级总是为 0）。 目前这四位目前都得到了大多数浏览器的广泛支持，同…
Read articleAstro 集成 Vue 框架教程
Astro的集成能力支持我们使用Vue3编写的组件，并且支持SSR（server-side rendering）和CSH（client-side hydration） Astro 集成简介： 使用 Astro 集成只需几行代码就能为你的项目添加新的功能和行为。你可以自己编写一个自定义的集成，或者从 npm 获取流…
Read articleAstro 中通过 Node.js 启用服务器端渲染
在 Astro 中启用服务端渲染（SSR, Server Side Rendering）非常简单，而且启用后可以使用新的特性： 在应用程序中实现登录状态会话。 用 fetch 动态调用 API 来渲染数据。 通过适配器部署你的网站。 适配器 为了启用 SSR，你需要使用适配器（Adapter)。这是因为 SSR …
Read articleCSS 父元素没有被子元素撑开
这个应该是昨天问题的复现和最优解 问题复现 在给未设置长度的容器变换背景的时候，加入一个超长内容，原父级容器没有被新的子元素撑开 而是自动获取为父级元素的100% 源码 原因 块级元素被子元素撑开时，如果没设置宽度，宽度就是这个块级元素的父元素的100%，所以.list的宽度是.mian的100%。 块级元素的宽…
Read articleNo matching articles
Try another keyword or reset your filters.