自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 Uni-app——实现拖拉拽排序

移动端实现拖拉拽排序

2023-03-09 15:41:50 1247 1

原创 JavaScript学习——模拟购物车抛物线

原生模拟购物车抛物线

2023-01-09 09:41:20 461

原创 Vue3学习——项目搭建

Vue3项目搭建

2022-10-24 15:45:09 872

原创 Vue学习——自定义v-time指令,格式化为x秒前、x分钟前...

Vue3自定义指令

2022-09-28 19:31:00 617

原创 Ajax+Promise+Axios简单理解(层层递进)

Ajax

2022-09-22 18:47:19 579

原创 JavaScript高级教程——第十三章事件

JavaScript高级教程——事件

2022-09-16 15:00:21 263

原创 HTML+CSS学习之input框hover和focus时设置边框色

input外边框

2022-08-12 14:44:31 2887

原创 Swagger3报错Unable to infer base url--拦截器问题

文章目录一、问题描述二、解决方法一、问题描述本来可以访问的Swagger文档突然报错在网上搜索了各种原因仍然没有办法解决后来发现是因为添加了拦截器的原因,拦截器将swagger相关资源全部都拦截了二、解决方法在.excludePathPatterns中添加以下语句,即将swagger相关资源过滤/放行即可“/swagger-resources/", "/webjars/”, “/v2/", "/swagger-ui.html/”,“doc.html”,"/error"public vo

2022-03-27 21:46:26 1290

原创 JavaScript学习--数组对象中过滤出数组里对应内容

文章目录一、模拟情况二、解决方法一、模拟情况现有两组数据const optionName = [‘喜羊羊’,‘美羊羊’,‘懒羊羊’]const sheepList = [{id:1001,name:‘喜羊羊’},{id:1002,name:‘美羊羊’},{id:1003,name:‘懒羊羊’},{id:1004,name:‘沸羊羊’},]需要获得optionName中小羊的id组成数组结果为:[1001,1002,1003]二、解决方法//模拟数据const optionN

2022-03-21 22:23:10 1809

原创 Vue学习--ElementUI--函数在默认参数下自定义参数以Tree中的@checked为例

文章目录一、不传入自定义参数二、直接自定义参数报错三、解决方法一、不传入自定义参数ElementUI组件库的Tree中@check有两个默认参数,selectNode函数中可以获取到两个默认参数<el-tree :key="refreshTreeGUID" :data="data" :node-key="data.id" show-checkbox check-on-click-node @check="selectNo

2021-12-31 13:51:40 1463

原创 MySQL--用Navicat连接MySQL8.0报错1251问题解决

文章目录一、安装后直接用Navicat连接1251报错二、仍报错为'mysql' 不是内部或外部命令...1. 环境变量配置三、找不到MySQL Server 8.0\bin路径四、解决上述全部问题一、安装后直接用Navicat连接1251报错错误提示1251-Client does not support authentication protocol requested by server; consider upgrading MySQL client解决方法:用管理员身份打开cmd,

2021-12-23 20:28:04 2797 1

原创 MySQL--用Navicat新建数据库

文章目录一、Navicat安装二、新建数据库一、Navicat安装链接:https://pan.baidu.com/s/19GHwWt9ulmEMTdmPpE-9EQ提取码:cju3下载之后直接解压即可注意:需要先安装MySQL并新建链接二、新建数据库数据库即可建成。...

2021-12-06 14:29:36 1923

原创 JavaScript处理数组对象

文章目录数组对象1. 数组对象之遍历2. 数组对象之过滤3. 数组对象之.map()数组对象首先定义一个数组对象let student = [ {id:1,name:'小明',number:1001,test:60}, {id:2,name:'小红',number:1002,test:70}, {id:3,name:'小黄',number:1003,test:55}, {id:4,name:'小蓝',number:1004,test:90}, {id:5,name:'小紫',nu

2021-11-02 15:26:06 738

原创 Vue学习--Vue项目中使用axios调用后端接口

文章目录前言一、axios的安装二、使用axios封装工具类utils/request.js三、在api.js中调用工具类请求接口数据四、将所有结构挂载到$api对象上五、 在页面中调用前言Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。它的主要特性包括:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据

2021-09-13 11:27:07 1120 1

原创 Vue学习--Vue项目根目录介绍(2)

文章目录一、.editorconfig二、 .env.~三、.eslintignore四、.eslintrc.js五、.gitignore六、.npmrc七、 .travis.yml八、 babel.config.js九、Dockerfile十、GitVersion.yml十一、jest.config.js十二、LICENSE十三、 package-lock.json十四、 package.json十五、 postcss.config.js十六、 README.md十七、 vue.config.js一、

2021-09-08 16:35:53 1245

原创 Vue学习--Vue项目根目录介绍(1)

文章目录前言一、build文件夹——webpack 配置目录二、mock文件夹——生成随机数据,拦截ajax请求三、node_modules——npm 加载的项目依赖模块四、public文件夹——应急手段五、src文件夹——源码目录(开发的项目文件都在此文件中写)1. api2. assets3. common4. components5. directive6. filter7. icons8. layout9. router10. store11. styles12. utils13. vendor14

2021-09-08 15:41:53 10701

原创 Git入门学习1--理解+常用操作

文章目录前言一、什么是版本控制系统(VCS)二、Git 初步使用1. 下载 Git2. 用户信息(自报家门)3. 检查配置信息4. 初始化仓库5. 将远程仓库克隆到本地6. 检查当前文件状态1. 未被更改2. 有未追踪的文件3. 跟踪新文件4. 暂存已修改的文件总结前言Git 是什么?Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。一、什么是版本控制系统(VCS)版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统。官网举的例子:如

2021-09-07 14:53:07 127

原创 JavaScript学习--splice()函数详解

splice()函数详解splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。参数:index —— 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany —— 必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemX —— 可选。向数组添加的新项目。返回值Array —— 包含被删除项目的新数组,如果有的话。一、情况一示例:pandas 是基于NumPy 的

2021-09-07 10:17:44 167241 2

原创 API--天气查询

1. 天气查询接口使用参考:API文档https://lbs.amap.com/api/webservice/guide/api/weatherinfo2.在vue中调用接口data(){ return(){ nowweather:{} }}methods:{ axios .get("https://restapi.amap.com/v3/weather/weatherInfo?city='城市编码'&key='用户key'") .then(function(respo

2021-09-06 11:03:51 204

原创 JavaScript学习--基本指令记录

文章目录一、alert()二、document.write()三、console.log()一、alert()二、document.write()三、console.log()

2021-04-15 20:17:08 69

原创 Ajax学习--Ajax请求的基本操作案例

Ajax学习–Ajax GET 请求html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-22 22:03:15 84

原创 Ajax学习--Express基本使用

//1.先初始化 npm init --yes//安装express框架 npm i express//2.引入expressconst express = require('express');//3.创建应用对象const app = express();//4.创建路由规则//request是对请求报文的封装//response是对响应报文的封装app.get('/', (request, response) =>{ //设置响应 response.send('H

2021-03-22 21:26:34 96

原创 Vue学习--动态组件小案例

动态组件*案例代码<!--组件的动态切换是通过在<component>元素上使用is属性来实现--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态组件</title> <style> div{ width:400px; } .tab-button{

2021-03-11 18:59:02 227

原创 Vue学习--combobox小案例

组合框它是由一个文本框和下拉列表框组成的代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组合框</title></head><body><div id="app"> <combobox label="请选择了解信息的渠道" :li

2021-03-11 16:49:28 1140

原创 Vue学习--监听器

目录前言一、使用监听器例 千米和米的换算二、监听器的更多形式例 根据年龄判断是否成年前言Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动:监听属性。即一些数据需要随着其他数据变化而变动。提示:以下是本篇文章正文内容,下面案例可供参考一、使用监听器监听器是在Vue实例的选项对象的watch选项中定义。例 千米和米的换算<div id="hey"> 千米:<input type="text" v-model="kilometres"> 米

2021-03-08 18:39:42 200

原创 vue学习--导入font-awesome

在webstrom终端输入 npm install font-awesome --save在main.js文件中导入在login.vue中使用图标<template> <div class="inputtext"> <i class="fa fa-user" aria-hidden="true"></i> <input type="text" name="id" placeholder="手机/邮箱/登陆账号">.

2021-02-25 16:51:22 324

原创 项目开发--IDEA创建spring boot后端应用

IDEA新建spring boot项目file-new-project-Spring Initializr–点击nextgorupId和artifactId是maven管理项目包时用于作区分的字段,就是地图上的坐标groupId:groupId分为几个字段,例如com.piggy,前面的com叫【域】,后面的时自己定义的名字,随个人喜好。artifactId:artifactId一般是项目名或者模块名。3.输好后点击next4.上边下拉框可以选择Spring Boot的版本,这里

2021-02-25 13:36:12 248 1

原创 Vue学习--从头创建项目

Vue3新建项目选项1.创建: vue create 项目名2.配置选择default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包选择Manually select features3.得到如下选项:? Check the features needed for your p

2021-02-25 12:58:08 95

原创 Vue学习--项目开发前的准备

项目创建目录一、划分目录结构1.初始创建时2.需要新添加的文件3.后续还会有新建的文件夹,之后再描述二、使用步骤1.引入库2.读入数据总结一、划分目录结构1.初始创建时主要在src文件夹中包括asset和components文件夹+App.vue和main.js文件2.需要新添加的文件其中asset中放一些相关资源包括 img(图片)和 css(样式文件)components中主要放置一些公共组件(可以在不同地方使用)公共组件还能分成两类:–1.common 文件夹中放不仅能在当前

2021-02-25 10:49:38 126

原创 Vue学习--Day10

Day10目录前言一、注册组件的基本步骤二、全局组件和局部组件三、父组件与子组件四、注册组件语法糖五、组件模板抽离方法六、组件data必须是函数七、使用prop向子组件传递数据八、prop验证九、驼峰标识十、监听子组件事件(子传父)前言组件是Vue.js最核心的功能,在前端应用中可以采用模块化的开发,实现可重用、可扩展。组件是带有名字的可复用的Vue实例,因此在根Vue实例中的各个选项在组件中也一样可以使用,唯一的例外是el选项,这是只用于根实例的特有选项。一、注册组件的基本步骤组件的使用分成

2021-02-17 16:46:40 511 1

原创 Vue学习实例---用户注册

简单用户注册<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>用户注册</title></head><body><div id = "app"> <form> <table border="0"> <tr> <td>用户名:&l

2021-02-15 22:09:34 406

原创 Vue学习--Day9

Day9目录前言一、单行文本输入框二、复选框三、单选按钮四、选择框五、值绑定六、v-model修饰符前言表单控件的数据绑定就是用v-model指令来实现的,它会根据控件类型自动选取正确的方法来更新元素。提示:以下是本篇文章正文内容,下面案例可供参考一、单行文本输入框<div id="hey"> <input type="text" v-model="message" value="Hello value.js"> <p>message:{{mess

2021-02-15 21:45:40 153 3

原创 Vue学习--Day8

Day8目录一、案例一:v-for+v-bind+v-on二、案例二:花店购物车一、案例一:v-for+v-bind+v-on案例描述定义一个数组books: ['数据结构‘,‘计算机网络’,‘算法设计与分析’,‘计算机组成原理’]将列表显示在网页中,并在点击其中一本书时,显示蓝色代码分析 <style> .active{ color:blue; } </style> <div id="hey"> &l

2021-02-09 16:47:17 87

原创 Vue学习--Day7

Day7目录一、v-for遍历数组二、v-for遍历对象三、v-for绑定key和不绑定key的区别四、哪些数组时是响应式的?一、v-for遍历数组二、v-for遍历对象三、v-for绑定key和不绑定key的区别四、哪些数组时是响应式的?...

2021-02-09 16:46:45 66

原创 Vue学习--Day6

Day6目录一、v-if的使用二、v-if和v-else的使用三、v-if和v-else-if和v-else的使用四、v-if 和 v-show五、登陆切换小案例v-if、v-else-if、v-else这三个指令与JavaScript的条件语句if,else,else if类似。Vue的条件指令可以根据表达式的值DOM中渲染或销毁元素或组件v-if原理:v-if后面的条件为false时,对应的元素以及其子元素不会渲染也根本没有对应的标签出现在DOM中一、v-if的使用&l

2021-02-08 19:33:04 73

原创 Vue学习--Day5

Day5目录前言一、v-on 事件监听二、使用步骤1.引入库2.读入数据总结前言在前端开发中,我们需要经常和用户交互,这个时候,我们就必须监听用户发生的事件,比如点击、拖拽、键盘事件等在vue中使用v-on指令进行事件监听一、v-on 事件监听示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.p

2021-02-08 15:41:16 136

原创 Vue学习--Day4

Day4目录ES6补充一、let命令二、const命令三、对象字面量的增强写法ES6补充推荐: ES6入门教程今日知识:https://es6.ruanyifeng.com/#docs/let一、let命令ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。var没有块级作用域ES5之前因为if和for都没有块级作用域的概念,所以在很多时候,我们必须借助于function的作用域来解决应用外面变量的问题ES6中,加入了let

2021-02-07 20:25:11 53

原创 Vue学习--Day3

Day3目录一、v-bind指令1.绑定 HTML src/href2.绑定 HTML Class二、计算属性1.引入库2.读入数据总结一、v-bind指令v-bind主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定。Vue官方提供了一个简写方式 :bind<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 -->

2021-02-07 10:56:05 129 1

原创 Vue学习--Day2

Day2目录一、WebStorm安装教程二、Vue中的MVVM三、Vue插值语法1.Vue在WebStorm中模板建立2.Mustache 语法3.v-once指令4.v-html指令5.v-text指令6.v-pre指令7.v-cloak指令一、WebStorm安装教程<a>https://mp.weixin.qq.com/s/Y5-UE3zJByhf8okPiFvv2w</a>二、Vue中的MVVMMVVM是Model-View-ViewModel的简写。它本质上.

2021-02-05 22:10:52 120

原创 Vue学习--Day1

Vue的安装和第一个Vuevue官网 https://cn.vuejs.org/vue安装从官网上下载vue.js,开发版本点击右键"从链接另存文件为",即可下载。3.导入vue.js <script src="vue.js"></script>4.HelloVue.html<!DOCTYPE html><html> <head> <meta charset="UTF-8">

2021-02-02 19:04:18 86

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除