理解uni cli和HBuilder X版本关系
获取最新版本的信息:https://download1.dcloud.net.cn/hbuilderx/alpha.json
一、升级脚手架项目说明1、升级脚手架项目
uni-app 有新版本发布,请执行 npx @dcloudio/uvm@latest alpha 更新,更新日志详见:https://download1.dcloud.net.cn/hbuilderx/changelog/xxx-alpha.html
运行npx @dcloudio/uvm@latest alpha会读取详见中的版本xxx-alpha,并且更新依赖
14020320240703001 -> 4.2.3-alpha (hb版本)
2、执行说明
运行npx @dcloudio/uvm@latest alpha 会去读取这个json,里面有对应的hb版本下载
https://download1.dcloud.net.cn/hbuilderx/alpha.json
12345678910111213141516171819// js ...
uniapp使用原生插件uni-app原生插件:需要下载到本地:nativeplugins目录
在manifest.json添加对应的插件信息
https://nativesupport.dcloud.net.cn/NativePlugin/use/use_local_plugin.html
unibest不同分支demo分支:有基础页面
base分支:空模板
webview中vue2和vue3对象区别真正需要操作webview对象如下
12345678910{ id: "webviewId1" id__: "webviewId1" __IDENTITY__: "NWindow" __callback_id__: "plus71721700511734" __callbacks__: {} __uuid__: "NWindow41721700511899" __view_array__: []}
vue2和vue3webview获取方法
12345678910# vue2用法const currentWebview = this.$parent.$scope.$getAppWebview().children()[0];# vue3用法let pages = getCurrentPages() // debug不支持let ws = pages[pages ...
前端css规范
1234567891011121314151617181920212223242526272829303132333435bem() { return function(name, fixed, change) { // 类名前缀,使用传入的块名称生成 const prefix = `uv-${name}--` // 创建一个空对象,用于存储类名 const classes = {} // 如果存在固定类名数组 if (fixed) { fixed.map((item) => { // 遍历固定类名数组,将固定类名添加到 classes 对象中 // 这里的类名会一直存在 classes[prefix + this[item]] = true ...
一、nest学习:后端中间件记录pm2
用途:管理node应用的进程管理器
使用场景: 当您需要部署一个长期运行的 Node.js 应用程序时,PM2 可以确保应用程序的高可用性
RabbitMQ
用途:高级的消息队列代理,支持多种消息协议
使用场景: 解耦生产者和消费者的场景中,例如订单处理系统,订单创建后可以立即返回给用户
MongoDB
用途: MongoDB 是一个灵活的 NoSQL 文档数据库,它以其高性能、高可用性和易扩展性而闻名。
GraphQL
用途: GraphQL 是一个由 Facebook 开发的查询语言,用于 API,允许客户端明确指定他们需要哪些数据,从而减少数据传输量,提高效率。
使用场景: 在构建需要高度定制化数据请求的客户端应用程序时,GraphQL 非常有用。例如,电子商务应用可能需要根据不同的用户和设备显示不同的产品信息,GraphQL 允许客户端仅请求所需的数据。
Kafka
用途: Kafka 是一个分布式流处理平台,它能够高吞吐量地处理实时数据流。
使用场景: Kafka 常用于构建实时数据管道和流应用程序,如日志聚合、实时 ...
配置nginx代理图片好的,让我们通过一个例子来说明root和alias的区别。假设你有以下文件结构:
1234F:/www/nginx_images/|-- image1.jpg|-- image2.jpg|-- image3.jpg
使用 alias 的配置:
12345location /image { alias F:/www/nginx_images; allow all; autoindex on;}
在这种情况下,当用户访问 http://yourdomain/image/image1.jpg 时,Nginx会将请求映射到实际路径 F:/www/nginx_images/image1.jpg。
使用 root 的配置:
12345location /image { root F:/www; allow all; autoindex on;}
在这种情况下,当用户访问 http://yourdomain/image/image1.jpg 时,Nginx会将请求映射到实际路径 F:/w ...
base图片存为images12345678910111213141516171819202122const fs = require('fs');// 要写入的 Base64 编码的图片数据const base64Data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABFCAYAAAASJFVGAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAABKySURBVHic5VxbbBzXef7OmfvM3s2lxEtJmTZFk7ZlRwkiJIhza2skTwFatAWaFmiAoCgCBEX61JcUQS9PRYE+tE3RIgGMtHGKAA2QNC2gBIVqx0qgRI5jWrRlUiRNUVxyd7m7nN3Zuc/pA3kOD9eSzZtkIDnAQEPt7Mz5/vttlmBvMcZMADkAGgCCX67FAMQAeoSQANgDyBgrALAA7ACICCHZe7bF+7AYYxSAAaAAwCeEuGCMmYyxM3sf/lIvxhjdw2p ...
node检查目录存在两种方式
代码1:异步的方式
12345678910// 检查目标目录是否存在,不存在则创建 try { await fs.promises.access(targetDir); } catch (err) { if (err.code === 'ENOENT') { await fs.promises.mkdir(targetDir, { recursive: true }); } else { throw err; } }
代码2:同步的方式
12345// 确保输出目录存在 const outputDir = path.dirname(outputPath); if (!fs.existsSync(outputDir)) { fs.mkdirSync(outputDir, { recursive: true ...