模版 语法vue3 vue
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https://img2023.cnblogs.com/blog/2028513/ ......
vue-cli-了解src目录
![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230615234501637-1359333858.png) ``` assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源 compone ......
Markdown语法
# Markdown标题语法 ```python """ 要创建标题,请在单词或短语前面添加井号( # )。# 的数量代表了标题的级别。 例如,添加三个#表示创建一个三级标题()(例如:### My Header)。 键盘快捷键:选中文字,然后按ctrl+上方数字键1-6 """ ``` # Mar ......
基础语法-数组
Java 中的数组是用于存储相同类型的多个元素的数据结构 声明数组 首先必须声明数组变量,才能在程序中使用数组 dataType[] arrayName; // 或 dataType arrayName[]; 例: 创建数组 就要给数组分配大小了 初始化数组 就是声明数组+创建数组 int[] nu ......
基础语法-main方法
main 方法是 Java 程序的入口点,也是程序执行的起始位置。当你运行一个 Java 程序时,JVM(Java 虚拟机)会自动查找并执行包含 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 ......
基础语法-条件
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 ......
Scala基本语法
# scala的基本语法 ## 注释 对于scala的注释,简而言之就是一句话,和java的注释一模一样 基本语法 ``` (1)单行注释:// (2)多行注释:/* */ (3)文档注释:/** * */ ``` 代码示例: ```Scala package com.doitedu.demo01 ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式: YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题,包含对问题的思考、解决思路,以及从中获得的收获。正确的部署流程我也写了一篇文章,供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
vue学习记录 4
本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
基础语法-运算符
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. 表格 名字 |性别 |生日 -- ......
vue封装公共组件库并发布到npm库
利用的原理: vue框架提供的api: Vue.use( plugin),我们把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
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 ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值:通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先,data数据定义: ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理,主要是在js中实现对数据的分页处理,这里分享两种简单的写法,以供参考。两种方法都是用vue来实现的。 首先,相关的参数都一样,在vue里的data中定义好,如下所示: ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父(自定义事件)
# Vue 中 组件通信 - 子传父(自定义事件) ``` Vue 中 组件通信 - 子传父(自定义事件)子传父步骤:在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据(一般是通过一定的动作,如点击,滑动等,来自定义事件向父组件传递,这里以 click 为例)在子组件的 ......
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去搜一下,如果已近有了,那就要换一个。 ......
python基础语法
1、字符串截取: 变量名【头下标:尾下标:步长】 str = '123456' print(str[1:5:2]) # 输出从第二个开始到第五个且每隔一个的字符(步长为2) str = '123456789' print(str[1:5:2]) 输出:24 ......
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时,会碰到一个问题:部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法,会导致页面加载不出来。 解决这个问题的思路是: 当浏览器支持pushState方法时,开启history模式,不支持则开启hash模 ......
使用vue ui创建vue项目
vue ui是什么? 简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI,因为 ......