Login
Discover
Waves
Communities
Login
Signup
lemooljiang
@lemooljiang
76
Designer , Poet , Technology enthusiasts
Followers
2368
Following
95
Follow
Email digest
Resource Credits
Available
Used
Location
Guangzhou
Created
2016-07-16 04:39
RSS Feed
Subscribe
Comments
Blog
Posts
Comments
Communities
Wallet
lemooljiang
starnote
7M
RE: JavaScript开发笔记
字符串的扩展 模板字符串 ES6模板字符串 字符串模板拼接的点击事件 模板字面量是用反引号(`)分隔的字面量,允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。 let name = "lemmool" let nike = ` console.log(566, name, nike) //566 lemmool `` 这对反引号可以作为多行文本的定义,eg:
$ 0.000
0
lemooljiang
starnote
7M
RE: JavaScript开发笔记
// 这是单行注释 /* 这是 多行 注释 */ 由于历史上 JavaScript 可以兼容 HTML 代码的注释,所以<!--和-->也被视为合法的单行注释。 x = 1; <!-- x = 2; --> x = 3;
$ 0.000
0
lemooljiang
starnote
7M
RE: JavaScript开发笔记
第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符号($)和下划线(_)。 第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9。 arg0 _tmp $elem π
lemooljiang
starnote
7M
RE: JavaScript开发笔记
JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。 console.log(a); var a = 1; 等同于: var a; console.log(a); a = 1;
lemooljiang
starnote
7M
RE: JavaScript开发笔记
JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。 语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。 var a = 1 + 3;
lemooljiang
starnote
7M
RE: JavaScript开发笔记
教程 | 菜鸟教程 | 廖雪峰教程 | ES6
lemooljiang
starnote
7M
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
7M
RE: Nuxt开发指南
//前端设计 <n-upload :default-upload="false" list-type="image-card" @change="handleChangeX" > 上传参考图 </n-upload> const handleChangeX = (options) => { console.log(123,
lemooljiang
starnote
7M
RE: Nuxt开发指南
[参考 Github Pages 构建部署时候,会忽略隐藏文件比如.文件,_文件的文件也会忽略,而我们的构建产物,刚好是在_nuxt目录下面,这些都被忽略,导致文件找不到。所以在配置时,不要用下划线作为文件夹开头! //nuxt.config.ts export default defineNuxtConfig({ ... app: { buildAssetsDir: 'nuxt_assets',
lemooljiang
starnote
7M
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
7M
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
7M
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
7M
RE: Nuxt开发指南
// 用localStorage来实现一个预设值 1. 先从localStorage读取,有值则赋给它设初值 const defaultRole = ref(null) if(process.client){ let latest = localStorage.getItem("defaultRole") console.log(566, "latest",
lemooljiang
starnote
7M
RE: Nuxt开发指南
经测试,只有浏览器端的 fetch 才有 streaming 的能力,其它方法不行! useFetch, $fetch都不行! const url = " const prompt = "天空为什么是蓝色的?" let query = [{role: "user", content: prompt}] let dataObj = { method:
lemooljiang
starnote
7M
RE: Nuxt开发指南
//开发环境 //package.json "dev": "nuxt dev --port 3200" // 或是这样: "config": { // here are the changes "nuxt": { "host": "0.0.0.0", "port":
lemooljiang
starnote
7M
RE: Nuxt开发指南
SSR 默认情况下,直接执行(nuxt build) yarn build。代码会被打包到.output目录,打包产物分为 public 和 server 两部分。入口为 index.mjs,可以使用 node 或 pm2 等进程管理工具启动服务, node ./.output/server/index.mjs,也可以配合nuxt preview启动预览服务。
lemooljiang
starnote
7M
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
7M
RE: Nuxt开发指南
文档 服务器 Server Nuxt具备的类似于express的功能,具有接受和响应http的能力。 Nuxt自动扫描~/server/api, ~/server/routes, 和 ~/server/middleware目录中的文件,以注册具有HMR支持的API和服务器处理程序。 每个文件都应该导出一个用defineEventHandler()定义的默认函数。
lemooljiang
starnote
7M
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
7M
RE: Nuxt开发指南
useState用于创建响应式的且服务端友好的跨组件状态,类似于Vue中的state的功能。 简单的需求只用useState就可以,复杂的话可以结合pinia const counter = useState('counter', () => Math.round(Math.random() * 1000)) counter++ counter.value = 20 //重新赋值 const
← Latest
Older →