转换 //字符串转换成数字 js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。 parseInt(string) ： 函数从string的开始解析，返回一个整数。 parseFloat()方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成数字。 eg:

数值（number）：整数和小数（比如1和3.14） 字符串（string）：文本（比如Hello World）。 布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假） undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值 null：表示空值，即此处的值为空。 对象（object）：各种值组成的集合。 对象是最复杂的数据类型，又可以分成三个子类型。

//while while (i < 100) { console.log('i 当前为：' + i); i = i + 1; } //for for (var i = 0; i < x; i++) { console.log(i); } //do while do { console.log(i); i++; } while(i < x);

与或运算符 || && && 与运算符，两个条件都为真才为真， || 或运算符，一个条件为真即为真。 ||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反 if(n>9 && n<100) if(a>10 || b>10)

if/else的优化 if (m === 3) { m += 1; } if (m === 3) { // 满足条件时，执行的语句 } else { // 不满足条件时，执行的语句 } if (score > 90) { grade = 'A'; } else if (score > 80) { grade = 'B'; } else if (score > 70) { grade

字符串的扩展 模板字符串 ES6模板字符串 字符串模板拼接的点击事件 模板字面量是用反引号（`）分隔的字面量，允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。 let name = "lemmool" let nike = ` console.log(566, name, nike) //566 lemmool `` 这对反引号可以作为多行文本的定义，eg:

// 这是单行注释 /* 这是 多行 注释 */ 由于历史上 JavaScript 可以兼容 HTML 代码的注释，所以<!--和-->也被视为合法的单行注释。 x = 1; <!-- x = 2; --> x = 3;

第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9。 arg0 _tmp $elem π

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。 console.log(a); var a = 1; 等同于： var a; console.log(a); a = 1;

JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。 语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋值语句。 var a = 1 + 3;

教程 | 菜鸟教程 ｜ 廖雪峰教程 | ES6

useLazyFetch 为useFetch提供了一个包装器，通过将lazy选项设置为true，在处理程序解析之前触发导航。 默认情况下，useFetch 会阻塞导航，直到它的async处理程序被解决。useLazyFetch则不会阻塞，实时渲染数据！它将有更好的用户体验。 useLazyFetch 与 useFetch 具有相同的签名。 <template> <div

fetch是浏览器原生的方法，非常简洁实用。像streaming(推流)也只能用 fetch 来实现，其它方法实现不了！ //注意：一定要加headers， 否则无法传值！ const fetchConfig = { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ prompt:

$fetch是与useFetch类似的封装函数，不过$fetch使用却是大大不同。 useFetch会和表格关联，造成一些不必要的http访问，$fetch则不会。 $fetch不能直接捕获到错误，只能通过 try catch。 const baseURL = " const option = { method: "POST", headers: { 'Content-Type':

用transform 函数来对结果拦截，并做出一些处理逻辑。 const { data: mountains } = await useFetch('/api/mountains', { transform: (mountains) => { return mountains.map(mountain => ({ title: mountain.title, description:

文档 为 Nuxt 项目提供的 I18n（国际化）模块，由 Vue I18n 驱动。 yarn add @nuxtjs/i18n //^10.2.0" 10.2.1 // npx nuxi@latest module add @nuxtjs/i18n 1. nuxt.config.ts 配置 export default defineNuxtConfig({ modules: [

//前端设计 <n-upload :default-upload="false" list-type="image-card" @change="handleChangeX" > 上传参考图 </n-upload> const handleChangeX = (options) => { console.log(123,

[参考 Github Pages 构建部署时候，会忽略隐藏文件比如.文件，_文件的文件也会忽略，而我们的构建产物，刚好是在_nuxt目录下面，这些都被忽略，导致文件找不到。所以在配置时，不要用下划线作为文件夹开头! //nuxt.config.ts export default defineNuxtConfig({ ... app: { buildAssetsDir: 'nuxt_assets',

使用watch实现实时数据更新 //<!-- 标签选项 --> <div m-y-3>选择标签或填写： <n-checkbox-group v-model:value="tagOption"> <n-space item-style="display: flex;"> <n-checkbox value="

//ref() 和 computed() 被自动导入 const count = ref(1) const double = computed(() => count.value * 2) //使用computed监听路由变化 const route = useRoute() const pageKey = computed(()=>route.fullPath) const activeName