自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js作用域解释

js的作用域(es6之前):全局作用域,局部作用域全局作用域:整个script标签,或者是一个单独的js文件局部作用域(函数作用域)在函数内部就是局部作用域,这个代码的名字只在函数内部起效果和作用。

2022-11-30 13:13:13 329 1

原创 js argument的使用

当我们不确定有多少个参数传递时,可以使用arguments来获取,在JS中,arguments实际上它是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。arguments展示形式是一个伪数组,因此可以进行遍历,伪数组具有以下特点。​ 3、不具有数组的push,pop等方法。​ 1、具有length属性。​ 2、按索引方式存储数组。

2022-11-30 13:12:07 275

原创 函数形参和实参个数匹配问题

【代码】函数形参和实参个数匹配问题。

2022-11-30 13:10:19 119

原创 JavaScript数组相关操作

要求:将数组[‘red’, ‘green’, ‘blue’, ‘pink’]转换为字符串,并且用|或其他符号分割。可以通过修改length长度来实现数组扩容的目的。length属性时可读的。

2022-11-30 13:08:36 339

原创 JavaScript数据类型转换

代表空,否定的值都会被转为false,例如 ‘’、0、NaN、null、undefined。其余的都会被转换为true。

2022-11-30 13:06:41 509

原创 JavaScript的Number数字型的范围

5e-324 到 1.7976931348623157e+308。JavaScript的Number数字型的范围为。可以自行通过以下代码进行查看。

2022-11-30 13:05:54 822

原创 JavaScript的数据类型

javascript(以下简称js)作为一个偏向于前端的语言,是没有类似datetime这种复杂的数据类型的。​ 简单数据类型(Number, String, Boolean, Undefined, Null)object:js对象类型直接包含 arry(数组)、date(日期)、function(函数)等。String:字符串类型中的单双引号作用一样;内置length属性,查看字符串长度。​ 复杂数据类型(object)JS把数据类型分为两大类。

2022-11-30 13:00:33 593 1

原创 IDEA自动导包功能

IDEA的自动导包功能并不需要去安装什么插件,只需要在IDEA的设置里面即可。1、ctrl + alt + s 打开设置,或者点击file -> settings

2022-11-29 15:07:33 1113 2

原创 MyBatisPlus代码生成器(CodeGenerator)

代码生成器是mybatisplus提供的一项功能,能直接根据一个数据库里面的所以表进行直接生成相应的entity、mapper、service、serviceImpl、controller类。

2022-11-19 22:28:47 3873 2

原创 vue+springboot前后端分离项目跨域问题一行代码解决

例如:前端设置端口为8001,后端设置端口为8002,这时想要在前端向后端发送ajax等请求则会报错。在controller类上加一个@CrossOrigin注解该问题即可解决。

2022-11-19 13:04:45 241

原创 宝塔面板的使用

第一次登陆进宝塔页面后,会提示安装一些环境(我这里因为不是第一次登录就不演示了,如果它的环境的版本和自己项目不适配就别安装,后续也可以安装其他版本)如果需要上传项目的话,我们就需要进入www/wwwroot路径(一般项目文件会存放在这)通过账号密码访问即可,这个面板是类似本机的MySql-workbench的。宝塔面板的文件上传还是比较方便的,点击左侧文件选项卡。因为宝塔面板的部分功能需要php环境支持,所以我们也需要安装php。再各自创建文件夹存放即可。需要安装mysql,php。

2022-10-27 20:07:33 2034

原创 云服务器安装宝塔面板

本文章以腾讯云为例,其他平台同理。

2022-10-27 19:51:05 815

原创 使用宝塔Linux面板上传前端 Vue项目至云服务器

本篇文章是以前端vue框架演示。

2022-10-26 14:41:32 1033 1

原创 使用宝塔Linux面板上传java SpringBoot后端项目至云服务器

下面选择高级模式和开机自启动然后点击确认即可看到状态为已启动状态即springboot项目上传成功。但是这是我们要访问该项目后端地址是访问不到的。(不信可以试试,嘿嘿)

2022-10-26 13:49:29 1531 4

原创 “舔狗机器人”

该网址返回的为JSON字符串格式,后端操控JSON数据需要先引入相关JSON包,我这里使用的为阿里的fastjson。”舔狗语录的“数据量为983条,”深情文案“的为104条,如有需要麻烦点个关注私信我呀。我这里采用的为springboot + mybatisplus编写的,项目结构如下。因为机器人运行是不占用端口的,这里后端就可以不用担心端口被占用了。如需要代码资料,麻烦点个小小的赞和关注然后私信我呀❤。我这里采用自己编写后端代码和直接调用开放地址实现。(3)机器人调用后端接口。

2022-10-24 12:49:31 851 1

原创 java笔记

指定组件填充网格的方式,可以是如下值:GridBagConstraints.NONE(默认值)、GridBagConstraints.HORIZONTAL(组件横向充满显示区域,但是不改变组件高度)、GridBagConstraints.VERTICAL(组件纵向充满显示区域,但是不改变组件宽度)以及 GridBagConstraints.BOTH(组件横向、纵向充满其显示区域)。除了组件的约束对象,GridBagLayout 还要考虑每个组件的最小和首选尺寸,以确定组件的大小。

2022-10-24 11:49:36 518

原创 如何搭建自己的qq机器人(mirai)- 事件监听

注:friend收到消息时getSender()方法,如果group收到消息代码中也写成g.getSender(),则会变成在群里收到”你好“指令,然后机器人会通过私聊发送”你好“。我这里Event类因为懒加上是演示,就写在和Plugin同一个包了,而且都实现的静态方法(懒得创建对象,嘿嘿)。在之前监听两类消息的下面加上刚才编写的方法就行了,我这里时同一个包中的静态方法就直接写了,其他情况还是创建对象,对象调用方法。到这里,一个基础的机器人就搭建完毕了,想添加其他功能,就可以按照正常编写步骤来了。

2022-10-24 11:47:24 2381

原创 如何搭建自己的qq机器人(mirai)- 项目搭建

在插件中搜索 mirai 即可看到 mirai console 插件安装即可。在项目类型中选择mirai(安装完mirai console插件后才会出现)修改包名和选择语言(默认为Kotlin,如需用Java编写,需要修改)预备工作:jdk版本 >= 11、IDEA、qq号和密码。安装完mirai console插件之后即可新建一个项目。为避免篇幅太长,如何添加事件就放到下一个文章说明了。然后就一直下一步下一步,选择项目位置就好了。等待项目创建,结构图下图。1、安装idea插件。

2022-10-24 11:05:04 2488

原创 uniapp相对于vue的变化

cover-view需要多强调几句,uni-app的非h5端的video、map、canvas、textarea是原生组件,层级高于其他组件。如需覆盖原生组件,比如在map上加个遮罩,则需要使用cover-view组件。除了内置组件,还有很多开源的扩展组件,把常用操作都进行封装,DCloud建立了插件市场收录这些扩展组件,详见插件市场。因为uni-app的api是参考小程序的,所以和浏览器的js api有很多不同,如。uni-app在不同的端,支持条件编译,无限制的使用各端独有的api,

2022-10-24 10:48:49 323

原创 vue常用的UI组件库

1、移动端常用的UI组件库1. Vant https://youzan.github.io/vant2. Cube UI https://didi.github.io/cube-ui3. Mint UI http://mint-ui.github.io 4. Nut UI nutui.jd.com#### 2、PC端常用的UI组件库1. Element UI https://element.eleme.cn2. IView UI https://www.i

2022-10-23 16:19:12 411 1

原创 vue路由器的两种工作模式

​ 2若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法。1.对于一个url来说,什么是hash值?——#及其后面的内容就是hash值。2.hash值不会包含在HTTP请求中,即: hash值不会带给服务器。​ 1.地址中永远带着#号,不美观。

2022-10-23 16:14:15 112

原创 vue路由守卫

2.分类:全局守卫、独享守卫、组件内守卫。1.作用:对路由进行权限控制。

2022-10-23 16:12:49 140

原创 缓存路由组件,让组件来回切换时数据不会“消失“

例:在当前组件的输入框输入数据时切换到另一个组件在重新切换到输入框组件,之前所在输入框输入的数据会消失。这是因为从一个组件切换到另一个组件的时候,原来的组件连同组件中已有的数据会一起销毁掉,再次切换回来时需要重新创建该组件,但是vue可不记得我们之前输入的数据。这种情况就需要缓存路由组件。1.作用:让不展示的路由组件课持挂载,不被销毁。

2022-10-23 16:09:25 1595 1

原创 不借助router-link实现路由跳转的编程式路由导航

1.作用:不借助 实现路由跳转,让路由跳转更加灵活。

2022-10-23 16:03:28 238 1

原创 vue路由router-link的replace属性

⒉.浏览器的历史记录有两种写入方式:分别为push和replace ,push是追加历史记录,replace是替换当前记录。路由跳转时候默认为push。3.如何开启replace模式:

2022-10-23 16:02:21 216 1

原创 vue路由的params参数和props配置

特别注意:路由携带params参数时,若使用to的对象写法,则不能使用path配置项,必须使用name配置!(1).配置路由,声明接收params参数。作用:让路由组件更方便的收到参数。2、路由的props配置。1、params参数。

2022-10-23 16:01:08 1899

原创 vue命名路由组件

vue命名路由组件

2022-10-23 15:59:07 344

原创 vue路由的query参数

query参数的作用为在组件之间传递参数。

2022-10-23 15:58:01 2827

原创 vue路由 vue-router

到现在 vue项目同平常前端项目的最大区别就是:正常前端项目的跳转是不同.html文件之间的跳转,由标签实现,但vue的正式项目一般都会只有一个.html文件,所有的展示都在这一个文件之中。工作过程:服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响应数据。2.通过切换,“隐藏"了的路由组件,默认是被销毁掉的,需要的时候再去挂载。4.整个应用只有一个router,可以通过组件的$router属性获取到。3.每个组件都有自己的$route属性,里面存储着自己的路由信息。

2022-10-23 15:53:05 240

原创 vuex的使用

概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。4.mapMutations方法:用于帮助我们生成与mutations对话的方法,即:包含$store.commit(xoxx)的函数。mapActions方法:用于帮助我们生成与actions对话的方法,即:包含 $store.dispatch(xxx)的函数。//靠mapMutations生成:3IA、JIAN(对象形式)

2022-10-20 12:57:28 120

原创 vue插槽使用

html结构11.作用:让父组件可以向子组件指定位置插入htm结构,也是一种组件间通信的方式,适用于父组件===>子组件。插槽默认内容...插槽默认内容...插槽默认内容...htm1结构1html结构2

2022-10-20 12:56:41 128

原创 vue脚手架配置代理

工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求就会转发给服务器(优先匹配前端资源)changeOrigin: true //用于控制请求头中的host值。changeOrigin: true //用于控制请求头中的host值。说明: 1.优点:可以配置多个代理,且可以灵活的控制请求是否走代理。ws: true, //用于支持websocket。ws: true, //用于支持websocket。缺点:不能配置多个代理,不能灵活的控制请求是否走代理。//代理服务器(方式二)

2022-10-20 12:56:07 289

原创 vue的ref属性和props配置项

打标识:.....或备注:props是只读的,Vue底层会检测你对props的修改,如果进行了修改,就会发出警告。2.应用在htm1标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)required: true //必要性。default: '老王' //默认值。type: String //类型。第三种方式(限制类型、限制必要性,指定默认值)8.4、props配置项。第二种方式(限制类型)

2022-10-20 12:54:39 380

原创 使用Vue脚手架

​注:以下的npm .... 指令是nodejs的功能,如未下载先自行前往nodejs官网下载安装如果在cmd控制台运行npm install 等指令不成功,可以以管理员身份运行cmd试试8.1、说明8.2、具体步骤第一步(仅第一次执行):全局安装@vue/clinpm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目vue create xxxx第三步:启动项目npm run serve​

2022-10-20 12:52:29 191

原创 vue组件

组件用于实现应用中局部功能代码和资源的集合7.1、模块理解:向外提供特定功能的js程序,一般就是一个js文件为什么:js文件很多很复杂作用:复用js,简化js的编写,提高js运行效率7.2、组件理解:来实现局部(特定)功能效果的代码集合(html/css/js/image/……)为什么:一个界面的功能复杂作用:复用编码,简化项目编码,提高运行效率7.3、模块化当应用js中的js都已模块来编写,那这种应用就是一个模块化的应用7.4、组件化当应用中的功能都是多组件

2022-10-20 12:48:49 102

转载 vue生命周期和钩子

3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。3.一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】2.beforeDestroy:清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。1.又名:生命周期回调函数、生制周期函数、生命周期钩子。1.销毁后借助Vue开发者工具看不到任何信息。

2022-10-20 12:46:57 69

原创 v-bind、v-model、v-for、v-on、v-if、v-else-if、v-show等内置指令的使用

1、指令与袁术绑定成功时(一上来),2、指令所在模板被重新解析时。Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!与插值语法的区别:v-text会全部替换标签中的内容,{{xx}}不会。(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。(2).inserted:指令所在元素被插入页面时调用。(3).update:指令所在模板结构被重新解析时调用。

2022-10-20 12:45:58 722

原创 Vue数据监视

Vue.set(target.propertyName/index,value)或vm.$set(target.propertyName/index,value)1.使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()特别注意:Vue.set() 和 vm.$set() 不能给vm或vm的根数据对象添加属性!(1).对象中后追加的属性,Vue默认不做响应式处理。2.Vue.set()或vm.$set()如何监测数组中的数据?

2022-10-20 12:44:07 151

原创 使用v-for时,:key有什么用

2.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。1.若对数据进行:逆序添加、逆序删除等破坏顺序操作:会产生没有必要的真实DOM更新==>界面效果没问题,但效率低。2.如果结构中还包含输入类的DOM:会产生错误DOM更新==>界面有问题。(key的内部原理)1.若虚拟DOM中内容没变,直接使用之前的真实DOM!2.若虚拟DOM中内容没变,直接使用之前的真实DOM!(2).旧虚拟DOM中未找到与新虚拟DOM相同的key。

2022-10-20 12:42:04 103

原创 vue条件渲染和列表渲染

注意: v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。2.语法: v-for="(item, index) in xxx" : key="yyy"3.备注:T使用v-if的时,元素可能无法获取到,而使用v-show一定可以获取到。4.template标签只能和v-if配合使用,不能和v-show配合。(3).v-else="表达式”适用于:切换频率较低的场景。(2).v-else-if="表达式”写法: v-show="表达式"(1).v-if="表达式"

2022-10-19 21:04:35 148

类似官网展示的单页html

此文件为纯静态页面,类似于一些平台官网的展示,主要用于大学生网页设计课的课程设计,如果只要求静态页面即可用本文件。可根据实际需求修改index.html文件里面的描述文字、图片和视频等。 网站中主要包含名片介绍、美食、风景、专业和位置等。

2022-12-25

空空如也

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

TA关注的人

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