前端数据模拟mockjs
参考视频戳我跳转 mockjs介绍 Mock.js是一款开发中拦截Ajax请求再生成随机数据响应的工具,可以用来模拟服务器响应 优点是非常简单方便,无入侵性,基本覆盖常用的接口数据类型 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等 安装:npm install mockjs 官方文档 基本使用 在项目中创建mock目录,新建index.js文件 12345678910111213141516171819import Mock from 'mockjs'Mock.mock('/product/search', { "ret": 0, "data": { //随机生成日期时间 "mtime: "@datetime", //随机生成1-800的数字 "score|1-800": 800, //随机生成1-100的数字 ...
Axios网络请求
文章参考来源Axios网络请求 Axios了解简介 Axios是基于promise网络请求库(基于AJAX的网络请求框架),作用于node.js和浏览器中 Axios在浏览器端使用XMLHttpRequests发送网络请求,并能自动完成JSON数据的转换 安装官网地址:更多安装方式以及教程参考官方文档 npm安装: 1npm install axios 导入import axios form 'axios' 可以全局导入也可以哪个组件用哪里导入,注意axios导入和正常写路径不同 发送网络请求发送GET请求 方法一:在axios方法中直接传入一个对象,配置请求路径:url,传递参数:params。然后使用。.then方法获得响应数据 1234567891011121314151617//配置接口地址axios.defaults.baseURL = 'http://127.0.0.1:3000'function testget() { axios({ ...
Vue框架相关(2)
如何使用别人的vue项目 通常情况网上下好的vue开源项目都是不包含node_modules文件的 这个时候只需要打开npm i一下,就会自动读取package.json中的记录下好依赖 第三方组件element-ui3.0版本官网 居然是饿了么提供的开源前端框架 安装 安装:npm install element-plus --save 快速开始: 完整导入:如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。1234567import { createApp } from 'vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import App from './App.vue'const app = createApp(App)app.use(ElementPlus)app.mount('#app') app.use(ElementPl...
Vue框架相关(1)
参考视频1天搞定SpringBoot+Vue全栈开发vue前端框架,没有介绍 MVVM模式 Model-View-ViewModel,一种基于前端开发的框架模式,其核心是提供对View和ViewModel的双向数据绑定 Vue提供了MVVM风格的双向数据绑定,核心是MVVM中的VM,也就是ViewModel,其负责连接VIEW和Model,保证视图和数据的一致性 快速上手vue官方文档 建议使用按照官方文档来 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hello Vue!&...
Java之集合
摘自廖雪峰的java教程,有部分删改 Java集合简介Java的集合类定义在java.util包中,支持泛型,主要提供了3种集合类,包括List,Set和Map。Java集合使用统一的Iterator遍历,尽量不要使用遗留接口。 使用List 分为ArrayList和LinkedList 通常情况下,我们总是优先使用ArrayList List的特点 List接口允许我们添加重复的元素,即List内部的元素可以重复: 123456789101112import java.util.ArrayList;import java.util.List;public class Main { public static void main(String[] args) { List<String> list = new ArrayList<>(); list.add("apple"); // size=1 list.add("pear"); //...
SpringBoot相关
参考视频1天搞定SpringBoot+Vue全栈开发 SpringBoot开发环境热部署概述 需求:开发环境,代码频繁修改,重启麻烦 SpringBoot提供spring-boot-devtools组件,无需手动重启 devtools会监听classpath下文件变动,出发Restart类加载器重新加载该类,实现热部署 并不是所有更改都需要重启应用(如静态资源、视图模板),可以通过设置spring.devtools.restart.exclude属性来指定一些文件或目录修改不用重启应用 配置 在pom.xml中添加dev-tools依赖 使用optional=true表示依赖不会传递,即该项目依赖devtools;其他项目如果引入此项目生成的jar包,则不会包含devtools 12345<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <op...
JVM一篇速览
本文为个人学习笔记,内容大部分摘自JavaGuide,稍有部分修改,如有错误,欢迎指正 基本介绍 全程Java Virtual Machine 特点:直接与操作系统进行交互,与硬件不直接交互 运行机制 将java文件编译成可读的.class文件 类加载器JVM执行.class文件,需要将文件先放入类加载器中 方法区 存放类似于元数据信息方面的数据 eg:类信息、常量、静态变量、编译后的代码… 类加载器将.class文件搬过来就是先丢在这一块 堆 存放一些储存的数据 eg:对象实例、数组… 与方法区共属线程共享区域,存在线程不安全的问题 栈 编写的方法都在此处运行 8 种基本类型的变量+对象的引用变量+实例方法都是在栈里面分配内存 程序计数器 指向下一行我们需要执行的代码 和栈一样都是线程独享的 JVM调优的主要方法就是围绕堆和栈两块进行 类加载器-ClassLoader从类被加载到虚拟机内存中开始,到释放内存共七个步骤:加载、验证、准备、解析、初始化、使用、卸载 其中验证、准备、解析三个步骤统称为链接 类加载器的流程加载 将class文件加载到内...
linux常用指令
Ubuntu虚拟机联网教程VMware中Ubuntu联网方案(含泪试错版) 常用Linux指令-Ubuntu为例 ctrl + alt + t 打开终端 文件和目录操作 pwd:显示当前目录路径 ls:列出当前目录下的文件和文件夹 选项: -l:依次按照文件权限、链接数、所有者、所属组、文件大小、最后修改时间、文件名的顺序显示详细信息 -a:显示所有文件,包括隐藏文件 man [要查的命令]:查看命令的使用手册 [要查的命令] –help:显示命令的帮助信息(效果类似man) clear:清屏 ctrl + l 也可以清屏 cd [目录路径]:切换当前工作目录到指定路径 cd ..:返回上一级目录 cd ~或者cd:切换到用户主目录 cd -:切换到上次所在目录 mkdir [目录名]:创建新目录 -p:创建多级目录eg. mkdir -p dir1/dir2/dir3 rmdir [目录名]:删除空目录 cp [源文件路径] [目标文件路径]:复制文件或目录 -r:递归复制整个目录及其内容 rm [文件路径]:删除文件或目录 -...
IoC & AOP理论概述
文章主要参考摘要(包括图片、代码出处)IoC & AOP详解(快速搞懂)PS:文章只适合复习,不适合入门 IoC(Inversion of control)概念解析 控制反转 控制 :指的是对象创建(实例化、管理)的权力 反转 :控制权交给外部环境(IoC 容器) 概念:IoC (Inversion of Control )即控制反转/反转控制。它是一种思想不是一个技术实现。描述的是:Java 开发领域对象的创建以及管理的问题。 使用 IoC 思想的开发方式 :不通过 new 关键字来创建对象,而是通过 IoC 容器(Spring 框架) 来帮助我们实例化对象。我们需要哪个对象,直接从 IoC 容器里面去取即可。 我们 “丧失了一个权力” (创建、管理对象的权力),从而也得到了一个好处(不用再考虑对象的创建、管理等一系列的事情) IoC的好处两个优势 对象之间的耦合度或者说依赖程度降低; 资源变的容易管理;比如你用 Spring 容器提供的话很容易就可以实现一个单例 IoC和DI的关系 IoC(Inverse of Control:控制反转...
Java之异常处理
本文摘自廖雪峰的java教程,有一定的修改和补充。 Java的异常调用方如何获知调用失败的信息 约定返回错误码: 1234567891011121314int code = processFile("C:\\test.txt");if (code == 0) { // ok:} else { // error: switch (code) { case 1: // file not found: case 2: // no read permission: default: // unknown error: }} 这种方式的问题在于,调用方必须记住所有的错误码,并且每次调用后都要检查返回码,容易忘记检查,导致错误被忽略。 在语言层面上提供一个异常处理机制 Java内置了一套异常处理机制,总是使用异常来表示错误。 异常是一种class,因此它本身带有类型信息。异常可以在任何地方抛出,但只需要在上层捕获,这样就...
Java之注解
前言:基本来自于廖雪峰的java教程,学习记录仅供参考,后续可能还会再改 什么是注解介绍 注解是放在Java源码的类、方法、字段、参数前的一种特殊“注释” 注释会被编译器直接忽略,注解则可以被编译器打包进入class文件,因此,注解是一种用作标注的“元数据”。 作用Java的注解可以分为三类: 第一类是由编译器使用的注解 @Override:让编译器检查该方法是否正确地实现了覆写; @SuppressWarnings:告诉编译器忽略此处代码产生的警告。 这类注解不会被编译进入.class文件,它们在编译后就被编译器扔掉了。 第二类是由工具处理.class文件使用的注解,比如有些工具会在加载class的时候,对class做动态修改,实现一些特殊的功能。这类注解会被编译进入.class文件,但加载结束后并不会存在于内存中。这类注解只被一些底层库使用,一般我们不必自己处理。 第三类是在程序运行期能够读取的注解,它们在加载后一直存在于JVM中,这也是最常用的注解。例如,一个配置了@PostConstruct的方法会在调用构造方法后自动被调用(这是Java代码读取该注解实现的功...
Java之枚举类和记录类
兜兜转转还是决定恶补基础了,文章参考廖雪峰的java教程 枚举类使用以及好处 使用 123456789101112131415// enumpublic class Main { public static void main(String[] args) { Weekday day = Weekday.SUN; if (day == Weekday.SAT || day == Weekday.SUN) { System.out.println("Work at home!"); } else { System.out.println("Work at office!"); } }}enum Weekday { SUN, MON, TUE, WED, THU, FRI, SAT;} 好处: enum常量本身带有类型信息,...












