与或运算符 || && && 与运算符，两个条件都为真才为真， || 或运算符，一个条件为真即为真。 ||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反 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

文档 文档2 github 新版安装指南 1. yarn add mavon-editor@next //"^3.0.2" // npm install mavon-editor@next --save 2.添加并编辑插件 ~/plugins/mavon-editor.client.js import mavonEditor from 'mavon-editor' import

// 用localStorage来实现一个预设值 1. 先从localStorage读取，有值则赋给它设初值 const defaultRole = ref(null) if(process.client){ let latest = localStorage.getItem("defaultRole") console.log(566, "latest",

经测试，只有浏览器端的 fetch 才有 streaming 的能力，其它方法不行！ useFetch, $fetch都不行! const url = " const prompt = "天空为什么是蓝色的？" let query = [{role: "user", content: prompt}] let dataObj = { method: