布局vue web

在vue中使用引入3D建模(Three.js)

1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面,可以从网站 sketchfab 下载和导入3D建模的模型(需注册,有些是免费的),在这里用到的模型地址是https://sketchfab. ......
Three vue js

Web 应用程序中进行多线程处理-Web Workers

1、什么是Web Workers? Web Workers API 是一组用于创建并在后台运行脚本的接口,以便在 Web 应用程序中进行多线程处理。它使得可以将一些耗时的计算任务放在单独的线程中执行,从而避免阻塞主线程,提高了应用程序的响应性能。 2、使用方式 以下是 Web Workers API ......
线程 应用程序 Web Workers 程序

直播app开发搭建,vue 一分钟倒计时功能实现

直播app开发搭建,vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> ​在data里边定义相关变量 data() { return { content: "倒计时", ......
功能 app vue

直播商城源码,vue中,input输入框只允许输入数字

直播商城源码,vue中,input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符: <input v-model.number="age" type="text" /> ​ 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
源码 数字 商城 input vue

直播平台软件开发,flex布局,不设置宽度,实现文字超出部分隐藏

直播平台软件开发,flex布局,不设置宽度,实现文字超出部分隐藏 .flex-box { display: flex;} .flex-item-space { flex: 1; min-width: 0; //重点样式 white-space: nowrap; //重点样式} .title { ov ......
宽度 软件开发 布局 文字 部分

vue 学习

1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种:Vue.set(obj,'sex','18'); 第二种:this.$set(this.obj, 'score', 90); 第三种:obj.score=100; 直接赋值的方式不能触发Vue的响 ......
vue

docker部署springboot+vue项目环境安装及部署流程

后端项目打jar包修改及配置项 1、修改配置文件 application-prod.yml中的mysql配置和redis配置 2、切换Maven为生产模式 3、Maven打包 4、拿到打包后的jar 包5、拿到jar包之后在Linux中使用 nohup java -jar jeecg-system- ......
springboot 流程 环境 项目 docker

C语言 内存布局

GCC编译 预处理->编译->汇编->链接 预处理:头⽂件包含、宏替换、条件编译、删除注释... 编译:主要进⾏词法、语法、语义分析等,检查⽆误后将预处理好的⽂件编译成汇编⽂件... 汇编:将汇编⽂件转换成 ⼆进制⽬标⽂件... 链接:将项⽬中的各个⼆进制⽂件+所需的库+启动代码链接成可执⾏⽂件.. ......
布局 内存 语言

Ant Design Vue Table 嵌套子表格的数据刷新方法

父子组件各自负责,在table中嵌套了子表格后,首次加载表格时,父组件会实例化子组件并传递参数,折叠后再次展开时,只会传递参数,子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
套子 表格 方法 数据 Design

vue-i18n

https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli),则需要导入 Vue 和 VueI18n ,然后调用 Vue.use(VueI18n)。 格式化 在某些情况下,你可能希望将翻译呈现为 ......
vue-i vue 18

vue~vuex的使用

存储相关 Vuex 和本地存储(如localStorage)以及 cookie 存储(如 document.cookie)之间有一些关系,但它们是不同的概念,用于不同的目的。 Vuex: Vuex 是 Vue.js 的官方状态管理库,用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
vuex vue

Ruoyi-Vue-Plus 修改模块名+包名

一、修改模块名 模块名需要一个一个改,这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红,可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
Ruoyi-Vue-Plus 模块 Ruoyi Plus Vue

互联网视频云平台EasyDSS视频服务器无法登录Web页面的排查与解决方法

EasyDSS互联网视频云服务可支持视频直播、点播,视频直播方面最多可分为十六屏进行实时直播,视频点播方面则有视频点播广场自由点播,灵活性非常强,可满足用户的多场景需求。 我们接收到用户较多的咨询是关于EasyDSS服务运行之后,无法登录Web的情况(如下图)。 排查思路其实遇到这个情况,我们可以从 ......
视频 EasyDSS 互联网 页面 服务器

Rider: 创建空Web API Controller

背景 原先以为,Rider不能创建Web API Controller, 但在搜索过后发现的如下方法 建立步骤 创建出的Controller如图所示 参考链接 https://blog.jetbrains.com/dotnet/2021/03/18/scaffolding-for-asp-net-c ......
Controller Rider API Web

web DevOps / engineer day04 /

s 今日总结:环境构建 构建Yum仓库 开机自动挂载修改UUID内容 配置网络参数之主机名 配置网络参数之IP地址与子网掩码、网关地址 三种方式配置地址: nmcli方式 利用nmtui修改IP地址、子网掩码、网关地址(了解) 利用配置文件修改IP地址、子网掩码、网关地址(了解) 总结(图-15) ......
engineer DevOps web day 04

Vue2——监听页面滚动实现菜单和页面对应

前言 如题,监听页面的滚动并激活相应的菜单,一个老项目的维护,后面反正要全部重构,这里就先实现功能就好了; 内容 元素内容 主要是添加相应的id,生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
页面 菜单 Vue2 Vue

Vue.js的index.html文件中引入JavaScript文件

将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径,如果想将本地js文件打包之后也放在static/js文件夹下,需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
文件 JavaScript index html Vue

Taro+vue3 关注抖音号

Taro使用vue3或者react框架,data-aweme-id属性是不被解析到生成的页面代码中的,所以需要借助编译插件@tarojs/plugin-inject去注入标签属性; https://taro-docs.jd.com/docs/vue-overall#dataset 业务页面: <bu ......
Taro vue3 vue

vue--day83---路由的params参数

1. 配置路由,声明接收params参数 ```js { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:'xiangqi ......
路由 参数 params vue day

关于在vue里面使用导航栏需要注意的事项

1、右侧内容的显现 右侧内容由el-main标签包围,需要在里面填上: 内容才能成功显现! 2、路由所在 不仅仅要在APP.vue里面放路由: 还要在Index.vue里面放置: 初学小白找这个错误找了好久! ......
事项 vue

vue--day82--命名路由

### 5.命名路由 1. 作用:可以简化路由的跳转。 2. 如何使用 1. 给路由命名: ```js { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello ......
路由 vue day 82

vue--day81---路由的query参数

1. router/index.js //该文件专门用于创建整个应用的路由器 import VueRouter from "vue-router" import About from '../pages/About' import Home from '../pages/Home' import N ......
路由 参数 query vue day

如何使用Vite创建Vue3的uniapp项目

项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //(autoimport变量,eslint配置)由auto-import插件生成 ├─ .eslintr ......
项目 uniapp Vite Vue3 Vue

利用IIS反向代理 .NET Core Web API

IIS则是作为反向代理的角色转发请求到Kestrel不同端口的http://ASP.NET Core程序中,随后就将接收到的请求推送至中间件管道中去,处理完你的请求和相关业务逻辑之后再将HTTP响应数据重新回写到IIS中,最终转达到不同的客户端(浏览器,APP,客户端等)。 如果你的应用只接收来自内 ......
Core IIS API NET Web

自写vue导航栏--动态读取js的数据

App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
动态 数据 vue

Vue学习二:指令补充、computed计算属性、watch侦听器、案例:水果购物车

一、指令修饰符 通过"."指明一些指令后缀,不同后缀封装了不同的处理操作 → 简化代码①按键修饰符@keyup.enter → 键盘回车监听②v-model修饰符v-model.trim →去除首尾空格v-model.number →转数字③事件修饰符@事件名.stop →阻止冒泡@事件名.prev ......
侦听器 指令 购物车 computed 属性

Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决

问题描述 由于自身用的是vue3的版本,所以原来的element组件只是适用于vue2,而vue3就是即便按照教程的步骤进行更改,还是依然报错,所以, 我们在使用组件的时候,就需要直接使用element-plus组件; 然而,在我引入新的组件之后,就出现了这样的错误: 满屏的红色呀! 问题解决 经过 ......
node_modules vue-loader modules loader dist

vue-cli

1.安装node.js 下载链接:Node.js百度网盘链接 提取码:6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack(打包) cnpm install webpack -g 2.创建项目 2.1 使 ......
vue-cli vue cli

ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选,数据回显勾选

需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是workerId 代 ......
表格 记忆 数据 design ant

快速初始化Vue3项目终端工具 x-init

https://github.com/zjy4fun/x-init 安装工具 npm install -g x-init 快速创建一个项目,只需`x projectName`即可快速创建项目,支持国内加速👀 x demo ......
终端 工具 项目 x-init Vue3