Login
Discover
Waves
Communities
Login
Signup
lemooljiang
@lemooljiang
75
Designer , Poet , Technology enthusiasts
Followers
2368
Following
95
Follow
Resource Credits
Available
Used
Location
Guangzhou
Created
2016-07-16 04:39
RSS Feed
Subscribe
Comments
Blog
Posts
Comments
Communities
Wallet
lemooljiang
starnote
2026-02-11 07:59
RE: JavaScript开发笔记
JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。 语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋值语句。 var a = 1 + 3;
$ 0.000
0
lemooljiang
starnote
2026-02-11 07:46
RE: JavaScript开发笔记
教程 | 菜鸟教程 ｜ 廖雪峰教程 | ES6
$ 0.000
0
lemooljiang
starnote
2026-02-10 01:54
RE: Nuxt开发指南
文档 为 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: [
lemooljiang
starnote
2026-02-10 01:54
RE: Nuxt开发指南
//前端设计 <n-upload :default-upload="false" list-type="image-card" @change="handleChangeX" > 上传参考图 </n-upload> const handleChangeX = (options) => { console.log(123,
lemooljiang
starnote
2026-02-10 01:52
RE: Nuxt开发指南
[参考 Github Pages 构建部署时候，会忽略隐藏文件比如.文件，_文件的文件也会忽略，而我们的构建产物，刚好是在_nuxt目录下面，这些都被忽略，导致文件找不到。所以在配置时，不要用下划线作为文件夹开头! //nuxt.config.ts export default defineNuxtConfig({ ... app: { buildAssetsDir: 'nuxt_assets',
lemooljiang
starnote
2026-02-10 01:51
RE: Nuxt开发指南
使用watch实现实时数据更新 //<!-- 标签选项 --> <div m-y-3>选择标签或填写： <n-checkbox-group v-model:value="tagOption"> <n-space item-style="display: flex;"> <n-checkbox value="
lemooljiang
starnote
2026-02-10 01:50
RE: Nuxt开发指南
//ref() 和 computed() 被自动导入 const count = ref(1) const double = computed(() => count.value * 2) //使用computed监听路由变化 const route = useRoute() const pageKey = computed(()=>route.fullPath) const activeName
lemooljiang
starnote
2026-02-10 01:50
RE: Nuxt开发指南
文档 文档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
lemooljiang
starnote
2026-02-10 01:46
RE: Nuxt开发指南
// 用localStorage来实现一个预设值 1. 先从localStorage读取，有值则赋给它设初值 const defaultRole = ref(null) if(process.client){ let latest = localStorage.getItem("defaultRole") console.log(566, "latest",
lemooljiang
starnote
2026-02-10 01:46
RE: Nuxt开发指南
经测试，只有浏览器端的 fetch 才有 streaming 的能力，其它方法不行！ useFetch, $fetch都不行! const url = " const prompt = "天空为什么是蓝色的？" let query = [{role: "user", content: prompt}] let dataObj = { method:
lemooljiang
starnote
2026-02-10 01:46
RE: Nuxt开发指南
//开发环境 //package.json "dev": "nuxt dev --port 3200" // 或是这样： "config": { // here are the changes "nuxt": { "host": "0.0.0.0", "port":
lemooljiang
starnote
2026-02-10 01:45
RE: Nuxt开发指南
SSR 默认情况下，直接执行(nuxt build) yarn build。代码会被打包到.output目录，打包产物分为 public 和 server 两部分。入口为 index.mjs，可以使用 node 或 pm2 等进程管理工具启动服务, node ./.output/server/index.mjs，也可以配合nuxt preview启动预览服务。
lemooljiang
starnote
2026-02-10 01:44
RE: Nuxt开发指南
server/utils 目录中的工具函数，会自动导入 若用默认导出 export default ，则自动导入的函数名为文件名 若用具名导出 export function useSum ，则自动导入的函数名为函数定义的名称。 // server/utils/sum.ts export function useSum(a: number, b: number) { return a + b; }
lemooljiang
starnote
2026-02-10 01:44
RE: Nuxt开发指南
文档 服务器 Server Nuxt具备的类似于express的功能，具有接受和响应http的能力。 Nuxt自动扫描~/server/api, ~/server/routes, 和 ~/server/middleware目录中的文件，以注册具有HMR支持的API和服务器处理程序。 每个文件都应该导出一个用defineEventHandler()定义的默认函数。
lemooljiang
starnote
2026-02-10 01:43
RE: Nuxt开发指南
在你的页面中，组件和插件你可以使用useCookie，一个SSR友好的组合来读写cookies。 const cookie = useCookie(name, options) eg: const counter = useCookie('counter', { maxAge: 60 }) //60秒有效期 counter.value = { name: "hello", age:
lemooljiang
starnote
2026-02-10 01:42
RE: Nuxt开发指南
useState用于创建响应式的且服务端友好的跨组件状态，类似于Vue中的state的功能。 简单的需求只用useState就可以，复杂的话可以结合pinia const counter = useState('counter', () => Math.round(Math.random() * 1000)) counter++ counter.value = 20 //重新赋值 const
lemooljiang
starnote
2026-02-10 01:42
RE: Nuxt开发指南
//可以用以下测试是否在客户端： console.log(12, document.cookie) console.log(33, window) 注意： setup是在服务端，其中的函数却基本都在客户端渲染！ //组件中客户端渲染 <ClientOnly> component 只在客户端呈现它的slot。若只在客户端导入组件，请在客户端插件中注册该组件。 <ClientOnly
lemooljiang
starnote
2026-02-10 01:41
RE: Nuxt开发指南
useLazyFetch 为useFetch提供了一个包装器，通过将lazy选项设置为true，在处理程序解析之前触发导航。 默认情况下，useFetch 会阻塞导航，直到它的async处理程序被解决。useLazyFetch则不会阻塞，实时渲染数据！它将有更好的用户体验。 useLazyFetch 与 useFetch 具有相同的签名。 <template> <div
lemooljiang
starnote
2026-02-10 01:40
RE: Nuxt开发指南
fetch是浏览器原生的方法，非常简洁实用。像streaming(推流)也只能用 fetch 来实现，其它方法实现不了！ //注意：一定要加headers， 否则无法传值！ const fetchConfig = { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ prompt:
lemooljiang
starnote
2026-02-10 01:39
RE: Nuxt开发指南
$fetch是与useFetch类似的封装函数，不过$fetch使用却是大大不同。 useFetch会和表格关联，造成一些不必要的http访问，$fetch则不会。 $fetch不能直接捕获到错误，只能通过 try catch。 const baseURL = " const option = { method: "POST", headers: { 'Content-Type':
← Latest
Older →
