模版 语法vue3 vue

Ant Design Vue 按需导入与 UnoCSS 样式冲突

## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https://img2023.cnblogs.com/blog/2028513/ ......
样式 Design UnoCSS Ant Vue

vue-cli-了解src目录

![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230615234501637-1359333858.png) ``` assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源 compone ......
vue-cli 目录 vue cli src

Markdown语法

# Markdown标题语法 ```python """ 要创建标题,请在单词或短语前面添加井号( # )。# 的数量代表了标题的级别。 例如,添加三个#表示创建一个三级标题()(例如:### My Header)。 键盘快捷键:选中文字,然后按ctrl+上方数字键1-6 """ ``` # Mar ......
语法 Markdown

基础语法-数组

Java 中的数组是用于存储相同类型的多个元素的数据结构 声明数组 首先必须声明数组变量,才能在程序中使用数组 dataType[] arrayName; // 或 dataType arrayName[]; 例: 创建数组 就要给数组分配大小了 初始化数组 就是声明数组+创建数组 int[] nu ......
数组 语法 基础

基础语法-main方法

main 方法是 Java 程序的入口点,也是程序执行的起始位置。当你运行一个 Java 程序时,JVM(Java 虚拟机)会自动查找并执行包含 main 方法的类。 在 main 方法中,你可以编写程序的逻辑代码,包括调用其他方法、处理输入输出、控制流程等。它允许你指定程序的初始行为,并定义程序执 ......
语法 基础 方法 main

基础语法-方法

在Java中,方法用于封装可重用的代码块,它可以执行特定的操作并返回结果。方法通常用于将任务划分为更小的模块,以提高代码的可读性、可维护性和重用性。 可以理解为python中的函数 方法的声明: 最简单的 public void sayHello() { System.out.println("He ......
语法 基础 方法

vue中使用vue-particles动态粒子蜘蛛网背景

**vue-particles是什么?** 它是一款可以动态生成点和线的插件,然后线条可以自己动,还能与用户鼠标事件产生互动。 插件的github官网地址:https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
蜘蛛网 粒子 vue-particles 蜘蛛 vue

基础语法-条件

swich switch 是 Java 中的一种条件语句,用于根据表达式的值选择不同的执行路径。它可以用来代替一系列的 if-else 语句,使代码更简洁和易读。 switch (expression) { case value1: // 当 expression 的值等于 value1 时执行的代 ......
语法 条件 基础

基础语法-循环

for 循环:用于重复执行一段代码,可以指定循环的初始值、循环条件和每次迭代后的操作。 while 循环:在循环开始之前先判断循环条件,只有当条件为真时才执行循环体内的代码。 do-while 循环:先执行一次循环体内的代码,然后再判断循环条件,只有当条件为真时才继续执行循环。 ......
语法 基础

基础语法-修饰符

Java修饰符是用于修饰类、变量、方法和构造函数等成员的关键字,用于控制其访问权限、作用范围和行为特征。Java中常见的修饰符包括以下几种: 访问修饰符: public:公共访问修饰符,表示可以被任何类访问。 private:私有访问修饰符,表示只能在所属类内部访问。 protected:受保护的访 ......
语法 基础

Vue3 —— 商城项目

## create-vue create-vue是Vue官方新的脚手架工具,底层切换到了 vite (下一代前端工具链),为开发提供极速响应。 执行如下命令,这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue,执行n ......
商城 项目 Vue3 Vue

Scala基本语法

# scala的基本语法 ## 注释 对于scala的注释,简而言之就是一句话,和java的注释一模一样 基本语法 ``` (1)单行注释:// (2)多行注释:/* */ (3)文档注释:/** * */ ``` 代码示例: ```Scala package com.doitedu.demo01 ......
语法 Scala

vue时间处理

vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式: YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
时间 vue

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题,包含对问题的思考、解决思路,以及从中获得的收获。正确的部署流程我也写了一篇文章,供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
proxy proxy_pass devServer 项目 nginx

vue学习记录 4

本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue

vue dialog弹出框随屏幕改变高度

动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
屏幕 高度 dialog vue

基础语法-运算符

Java中有多种运算符,可以分为以下几类: 算术运算符:用于执行基本的数学运算,如加法、减法、乘法、除法、取模等。常见的算术运算符有 +、-、*、/、%、++。 赋值运算符:用于将值赋给变量。常见的赋值运算符有 =、+=、-=、*=、/= 等。 关系运算符:用于比较两个值的关系,返回布尔类型的结果( ......
运算符 语法 基础

基础语法-数据类型

整数类型: byte: 8位有符号整数,取值范围为 -128 到 127。 short: 16位有符号整数,取值范围为 -32,768 到 32,767。 int: 32位有符号整数,取值范围为 -2,147,483,648 到 2,147,483,647。 long: 64位有符号整数,取值范围为 ......
语法 类型 基础 数据

MarkDown 语法

本地编辑器:Typora xxx.md 语法: # 一级标题 ## 二级标题 ### 三级标题 **粗体** *斜体* ~~删除线~~ > 引用 下划线 *** 图片: ![标题](网络/本地路径) 超链接 [超链接名字](地址) 列表 1. - 出来点 2. 3. 表格 名字 |性别 |生日 -- ......
语法 MarkDown

vue封装公共组件库并发布到npm库

利用的原理: vue框架提供的api: Vue.use( plugin),我们把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
组件 vue npm

关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播

/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
定时器 setInterval 原因 事件 问题

python中列表推导式语法问题记录

有问题代码: w = [0,1,2] e = {0:[1,2],1:[3,4],2:[5,6]} r = [dim for dim in e[i] for i in w] #这一段python代码有什么问题报错: Traceback (most recent call last): File "<s ......
语法 python 问题

Vue入门 this

# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值:通过v-bind:的形式进行数据的传递(可直接简 ......
this Vue

vue简单的分页功能实现二

# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先,data数据定义: ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
功能 vue

Vue简单的分页功能实现一

# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理,主要是在js中实现对数据的分页处理,这里分享两种简单的写法,以供参考。两种方法都是用vue来实现的。 首先,相关的参数都一样,在vue里的data中定义好,如下所示: ``` var vm = new Vue({ el:'#app ......
功能 Vue

Vue 中 组件通信 - 子传父(自定义事件)

# Vue 中 组件通信 - 子传父(自定义事件) ``` Vue 中 组件通信 - 子传父(自定义事件)子传父步骤:在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据(一般是通过一定的动作,如点击,滑动等,来自定义事件向父组件传递,这里以 click 为例)在子组件的 ......
组件 事件 Vue

npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?

如果出现在发布的时候报这个错,说明你在package.json中登记的name已近被采用了。重名了,所以你得换一个。我们在发布一个包之前,最好拿着这个登记的name去搜一下,如果已近有了,那就要换一个。 ......
publish quot permission npm 403

python基础语法

1、字符串截取: 变量名【头下标:尾下标:步长】 str = '123456' print(str[1:5:2]) # 输出从第二个开始到第五个且每隔一个的字符(步长为2) str = '123456789' print(str[1:5:2]) 输出:24 ......
语法 基础 python

vue填坑之解决部分浏览器不支持pushState方法

前端使用vue-router做单页面路由并开启history模式时,会碰到一个问题:部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法,会导致页面加载不出来。 解决这个问题的思路是: 当浏览器支持pushState方法时,开启history模式,不支持则开启hash模 ......
pushState 浏览器 部分 方法 vue

使用vue ui创建vue项目

vue ui是什么? 简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI,因为 ......
vue 项目