- 博客(84)
- 收藏
- 关注
原创 JS 对象和函数
JavaScript规定,每一个函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。构造函数通过原型分配的函数是所有对象所共享的。简单点说prototype的作用就是共享方法。
2022-09-18 16:23:58
343
原创 JS 变量提升和函数提升
这里打印是10个10,因为在执行第一个setTimeout时,Js不会等待1秒后再去打印第一个i,而是去执行下一个循环,但是因为每个循环中都是setTimeout,所有整个for循环都执行完了之后i才开始打印出来,而var具有变量提升,就是说var的作用不限于for循环内部。如上图所示就是最后所有的i都共用同一个i,而i在for循环完成后值为10,所以这里输出了10个10。这里介绍一个变量提升提升的经典案例。
2022-09-17 00:00:40
324
原创 TypeScript 初识笔记
TypeScript最大的一个特点就是变量是强类型的,也就是说,在声明变量的时候,我们必须给他一个类型。重写:类的重写主要是子类对父类函数的重写,就是父类有一个函数,子类定义一个与父类同名同参的函数,然后这个函数可以与父类有不一样的实现。这种形式看起来比较麻烦,而且如果有同样类型的数组,写代码也比较麻烦,TypeScript 为我们准备了一个概念,叫做。用于新增一些任意属性,属性的名字是字符串类型,属性的值可以是任何类型。关键字,子类将拥有父类的所有属性和方法,当然也可以自己的属性和方法。
2022-08-23 13:43:20
452
原创 JS 浏览器对象模型BOM
screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。screen.availWidth属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。甚至 HTML DOM 的 document 也是 window 对象的属性之一。所有浏览器都支持 window 对象。全局变量是 window 对象的属性。全局函数是 window 对象的方法。
2022-08-19 21:08:18
427
转载 JS 数组或对象的遍历(for、for...in、for...of、foreach)
一、for最原始的方法,用来遍历数组优点:最原始,最容易理解,用continue和break等语句可以进行中断。缺点:结构比while循环复杂,容易出编码错误。二、for…in用来遍历数组索引、对象的属性。代码每执行一次,就会对数组的元素或对象的属性进行一次操作。优点:可以遍历数组的索引(键名),遍历对象简洁方便;缺点:某些情况下,会出现随机顺序的遍历,导致开销较大。三、for…of用来遍历数组的数据,例如数组中的元素值。优点:避免了for in的所有缺点;
2022-08-19 12:20:23
2646
原创 JS 简单实现电子时钟
通过Date类拿到的时分秒直接拼接起来可能是这样的:8:2:3,而我们想看到的效果应该是:08:02:03,所以这里我们会对时分秒小于10的情况进行判断,然后再拼接字符串。时钟的确是非常简单的一个功能:我们只需要通过js编写一个方法来获取时间的时分秒,再用定时器每隔一秒进行刷新即可。...
2022-08-18 23:41:47
4901
原创 css 实现文字渐变以及文字颜色流动
文字填充色,实现文字渐变色要展示的是背景的渐变颜色,所以这里我们需要设置为transparent( 寻常的- webki t-表示的是Chrome和Safari的私有属'性,但是它却声明了所有的,除了IE浏览器)):1px black;实现镂空文字(文字边框)...
2022-08-18 22:56:49
2816
原创 JS Arguments的使用
注意:Arguments.callee()可以调用函数本身当函数正在执行时才可调用,可以实现方法的递归调用。Arguments.callee是代表当前函数,但是不会调用。通过Arguments.callee()实现递归求和(严格模式下不能使用)arguments与剩余参数、默认参数和解构赋值参数的结合使用。callee获取当前arguments所在的函数。一定要注意,arguments是存储传递的所有。a.求任意个数数字的最大值。,默认参数是不会存储的。③当非严格模式中的函数。当非严格模式中的函数。...
2022-08-18 13:22:28
327
原创 vue项目中使用el-table实现默认多列排序
实现效果如下:代码如下:<template> <el-table :data="tableData" border stripe style="width: 100%" :header-cell-class-name="handleHeaderClass" @sort-change="handleTableSort" > <el-table-column prop="date" .
2022-05-22 22:50:14
4310
2
原创 JS简单实现tab滚动切换
今天稍微查了一下类似的,要么写得很多,要不代码补全,这个东西哪有那么复杂。滚动切换的逻辑其实特别简单,只要看懂了这个做一些较复杂的功能也可以举一反三了。直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <..
2022-03-29 00:17:21
1727
原创 JS-ES6类
使用js的class需注意以下几点:(1)通过class关键字创建类,类名我们还是习惯性定义首字母大写(2)类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象(3) constructor 函数只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数(4) 生成实例new不能省略(5) 最后注意语法规范,创建类类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加function(6)类里面所有的函数不需要写fun
2022-03-28 22:43:59
369
原创 JS 超简单的无缝滚动案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>无缝滚动</title> </head> <style type="text/css"> .box{ width: 600px; height: 300px; margin: 0 auto; overflow: hidden; position:.
2022-03-27 23:36:56
1023
转载 Loading动画
HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>加载</title> <link rel="stylesheet" href="loading.css"> </head> <body> <div class="loading"> <span>Loading...
2021-10-20 21:29:06
133
转载 css_流光按钮(转载)
CSS部分* { /* 初始化 取消页面的内外边距 */ padding: 0; margin: 0;}body { /* 弹性布局 让页面元素垂直+水平居中 */ display: flex; justify-content: center; align-items: center; /* 让页面占屏幕总高 */ height: 100vh; background-color: #000;}a { /
2021-10-20 21:25:51
219
原创 如何通过git管理远程仓库
准备工作注册一个GitHub账号完成Git的下载安装Github与Git之间的关系Github是全球最大的社交编程及代码托管网站(https://github.com/)。Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)如何使用git远程管理仓库1.我们先在Github创建一个respository(仓库)。创建好如图所示:2.点击如图所示的按钮复制当前仓库的地址。 注意:在Git base here里只能右键点击parse进行粘贴,
2020-05-22 21:13:32
451
原创 mysql学习笔记(6)_存储过程
原本觉得掌握最基本的语法就行了,但发现老师最近又提到了存储过程,我觉得有必要学习整理一下,以下是我的简单笔记存储过程的含义以及优点含义:一组预先编译号的sql语句的集合,理解成批处理语句优点:1.提高代码的重用性2.简化操作3.减少了编译次数并且减少了和数据库服务器的连接次数,提高了效率存储过程的创建语法create procedure 存储过程名(参数列表) be...
2020-04-10 01:10:24
409
原创 dubbo_simple monitor安装配置
一、还没配置dubbo请参考我以下文章dubbo_环境配置二、simple monitor配置来到之前下载的dubbo-admin-master文件夹中,我们可以看到存在dubbo-monitor-simple文件夹打开该文件夹,并在该目录下打开cmd并输入指令:mvn package将此项目打包打包完成后我们可以发现在该目录下已经生成了target目录,打开target目录,我们可...
2020-04-01 21:33:42
594
原创 springboot_上传文件至static目录下并显示到页面
其实springboot中上传文件和在springmvc中上传的方式基本一致,没多大区别,当然在springboot没多少配置,更加简单一点。一、在application.properties中我们只需写上如下两行配置。(其实不写这个也是可以的,只要你的单个文件小于1M)# 上传文件总的最大值spring.servlet.multipart.max-request-size=10M...
2020-03-28 13:47:25
13210
9
转载 springboot_使用Pagehelper插件实现分页
原文地址:https://blog.youkuaiyun.com/qq_27317475/article/details/81168241一、pom文件中引入Pagehelper依赖<!-- 分页插件 --><dependency> <groupId>com.github.pagehelper</groupId> <artifa...
2020-03-10 00:00:31
390
原创 springboot_整合dubbo
一、目录结构顾名思义,boot-meet-service-consumer是作为消费者,boot-user-service-provider作为服务提供者,meeting-interface用于存放接口和bean。二、meeting-interface这里Meeting private String id; private String pcod...
2020-03-03 22:41:08
212
原创 springboot整合dubbo报空指针及解决方法
java.lang.NullPointerException: null在用springboot整合dubbo时遇到了这个问题,原因竟然是:@Reference没错在使用@Reference时肯定很多人像我一样直接输入@Reference就完了,而事实上@Reference有多个一定要选择com.alibaba.dubbo.config.annotation的...
2020-03-03 21:57:42
3904
3
原创 dubbo_异常Exception in thread "main" org.springframework.beans.factory.UnsatisfiedDependencyException
Exception in thread "main" org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'meetingPubServiceImpl': Unsatisfied dependency expressed through field 'user...
2020-03-02 22:39:19
951
原创 dubbo_环境搭建
什么是Dubbo?这里引用的是百度百科的说明,Dubbo是阿里巴巴公司开源的一个高性能优秀的服务框架,使得应用可通过高性能的RPC实现服务的输出和输入功能,可以和Spring框架无缝集成。Dubbo框架,是基于容器运行的,容器是Spring。前提条件:Maven,JDK1.8注册中心(Registy)Dubbo支持的注册中心有很多,但官方支持的是Zookeeper。Zook...
2020-03-01 21:18:25
1419
原创 mysql学习笔记(5)_变量
变量 系统变量: 全局变量 会话变量 自定义变量: 用户变量 局部变量#一、系统变量 说明: 变量由系统提供,不是用户定义,属于服务器层次 使用语法: 1.查看所有的系统变量 show global|【...
2020-02-26 20:25:25
238
原创 mysql学习笔记(4)_TCL(Transaction Control Language)以及视图
##TCL(Transaction Control Language)事务控制语言 事务简介: 一个或一组sql语句组成一个执行单元,这个执行单元要么全部执行,要么全不执行 如果其中一条语句执行失败或产生错误,整个单元将会回滚。所有受到影响的数据将返回到事务开始以前的状态。 若单元中的所有sql语句均正确执行,则事务被顺利执行 ...
2020-02-26 19:23:39
180
原创 mysql学习笔记(3)_DDL(Data Define Language)
##DDL(Data Define Language)数据定义语言数据定义语言:库和表的管理 1.库的管理 创建,修改,删除 2.表的管理 创建,修改,删除 创建:create 修改:alter 删除:d...
2020-02-26 13:01:01
275
原创 mysql学习笔记(2)_DML(Data Manipulation Language)
##DML(Data Manipulation Language)数据操作语言插入数据:insert 修改数据: update 删除数据: delete ##DML(Data Manipulation Language)数据操作语言################插入语句############/*方式一:语法: insert into 表名(列名...) va...
2020-02-24 22:06:36
226
原创 mysql学习笔记(1)_DQL(Data Query Language)
##DQL(data query language)数据库查询语言##(1)基础查询/**语法:select 查询列表 from 表名查询列表可以是:表中的字段,函数,常量值,表达式 查询的结果是一个虚拟的表格*/#1.查询表中的单个字段select job from t_employee;#2.查询表中的多个字段select job,name fr...
2020-02-24 19:22:52
401
原创 springboot_使用servlet的两种方式
虽然在springboot中我们使用Controller可以应付大部分的需求,但servlet等也是必不可少的。在springboot中使用servlet有两种方式:第一种:用注解方式创建一个servlet,并在注解中声明其url 在Application类上添加@ServletComponentScan("com.rong.interceptor.servlet"),该注解里是创建...
2020-02-20 21:18:17
1507
原创 Java_移位运算符以及&和&&,|和||,^和~的含义和使用
<<,>>,>>>代表java中的移位运算符"<<"表示左移运算符 例如8<<2,表示将8向左移2位,结果为32。低位补0。 二进制演算: 8的二进制:1 0 0 0 向左移动两位结果为1 0 0 0 0 0,换算成十进制即为32,也可以简单的理解为,左移就是将数变大,相当于8*2^2=32。 左移运算符的运算规律:将...
2020-02-20 15:17:10
1043
原创 springboot_读取自定义配置的两种方式
一、核心配置文件核心配置文件是指在resources根目录下的application.properties或application.yml配置文件。我们写自定义配置也一般写在这个文件里,但实际上我们为了方便区分和管理,我们可以自己新建一个properties文件,需要注意的是,如果你application.properties或application.yml里也写上了相同的配置,sprin...
2020-02-19 15:51:29
689
原创 springboot_使用自定义注解+拦截器实现权限控制
这里只是一个简单的例子,表示只有管理员才可以进行删除功能。一、自定义注解我们自定义一个注解,该注解注解到需要拦截的url对应的方法上package com.rong.crud.self;import java.lang.annotation.*;//说明该注解将被包含在javadoc中@Documented//可以在方法和类上使用注解@Target({Element...
2020-02-19 14:50:36
1499
原创 springbooot_如何正确使用mybatis连接mysql
MyBatis不是spring旗下的框架,所以在springboot中使用还是需要配置一下,不过配置非常简单。1.第一步,创建springboot项目2.第二步,就是给项目起名的一些操作,完成后点击next.3.第三步,别忘了在sql里勾选MyBatis Frameword和MySQL Driver(勾选后springboot会自动导入MyBatis和MySQL相关依赖),然...
2020-02-16 15:05:17
454
原创 多线程之守护线程
一、守护线程介绍线程分为用户线程和守护线程,而守护线程就是为用户线程服务的一种线程,一般具有较低的优先级,用户线程停止,守护线程也就停止了。举个例子:你在看电视,那么你在看电视可以作为一个用户线程,而电视机运行则就是守护线程,而你不看电视了自然就会关掉电视机。二、如何创建守护线程创建守护线程有两种方式:线程实例.setDaemon(true)(也就是直接设置当前线程为守护线程)...
2020-02-15 12:09:18
252
原创 Java_经典算法之归并排序
一、归并排序介绍归并排序(MERGE-SORT)是建立在归并操作上的一种有效的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;即先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为二路归并。归并排序是一种稳定的排序方法。二、算法步骤第一步:申请空间,使其大小为两个已经排序序列之和...
2020-02-12 14:28:05
133
原创 Java_经典算法之桶排序
一、桶排序介绍桶排序是计数排序的升级版。它利用了函数的映射关系,高效与否的关键就在于这个映射函数的确定。为了使桶排序更加高效,我们需要做到这两点:在额外空间充足的情况下,尽量增大桶的数量 使用的映射函数能够将输入的 N 个数据均匀的分配到 K 个桶中同时,对于桶中元素的排序,选择何种比较排序算法对于性能的影响至关重要。什么时候最快当输入的数据可以均匀的分配到每一个桶中。什么...
2020-02-11 21:41:24
364
原创 Java_经典算法之希尔排序
希尔排序是插入排序的一种更高效的改进版本,学习希尔排序请先去了解插入排序一、希尔排序介绍希尔排序,也称递减增量排序算法,是插入排序的一种更高效的改进版本。但希尔排序是非稳定排序算法。希尔排序是基于插入排序的以下两点性质而提出改进方法的:插入排序在对几乎已经排好序的数据操作时,效率高,即可以达到线性排序的效率; 但插入排序一般来说是低效的,因为插入排序每次只能将数据移动一位;...
2020-02-11 13:41:44
204
原创 Java_集合之Stack类的使用
一、认识Stack顾名思义,Stack代表是栈,栈是一种常用的数据结构,只能栈头插入元素,也只能从栈头出栈(遵循先进后出原则)。栈好比手枪上弹夹的过程,最开始上的子弹会被压在最下面,最晚上的子弹反而最先被打出去。二、Stack类的使用我们先来看看Stack在java集合体系中的位置如图所示,Stack作为Vector的子类,也就是说Stack类拥有Vector的所有方法。...
2020-02-10 18:21:03
341
原创 Java_集合之Queue的用法
一.认识Queue顾名思义,Queue代表的线性表中的队列,它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,遵循先进先出原则(FIFO,First In First Out)。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列中没有元素时,称为空队列。二、Queue的用法我们先来看看Queue在java集合体系中所处的位置。如图所...
2020-02-10 15:06:33
1172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人