技术
文章平均质量分 56
一条小咸鱼儿
这个作者很懒,什么都没留下…
展开
-
vue路由第二篇-路由传参之案例实现
vue路由第二篇-路由传参路由1. 路由传参1.1 环境准备1.1.1 定义数据1.1.2 定义类型1.1.3 定义列表组件1.1.4 配置路由1.1.5 挂载路由1.1.6 在根组件中使用路由1.2 完整列表组件1.3 编写详情组件1.4 配置详情组件的路由1.5 query传参1.5.1 完善产品列表的点击事件1.5.2 接收参数1.6 params传参1.6.1 传递参数1.6.2 接收参数1.7 动态路由传参1.7.1 修改路由1.7.2 传递参数1.7.3 接收参数2. 嵌套路由2.1 环境准备2原创 2022-04-11 21:26:51 · 1287 阅读 · 0 评论 -
vue路由笔记
vue路由笔记路由1. 安装2. 入门2.1 根组件2.2 创建组件2.3 编写路由2.4 挂载路由2.5 使用路由2.6 route 和 router 的区别3. 路由模式3.1 hash模式3.2 history模式4. 命名路由4.1 介绍4.2 使用5. 编程式导航5.1 字符串模式5.2 对象模式5.3 命名路由模式5.4 替换当前位置5.4.1 router-link5.4.2 编程式导航5.4.3 横跨历史路由1. 安装执行如下命令来安装npm install vue-router@4原创 2022-04-11 21:18:50 · 5448 阅读 · 1 评论 -
动画、插件和ElementPlus的使用
动画、插件和ElementPlus的使用动画使用 animate.cssGSAP 动画使用插件编写插件挂载插件注册插件使用插件ElementPlus动画使用 animate.css在项目中安装 animate.cssnpm i animate.css在使用 animate 动画的组件中引入import 'animate.css'使用<transition class="animate__animated animate__bounceInDown"><p原创 2022-04-11 20:57:02 · 1600 阅读 · 0 评论 -
递归组件、动态组件、异步组件和组件插槽的用法
递归组件在组件中调用组件自身,需要有一个出口,一般用于菜单显示等。递归组件案例这是一个导航栏的案例,通过在父组件中定义数据,这个数据可以有很多层,然后将数据传给子组件Tree.vue中利用递归组件进行展示。App.vue代码:<template> <Tree :data="menus"></Tree></template><script setup lang="ts">import Tree from './compone原创 2022-04-11 20:26:00 · 456 阅读 · 0 评论 -
关于vue中表单和组件的笔记
关于vue中表单和组件的笔记今天内容表单文本多行文本单选框多选框下拉选择框修饰符.lazy.number.trim案例:用户注册搭建界面定义数据绑定数据绑定事件组件组件基础基本使用美化组件修改根组件组件生命周期组件通信父传子默认值子传父子组件定义事件父组件接收数据祖孙传参兄弟传参借助父组件使用 Event Bus(了解)今天内容表单组件表单文本<input type="text" v-model="message">多行文本<textarea v-model="mes原创 2022-03-29 18:20:05 · 1279 阅读 · 0 评论 -
随机背景案例
随机背景案例本文主要是展示使用自定义vue指令来实现的案例。它主要用于在网络环境差的情况下,图片可能会加载不出来,这时我们可以让原本应该显示图片的地方使用一个随机背景色来填充,在图片装载完成后使用图片来覆盖原来填充了随机色的地方。代码如下:<template> <div v-img="'src/assets/logo.png'"></div></template><script setup lang="ts">import {原创 2022-03-29 18:12:02 · 822 阅读 · 0 评论 -
响应式API以及计算属性的用法和小案例
toRef的用法可以用来为源响应式对象上的某个 property 新创建一个 ref。然后,ref 可以被传递,它会保持对其源 property 的响应式连接。const state = reactive({ foo: 1, bar: 2})const fooRef = toRef(state, 'foo')fooRef.value++console.log(state.foo) // 2state.foo++console.log(fooRef.value) // 3当你原创 2022-03-29 17:59:34 · 311 阅读 · 0 评论 -
再写轮播功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播</title> <style> *{ margin:0; padding: 0; list-style: none; } #bigbox{原创 2022-03-19 19:05:03 · 103 阅读 · 0 评论 -
java学习之json篇——java-json、gson、fastjson、jackson的使用
标题java-json建立实体类userpackage com.jock168.entity;import com.fasterxml.jackson.annotation.JsonFormat;import com.fasterxml.jackson.annotation.JsonIgnore;import com.fasterxml.jackson.annotation.JsonProperty;import com.fasterxml.jackson.annotation.JsonPr原创 2021-11-17 19:00:43 · 598 阅读 · 0 评论 -
Java学习之json篇——json介绍
json介绍JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使原创 2021-11-17 18:48:50 · 3462 阅读 · 1 评论 -
dom4j学习
Dom4j1. 下载 dom4j首先,打开 dom4j 的官网:dom4j官网下载需要版本的 dom4j-xxx.jar 文件,并把这个文件复制到项目的 lib 目录中。一定要注意把这个 jar 文件添加到类路径下。右键 -> Add as Liberay…,并在弹出的窗口中点击确定即可。2. 使用根据官网提供的操作方法来进行学习。首先我们了解如何通过 dom4j 来解析 xml 文件2.1 解析 xml首先需要编写一个 xml 文件,用于解析操作。<?xml version=原创 2021-11-17 18:03:17 · 432 阅读 · 0 评论 -
XML学习
XML学习1.xml什么是XMLXML 叫可扩展的标记语言,用于数据存储,配置文件等。XML的结构XML文件的扩展名为.xml,在文件的头部需要有以下的声明:说明:<和?以及mxl之间不能有空格有以下几个属性version:表示xml 的版本号,默认为1.0,这个值不能改变encoding:用于指定 xml 文件的编码格式,推荐值为 utf-8xml 中标签名可以自定义,只需要符合命名规则就可以了。在标签中我们也可以指定属性,属性名也可以自定义,只需要符合命名规则即可。但是原创 2021-11-17 17:23:59 · 145 阅读 · 0 评论 -
java学习之多线程编程2
今日目标:|-- 系统编程(多任务)|-- 什么是多任务|-- 操作系统如何实现多任务 |-- 时间片切换 |-- 优先级别调度|-- java是如何实现多任务 -- 多线程|-- java如何实现多线程 |-- 继承Thread |-- 实现Runable接口 |-- 实现Callabe和Future接口(1.5提供的) |-- jdk提供了线程池用来获取线程(1.5)|-- 线程的生命周期|-- 线程安全问题 |-- 加锁 synchronized关键字的使用 |-- L原创 2021-08-29 12:21:02 · 103 阅读 · 0 评论 -
多任务编程初步接触
系统编程——多任务编程——多线程编程什么是多任务? 在同一时间可以同时干多件事,我们就叫做多任务!!! 1970年前后!!!!单核CPU到底如何实现多任务的? 单核CPU是无法实现真正意义上的多任务的!!!! 单核CPU的所有多任务都是伪多任务!!!单核CPU操作系统是如何显示多任务的 |-- 时间片轮换机制 |-- 优先级别调度多核CPU就是可以真正的多任务编程语言能够提供哪些多任务的实现: |-- 多进程(muilt process): 计算机和操作系统调度和资源原创 2021-08-27 20:47:42 · 76 阅读 · 0 评论 -
intelliJ idea的安装
第一步:打开intelliJ idea官网第二步:点击下载第三步:点击图中的exe文件进行安装第四步:按步骤点击next,直至安装完毕最后安装成功:原创 2021-08-27 20:43:37 · 2520 阅读 · 0 评论 -
java学习之FileUtils工具类的使用、try-with-resource语句块、Properties文件、经典面试题
今日目标: |-- FIleUtil工具类的使用(学习第三方jar包的使用) |-- Apache的commons项目介绍和使用 |-- try with resource语句块 |-- Properties文件的使用 |-- 新的IDE -- intellij IDEA |-- 安装教程 |-- 配置和使用教程 |-- 系统编程(多任务) |-- 什么是多任务 |-- 操作系统如何实现多任务 |-- 时间片切换 |-- 优先级别调度 |-- java是如何实现多任务原创 2021-08-27 20:32:55 · 309 阅读 · 0 评论 -
java学习之IO流的使用plus
IO流的学习 |-- File对象(已学) |-- IO流的基本概念(已学) |-- IO流的分类(已学) |-- 字节流的基本使用(已学) |-- 使用字节流完成文件的拷贝(已学) |-- 装饰流(过滤流)的使用(已学) |-- 数据流的使用 |-- 字符流的使用 |-- 转换流的使用 |-- 对象流以及Java的对象序列化数据流的使用:我们之前讲解的流,如果要保存数字,只要将数字转换为字符串,也就是说以字符流的形式保存数据,这样有时候并不是我们需要的,我们原创 2021-08-23 21:11:18 · 99 阅读 · 0 评论 -
java学习之IO流的使用
IO入门知识什么是IO流:IO Stream(input output Steam):输入输出流 本质指的就是计算机中数据的流入和流出: 从磁盘上将数据读入内存 从内存中将数据写入到硬盘 也就是说,从狭义上来说,我们一般IO流指的就是磁盘和内存之间的数据流动 但是从广义来说,不同电脑之间的数据流动,也是一种IO流,网络通信也是IO流(socket) 在本地进程间的数据流动,就是狭义上的IO流 在远程进程间的数据流动,也就是一种IO流(Socket)java的IO流:将底层原创 2021-08-21 21:50:16 · 110 阅读 · 0 评论 -
java学习之File对象
File对象:File对象四种构造函数new File(字符串的路径);new File(Uri);new File(String parent, filename);new File(File parent, filename);静态属性File.separator // 路径的分隔符常见方法file.canExecute();file.canWrite();file.canRead();file.createNewFile(); // 创建文件file.mkdir()原创 2021-08-21 21:37:20 · 362 阅读 · 0 评论 -
Map接口及其实现类,Collections工具类的使用
|-- 集合(Collection) 底层使用大量数据结构 |-- List(列表) 线性表 数组——ArrayList、Vector 链表——LinkedList |-- Queue |-- Set(集合) hash表 HashSet TreeSet LinkedHashSet |-- Map HashMap TreeMap LinkedHashMap HashTable ConcurrentHashMap原创 2021-08-20 23:00:22 · 136 阅读 · 0 评论 -
Set接口的其他实现类,Map接口中的HashMap,Comparable接口
Set接口的其他实现类:TreeSet:基于二叉树实现的集合,该集合是有序的!!!LinkedHashSet:有序的hash结构Map接口:HashMap:常用的HashTable:虽然是线程安全的,但是极其不稳定,已被弃用ConcurrentHashMap:是线程安全的,在多线程被使用Collections工具类:与Arrays类似,但不完全类似。Set接口的实现类------TreeSet它是基于TreeMap,TreeMap底层使用的是二叉树实现的,该原创 2021-08-19 23:05:47 · 572 阅读 · 0 评论 -
java关于ArrayList,Vector,LinkedList,Set及其面试题+LeetCode136两种方式实现
ArrayListArrayList的遍历补充将list转换为数组 使用toArray()方法将列表转换为数组,再对数组进行遍历@Testvoid test01() { List<String> names = new ArrayList<>(); names.add("张三"); names.add("李四"); names.add("王五"); names.add("赵六"); names.add("钱七"); Object[] array = na原创 2021-08-18 22:42:14 · 139 阅读 · 0 评论