属性 变量vue css
一文详解vue-cli2.0与vue-cli3.0之间的区别
我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为VUE脚手架工具从vue-cli3版本开始，在项目结构等诸多方面开始与vue-cli2版本相比， 有较大的优化与调整。因此，在学习和工作中，我们需要了解一下版本更替之后，在哪些方面有变动。 1. 项目目录结构 可以明显的看出来，vu ......
Vue 中npm run dev 和 npm run serve 的区别
在项目目录下，找到package.json文件，运行npm run serve命令启动项目的项目中，scripts中有一个serve字段，npm run dev命令中有一个dev字段，如下： "scripts": { "dev": "webpack-dev-server --inline --pro ......
Flask+Vue 使用
Vue 项目经过npm run build 打包后生成文件在dist目录如下： app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹，为Flask ......
css 下划线动态
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
Vue2响应式原理
响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 ......
CSS：text-align-last文本最后一行的对齐方式
在开发过程中多行文本时出现了其他行左对齐，最后一行右对齐的情况 text-align：规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐，只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align：justify就可以 了，但是对于多行文本，除了最后一行之外都可以实现两 ......
软件系统架构质量属性--测试性
正常系统的可测试性通常在于是否能发现错误，而微服务系统架构通常是长期运营的分布式系统，而对于该系统来说，分布式会带来问题已发现但不易解决，因为消息链长且位于地理位置不同，架构不同的子系统上，发生错误后无法定位错误发生地点，如果在错误发生后有错误发生点向上提交错误信息的话会容易导致线路拥堵，且并不是所 ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
直播平台源代码，vue自定义单选框radio
直播平台源代码，vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
CSS 伪元素
CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} htt ......
伪类和CSS类
伪类和CSS类 伪类可以与 CSS 类配合使用： a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问，它会显示为红色。 http://www.szytjh.co ......
CSS - :lang 伪类
CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意：IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中，:lang 类为属性值为 no 的q元素定义引号的类型： 实例 q:lang(no) {quotes: "~" "~";} https ......
CSS :first-child 伪类
CSS :first-child 伪类 您可以使用 :first-child 伪类来选择父元素的第一个子元素。 注意：在IE8的之前版本必须声明<!DOCTYPE> ，这样 :first-child 才能生效。 匹配第一个 <p> 元素 在下面的例子中，选择器匹配作为任何元素的第一个子元素的 <p> ......
vue全家桶进阶之路2：JavaScript
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C ......
vue全家桶进阶之路3：Node.js
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
java环境变量设置
java环境变量设置 一、windows系统 1.1、进入高级系统设置 右键“我的电脑”，选择属性。弹出系统信息界面。找到“高级系统设置”并点击。 1.2、进入环境变量界面 在高级系统设置界面中选择“高级”选项卡，点击下方的“环境变量”，进入“环境变量”界面。 1.3、新增JAVA_HOME变量 在 ......
dockerfile部署vue+springboot+redis
后端部署： 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件，配置信息如下： bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像，映射宿主机端口并挂载目录 docker run ......
Vue组件以及其事件生命周期
1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段，调用service()3.终止阶段，调用destroy() ......
conda虚拟环境设置环境变量
conda虚拟环境中通过 os.environ.get("my_var") 方式是无法获得系统环境变量的。 我们需要单独设置conda当前环境的环境变量。设置命令如下： conda env config vars set my_var=value # 还可以通过-n指定要给那个虚拟环境设置自定义环境 ......
Vue.js 路由简介
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 ......
vue全家桶进阶之路1：前言
Vue是一款国产前端框架，它的作者尤雨溪（Evan You）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库 Vue.js，2015年发布1.0.0版本，2016年4月发布2.0版本，目前，尤雨溪全职投入 Vue.js 的开发与维护，立志将 Vue.js 打造成与 Angular/Reac ......
macOS下环境变量的配置文件
macOS 下环境变量的配置文件有这些： /etc/paths /etc/profile ~/.bash_profile ~/.bash_login ~/.profile ~/.bashrc /etc/profile 和 /etc/paths 是系统级别的配置文件，后面几个是用户级的配置文件。 文件 ......
javaweb——使用axios和vue改造书城项目的购物车
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 由于是多个视频内容混合在一起，因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后，点击购物车按钮，直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
Vue.use方法
1、Vue.use 在引入各种插件、组件、plguin时都会使用；那么这个函数到底在干嘛？ 查看Vue.use的interface 第一个参数要么是PluginObject ，要么是PluginFunction 意思就是：要么给个对象里面带install函数，要么给个函数我约定好参数然后给你操作 反 ......
vue js axios统一拦截导出，全局显示 loading 加载
PS=> 整体逻辑： request 请求文件单独引入 element-ui 的 loading 组件，通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
vue3组件之间传值
父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
vue export学习笔记2
#创建项目 vue create vuecli-dem0 #启动项目 npm run serve #打包项目 npm run build #路由说明 由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件 ......
caffe中多个cpp共享一个变量 c++类中的静态变量
caffe中需要整个共享变量，就是从bias过来的tensor转图片，然后后面目标检测第一阶段查看定位效果，把目标框画在图上就需要一开始的图片。 实验1：这个可以在prototxt增加一个top通过网络给到后面的层，但是这样太麻烦。 实验2： 然后想想能不能通过类似与共享变量能完成， 首先实验的是在 ......
Vue3中使用pinia
Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库，它的设计目标是提供简单易用的API，使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比，Pinia更加轻量级和易于理解，适用于中小型应用程序。 Pinia的核心是store实例，每个store实例都包 ......