正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。一个正则表达式是一种从左到右匹配主体字符串的模式。 “Regular expression”这个词比较拗口，我们常使用缩写的术语 “regex” 或“regexp”。 正则表达式可以从一个基础字符串中根据一定的...

几种遍历方法中 for 执行最快，它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义话、可读性和程序性能，去选择究竟使用哪种方案。下面来看 for , foreach , map ,for...in , for...of 五种方法现场 battle。自我介绍for我是最早出现的一方遍历...

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香, 写本文时 Vue 版本是 "^3.2.6"新的 setup 选项是在组件创建之前, props 被解析之后执行，是组合式 API 的入口。WARNING\在 setup 中...

effect() 和 reactive()import { effect, reactive } from '@vue/reactivity'// 使用 reactive() 函数定义响应式数据const obj = reactive({ text: 'hello' })// 使用 effect()...

诱因首先 setup 函数有冗长返回语句的问题已经在 提案中作出了很棒的解决。这一点我相信随着时间推移会有越来越多的人认同并且实践。该提案已经被官方确定并作为下个版本的正式 Feature 了，所以即使你在 vite 的控制台打印信息里看到了 experimental 也无需担心了。至于我们为什么...

在 TS 的项目中，TS 最终都会被编译 JS 文件执行，TS 编译器在编译 TS 文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS 编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中，会根据自...

基本console.log('最常见用法\n换行');console.error('输出错误信息 会以红色显示');console.warn('打印警告信息 会以黄色显示');console.info('打印一般信息');console.clear();//清空上面的console显示进阶conso...

export default { //项目根目录 root: process.cwd(), //项目部署的基础路径 base: "/", //环境配置 mode: 'development', //全局变量替换 Record<st...

container 部分定义一个 flex 容器：.container { display: flex; /* or inline-flex */}1.flex-direction(主轴排列方向)建立主轴，从而定义 Flex 项目放置在 Flex 容器中的方向。Flexbox 是单向布局概念。将 ...