组件opentiny版本vue
Vue中动态(import 、require)显示img图片
vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个: 首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。 其次,如果说图片是一个logo ......
CAP 8.0 版本发布通告 - CAP 7岁生日快乐!
前言 今天,我们很高兴宣布 CAP 发布 8.0 版本正式版,从 2016 年 12 月 14 日CAP立项到 2023 年 12 月14 日发布 8.0 版本刚好满 7 年,祝 CAP 7 岁生日快乐,巧的是这一天也是我生日,真是意想不到啊! 那就做一个 Overview 吧,在这7年间,我们一共 ......
Vue项目引入图片的两种场景和三种方式
场景一:public目录下的图片 public目录 public目录下的图片引入方式: Bash <!--'/images/'+图片名称,这种属于绝对路径,/指向public目录 --> <img src="/images/image.png"> 场景二:在src目录下的图片 src目录 通过imp ......
版本选择
一、Netdlix停更 二、官方推荐替代品 SpringCloud Alibaba成为业界主流的微服务解决方案 三、SpringCloud Alibaba版本选择 官方Github ......
鸿蒙开发之容器组件
容器组件类似于flex的布局, 不过这里是固定Column 是纵向 Row是横向 当然, 也提供了很多的flex相关的属性封装 如何设置? 第一种是 Row() { Text($r(…)) Text($r(…)) } .justifyContent(FlexAlign.SpaceBetween) / ......
鸿蒙开发之系统基础组件
应用page的组成部分是 组件组成的, 系统提供了很多的组件 Image/Text Image组件 Image($r('app.media.logo')) .width(78) .height(509) 使用string 设置 .width('78vp') // vp vm的像素单位 使用定义资源j ......
vue vue3 jsx tsx
0. 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx/tsx,直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx ......
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试+投简历中,每次面试或笔试完后其实最重要的不是结果,而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足,比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛,有缺点咱就认咯。算法——代码随想 ......
Vue3
1、ref和reactive 原来reactive是一个对象类型,使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
vue3 静态配置文件
前言 有时候我们负责做的只是一个大平台系统下的某个子系统,有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址,直接写在代码里,那么如果别的子系统的接口调整了,会影响到我们的系统,我们还要重新打包,部署,会很繁琐。 解决思路 我们的想法是这样: 敲代码的时候,如果要引用其他人 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
升级angular项目版本
1.创建新项目-angular-cli 的升级 1.1 装载指定版本的(未安装angular-cli) npm install -g @angualr/cli@version 1.2 已经安装angular-cli版本 npm uninstall -g @angular/cli //先卸载老 ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小(在安卓上可以实现禁止放大缩小,但是ios就不行) // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
Vue使用vue-simple-uploader上传文件夹
Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度 引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro ......
vue引入ts报找不到模块或其相应的类型声明
我出现这个的原因是我配置了‘@/’的路径别名配置,然后在引入ts报了这个问题。 主要原因为:在查找ts文件的时候,路径出现了问题。 解决方法(主要是第二点,第一点单纯记录了我配置的别名路径) 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
VUE3学习基础之模板语法
我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
godot 简单实用的旋转和位移平滑插值方案, tween 版本, 方案1 是通用的 unity 支持
#相机平滑视角移动 #旧方案 移动超过360 或者负数的角度,会转大圈,也有可能会遇到万向节死锁的问题 func camera_move_old(move_node,move_pos:Vector3,move_rot:Vector3,time): var tween=create_tween().s ......
Vue上传文件夹的实现
一、上传文件夹基本流程 在Vue中,上传文件夹的基本流程如下: 1. 用户在页面中选择要上传的文件夹; 2. 将该文件夹中的所有文件进行遍历; 3. 将遍历出来的每个文件使用 formData 对象进行处理; 4. 把所有处理好的 formData 对象上传到服务器。 二、选择要上传的文件夹 在Vu ......
vue3学习笔记(四)
表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法: 列表内容回显, orderStatus 0 是未处理, 1是已处理等,不能直接展示,所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
【Python&目标识别】Yolo v5-7.0版本中文标签显示方法&字体链接
Yolo的程序之前已经定制化输出过了,但是最近业主突然想要中文的标签,所以赶紧去修改了一下源代码,从网上发现很多资料都改这改那,搞四五个文件结果还没成功。所以自己研究了一下,现在已经完美解决了。今天就和大家分享一下Yolo v5-7.0版本的目标识别如何添加中文的标签。 ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
图片上传 vue2+element 上传多个图片写法和常见问题1
data: results:接口返回是是[]; this.formList.result : '' ;是字符串 , resultsList;[]; fileList:[]; 注: 因为后台需要接受字符, 上传文件又是 数组,所以需要自己 使用 split(',') ;join(' ,') 来切换数组 ......
vscode 安装历史版本
修改版本号为想要下载的版本即可 https://update.code.visualstudio.com/{版本}/win32-x64-archive/stable vscode 历史版本地址:Visual Studio Code 常见问题 ......
Vue - 复制静态文件到 build的文件夹中
Vue - 复制静态文件到 build的文件夹中 环境:vue2 框架 前提:在根目录下放置了Dockerfile 文件,在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 在vue.config.js中引入插件 const CopyWebpa ......
Ruby 版本升级
一、升级原因 在开发shopify app的时候,提示我当前的Ruby版本不支持(如下图),所以需要升级Ruby。 由于Ruby 中的一些 Gem 依赖于 OpenSSL 库,所以更改 Ruby 版本,还需要安装正确版本的 OpenSSL。 下面的升级过程会先安装 OpenSSL 1.1,再安装 R ......
vue实现文件夹的上传
在前端开发中,文件上传是一个常见的需求。而有时候,我们需要一次上传整个文件夹,而不是单个文件。本文将介绍如何使用Vue框架来实现文件夹的上传。 步骤一:准备工作 首先,我们需要在Vue项目中安装一个文件上传插件。在这里,我们将使用vue-upload-component插件,它提供了丰富的上传功能, ......
夜莺项目发布 v6.5.0 版本,暗黑菜单来了
大家好,夜莺项目发布 v6.5.0 版本,启用新 logo,菜单支持换肤,支持了暗黑版本的菜单,下一步会支持全站暗黑主题,敬请期待,下面是新 logo。 暗黑菜单 页面右上角点击用户名,在下拉框里会有主题设置,可以选择暗黑主题菜单,效果如下: 监控大盘详情页面右上角也多了一个主题设置,可以选择 da ......