布局vue web
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
软件测试|测试平台开发-Flask 入门：编写第一个简单 Web 应用
简介 Flask 是一个轻量级的 Python Web 框架，它使得创建 Web 应用变得简单快捷。相比于Django框架，它具有以下的优点： 轻：Flask 是一个轻量级的 Web 框架，使用 Python 语言编写 易：较其他同类型框架更为灵活、轻便且容易上手 快：小型团队在短时间内就可以完成功 ......
vue框架，input相同标签如何定位-label定位
一、问题提出： 后台前端框架改版，之前是angularjs，现在用vue，导致input标签定位失败，只能定位到第一个input标签，查看后台源代码发现这两个标签是一模一样，如下图： 二、问题思考过程 1.为什么以前的版本可以定位成功，而现在的就定位不了啦 查阅之前版本的这部分定位代码，发现原来的框 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
vue $refs.aaa aaa模板引用子组件 是个空数组 原因
我的代码结构大致这样 <el-tabs v-model="activeTab"> <el-tab-pane v-for="(tab, index) in 一个数组bbb" :key="index" :label="tab.label" :name="tab.name" > <子组件 ref="aaa ......
问题记录贴：vue-i18n在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined
网上有用的解决方法：vue 国际化在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined 大佬给出的解决方法： 弹窗是一个新的Vue对象，只需要单独给弹窗重新绑定i18n即可。 代码： // dialog/main.js impor ......
数字孪生智慧搅拌站Web3D可视化管理云平台
在当今的建筑工程领域，混凝土作为重要的建筑材料之一，其质量和供应的稳定性一直是工程成败的关键。 建设背景 市场背景 混凝土，简称为“砼”。是当代最主要的土木工程材料之一。自2003年10月发布“禁现令”以来，国内预拌混凝土行业高速发展，年产量从1亿余方增长至2021年的32亿方以上，企业数量也达到1 ......
Vue 生命周期
Vue 生命周期 Vue 生命周期指的是 Vue 实例从创建到销毁整个过程 Vue 生命周期函数 Vue 生命周期函数（或生命周期回调函数、生命周期钩子）指的是在 Vue 生命周期的特定关键时间点被 Vue 自动调用的一些特殊函数 注意事项 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需 ......
Vue: keep-alive的使用
作用： 组件切换时保持组件状态不被销毁 属性： include——包括：值为字符串或正则表达式或数组；指定的组件被缓存 exclude——不包括：值为字符串或正则表达式或数组；指定的组件不被缓存 exclude优先级高于include 用法： <keep-alive include="home,ab ......
vue3+vite import 引入ThreeBSP库 报错
我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
图扑 HT for Web 风格属性手册教程
图扑软件明星产品 HT for Web 是一套纯国产化独立自主研发的 2D 和 3D 图形界面可视化引擎。HT for Web（以下简称 HT）图元的样式由其 Style 属性控制，并且不同类型图元的 Style 属性各不相同。为了方便查询和理解图元的 Style 属性，以及更加便捷地应用和理解每个... ......
为什么 CSS flex 布局中没有 `justify-items` 和 `justify-self`?
为什么 CSS flex 布局中没有 justify-items 和 justify-self？ 为什么在 CSS flex 布局中存在 align-items 和 align-self，却没有 justify-items 和 justify-self 呢？要解答这个问题，首先需要理解主轴（main ......
vite.config.js base 与 vue-router base
vite.config.js base 决定了打包后，资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
vue项目个人配置
src/assets/base.css :root { --html-bg-color: #ffffff; } html.dark { --html-bg-color: #242424; } src/assets/reset.css /** * Eric Meyer's Reset CSS v2.0 ......
Vue3 + Electron
https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
Vue3常用库安装
目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
将Vue3项目部署到Github Pages
1. 创建vue3项目 $ npm init vue@latest 初始化工程，并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录，初始化本地git仓库 $ git init $ git add . $ git commit -m "init" 连接v ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签，原生效果有点击直接当前页跳转路由，按键（windows为ctrl，ios为command）+ 点击打开路由的新页面这两种效果 注意，第一种效果是a标签自带的，第二种效果是浏览器的行为。 如图为普通a标签和部分属性，点击跳转新路由/newapi，当然同时也会触发newUrl函数 ......
CTF-WEB：PHP 伪协议
文件包含漏洞# 为了更好地使用代码的重用性，可以使用文件包含函数将文件包含进来，直接使用文件中的代码来提高重用性。但是这也产生了文件包含漏洞，产生原因是在通过 PHP 的函数引入文件时，为了灵活包含文件会将被包含文件设置为变量，通过动态变量来引入需要包含的文件。此时用户可以对变量的值可控，而服务器端 ......
JSON Web Token
传统的Web应用中，使用session来存在用户的信息，每次用户认证通过以后，服务器需要创建一条记录 保存用户信息，通常是在内存中。 随着认证通过的用户越来越多，服务器的在这里的开销就会越来越大。 由于Session是在内存中的，这就带来一些扩展性的问题。 当我们想要扩展我们的应用，让我们的数据被多 ......
babel在vue项目中使用(vue兼容)
https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时，可以选择babel直接创建一般情况下是默认配置，直接使用就可以了 二、单独引入babel(直接修改package.json ......
npm init vite@latest vue3study --template vue
D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
Vue组件通信 父子通信
  启动cmd，进入到文件夹路径，输入以下命令，回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后，使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后，输入npm insta ......
物联网开发利器：基于web的强大的可拖拽组态软件
BY组态是一款功能强大的基于Web的可视化组态编辑器，采用标准HTML5技术，基于B/S架构进行开发，支持WEB端呈现，支持在浏览器端完成便捷的人机交互，简单的拖拽即可完成可视化页面的设计。可快速构建和部署可扩展的SCADA、HMI、仪表板或IIoT系统。使用BY组态编辑器，可以创建现代化、可视化、 ......