自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

angula

前端存储库:https://github.com/oxygen1999/studySummary

  • 博客(91)
  • 资源 (14)
  • 问答 (1)
  • 收藏
  • 关注

原创 全面解析this指向问题!
原力计划

this是一种特别复杂得机制,是一个很特别得关键字,被自动定义在所有函数得作用域中,所以我们有必要去了解,并且搞懂它!文章目录调用位置绑定规则一、 默认绑定严格模式二、隐式绑定隐式丢失三、显示绑定硬绑定API调用的“上下文”四、new绑定箭头函数中的this指向判断this的优先级调用位置在理解this得绑定过程之前,首先要理解调用位置:调用位置就说函数在代码中被调用得位置(注意:不是声...

2020-05-07 01:40:00 7868 106

原创 恕我直言!你不是真的懂js中的作用域!

如果对于作用域,词法作用域你还不是很清楚,那么你可就要好好读读这篇文章了,它可是理解闭包的关键!

2020-04-22 01:32:15 6722 52

原创 当面试官问起CSS布局之水平垂直居中时~~
原力计划

最近面试的时候,面试官问到了CSS水平垂直居中布局的方式,对于刚入前端没多久的我,无疑是一脸懵逼,闲了赶紧查阅资料分析一波,给各位分享一下,避免落坑。首先先说明一下html和一些基础css样式,下面就不再赘述!html<body> <div class="div1"> <div class="box size">垂直水平居中</div&g...

2020-04-11 01:12:20 8134 54

转载 IDEA更改主题插件——Material Theme UI详解

IDEA更改主题插件——Material Theme UI今天介绍IDEA中一款强大的颜值插件:Material Theme UI官方文档:https://www.material-theme.com/docs/introduction/转载声明:文章转载自 https://blog.csdn.net/zyx1260168395/article/details/102928172话不多说,先上图:(颜色不喜欢可以更改)一、安装在File>Settings>Plugins中直接

2020-12-01 15:44:54 46

原创 springcloud和Eureka整合时报错:Unable to start embedded Tomcat

springcloud和Eureka整合时报错:Unable to start embedded TomcatError starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled.2020-11-30 23:27:01.842 ERROR 14452 --- [ main] o.s.boot.SpringApplication

2020-11-30 23:32:27 41

原创 elemetui组件el-table的表头与表列出现无法对齐状态

最近在搞一个项目的时候,突然遇到一个恶心的小bug使用el-table时候出现表头与表列无法对其的现象最终解决办法//添加.el-table th { display: table-cell !important;}就可以啦

2020-11-21 23:55:08 42

原创 IDEA连接数据库失败报错@localhost failed. [08001] Could not create connection to database server

用idea连接数据库竟然失败报错:Connection to mybatis@localhost failed. [08001] Could not create connection to database server. Attempted reconnect 3 times. Giving up.再三仔细确认不是用户名和密码得错误后,经过各种百度查阅,终于找到了解决办法在url后面加上: ?serverTimezone=UTC即可根本原因是因为时区设置得问题。UTC代表得是全球标准时间,

2020-11-12 12:08:27 54

原创 java封装与多态

在每个类的内部,都有一个隐含的成员变量,该类的类型就是该类的类型,该成员变量的名称是this,this是一个引用,指向自身的对象。this的使用this调用本类中的属性,也就是类中的成员变量this调用本类中的其他方法this调用本类中的其他构造方法,调用时要放在构造方法的首行封装封装的含义?隐藏对象内部的复杂性,只对外公开简单的接口,便于外界使用,从而提高系统的扩展性、可维护性是面向对象方法的重要原则,就是把对象的属性和操作或服务结合为一个独立的整体,并尽可能隐藏对象的内部实.

2020-11-08 22:56:43 117 3

原创 intellij IDEA安装Maven详细过程

下载Maven直接去官网进行下载即可官网地址:http://maven.apache.org/download.cgi下载之后解压缩就可以了,当然你可以自己设置一个目录,这样方便你查找配置环境变量这时候可以进行环境变量得配置:选择更改设置---->高级---->环境变量然后新建一个系统变量然后选择编辑Path路径编辑Path项然后点击确定进行测试是否已经安装成功!在cmd中输入 mvn -version这样就已经安装成功了!Maven配置这时候一般

2020-10-27 22:33:51 112

原创 探索node之Get/Post请求

GET/POST请求获取GET请求内容由于GET请求直接被嵌入到路径中,URL是完整的请求路径,包括了?后面的部分,因此可以手动解析后面的内容作为GET请求的参数而node.js中的url模块中parse函数提供了这个功能const http = require('http');const url = require('url');const util = require('util');http.createServer(function (req, res) { res.write.

2020-10-24 21:45:27 201

原创 探索node之全局对象

全局对象avaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可以在程序的任何地方访问,即全局变量在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性。在 Node.js 我们可以直接访问到 global 的属性,而不需要在应用中包含它。全局变量在最外层定义的变量全局对象的属性隐式定义的变量当定.

2020-10-24 21:41:09 206 1

原创 探索node之路由

路由我们需要为路由提供请求的URL和其他需要的GET以及POST操作,随后路由需要根据这些数据来执行相应的代码。因此,我们需要查看 HTTP 请求,从中提取出请求的 URL 以及 GET/POST 参数。这一功能应当属于路由还是服务器(甚至作为一个模块自身的功能)确实值得探讨,但这里暂定其为我们的HTTP服务器的功能。我们需要的所有数据都会包含在 request 对象中,该对象作为 onRequest() 回调函数的第一个参数传递。但是为了解析这些数据,我们需要额外的 Node.JS 模块,它们分别.

2020-10-24 21:35:09 297

原创 探索node之常用工具

常用工具util是一个Node.js核心模块,提供常用函数的集合,用于弥补核心JavaScript的功能过于精简的不足const util = require('util')util.callbackify()util.callbackify(original)将async异步函数(或者一个返回值为Promise的函数)转换成遵循异常优先的回调风格的函数,例如将(err,value)=>…回调作为最后一个参数。在回调函数中,第一个参数为拒绝的原因。(如果promise解决,则为null),.

2020-10-24 21:32:07 188

原创 探索node之文件系统

异步与同步Node.js 文件系统(fs 模块)模块中的方法均有异步和同步版本,例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。异步的方法函数最后一个参数为回调函数,回调函数的第一个参数包含了错误信息(error)。建议使用异步方法,比起同步,异步方法性能更高,速度更快,而且没有阻塞。示例://hello.txthello node.jsmy name is angulaindex.js文件var fs = require(.

2020-10-24 21:18:34 183

原创 探索node之事件循环

事件循环Node.js 是单进程单线程应用程序,但是因为 V8 引擎提供的异步执行回调接口,通过这些接口可以处理大量的并发,所以性能非常高。Node.js 几乎每一个 API 都是支持回调函数的。Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。Node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调用该回调函数.进程:CPU执行任务的模块线程:模块中的最小单元举个通俗的例子:cp.

2020-10-24 21:12:02 800 4

原创 探索node中buffer的用法

BufferBuffer 对象用于表示固定长度的字节序列,许多Node.js的API都支持BufferBuffer 类是 JavaScript 的 Uint8Array 类的子类,且继承时带上了涵盖额外用例的方法。 只要支持 Buffer 的地方,Node.js API 都可以接受普通的 Uint8Array。Buffer 类在全局作用域中,因此无需使用 require(‘buffer’).Buffer。为何使用buffer?js自身只有字符串数据类型,没有二进制数据类型.但在处理像TCP流.

2020-10-24 21:03:50 909 1

原创 什么?还有1024程序员节?

10月24日,有没有觉得这个数字很熟悉?没错!1024!身为程序员的我们,angula不允许大家不知道这是我们的日子一起来看看吧1024程序员节是广大程序员的共同节日。1024是2的十次方,二进制技术按的基本计量单位之一。针对程序员经常周末加班与工作日熬夜的情况,部分胡来那我机构倡议每年的10月24日为1024程序员节,在这一天建议程序员拒绝加班(小声bb,默默加班中)程序员就像是一个1024,以最低调,踏实,核心的功能模块搭建起这个科技世界。1G=1024M,而1G与1级谐音,有一级棒的

2020-10-24 15:45:01 72

原创 GEEK+原创投票

CSDN原创·博主大赛TOP 50榜单投票开始啦,小白有幸入选,求各位大佬投“_angula”一票如何投票点击此链接为我投票吧投票入口进入之后点我投票,然后登入自己的qq哦然后一直往下面翻,由于按照字母排序,所以靠后面啦感谢大家为我投票,非常感谢!!!有用的着在下的地方,一定不遗余力!!!...

2020-09-21 15:24:20 118 1

原创 js之节流函数

节流原理规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。实现时间戳实现注意:第一次事件会被触发,最后一次不会触发函数throttle.jsfunction throttle(func, wait) { let _this, args; // 之前的时间戳 let old = 0; return function () { // 保存this _this = this; //保.

2020-09-15 17:38:42 942

原创 js之防抖函数

防抖防抖原理事件响应函数在一段时间后才执行,如果这段时间内再次调用,则重新计算执行时间也就是说,在这个时间内,无论你怎么触发事件,我都不会执行,只有这段时间无操作后才会执行!例如:假如防抖设置为3秒第一次执行事件后,开始倒计时3秒然后等到还剩余1秒时,再次触发了事件重新倒计时,从三秒开始这样第一次到第二次触发事件就经历了5秒,极大的减轻了服务器的压力先来认识防抖函数的使用:防抖函数实际上已经封装好了,我们只需要用cdn引入就可以进行使用了,但是我们依然要明白其中的原理!<!D.

2020-09-14 22:13:40 1062

原创 js严格模式下有哪些不同?

不允许不使用 var 关键字去创建全局变量,抛出 ReferenceError不允许对变量使用 delete 操作符,抛 ReferenceError不可对对象的只读属性赋值,不可对对象的不可配置属性使用 delete 操作符,不可为不可拓展的对象添加属性,均抛 TypeError对象属性名必须唯一函数中不可有重名参数在函数内部对修改参数不会反映到 arguments 中淘汰 arguments.callee 和 arguments.caller不可在 if 内..

2020-09-09 15:34:06 155

原创 vue之父子组件的传值

父子组件传值1.父组件向子组件传值父组件向子组件传值是通过属性的方式 传值,传的值可以是任意类型,甚至可以是父组件的方法或者父组件对象本身。为方便理解可以简单将父组件向子组件传值按以下步骤实现。在父组件中引入子组件;并在components中注册子组件;通过属性向子组件中传值。index.vue为父组件,test.vue为子组件<div> hello <test :father="title" :t="t"></test>

2020-09-07 21:23:11 674

转载 浅谈Vue的生命周期

大家好,我是醉心于前端的angula,目前大四在读,欢迎志同道合的朋友一起交流呐!这次来聊一下vue的生命周期!毫无疑问,想要搞清楚这个,还得尤大大给咱们的图镇楼!!!来吧,展示!可以看到vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作,那么先列出所有的钩子函数,然后慢慢来!beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed生命周期.

2020-09-04 21:37:17 667

原创 vue的两大核心

vue.js的两大核心数据驱动2.组件系统1. 数据驱动,也就是数据的双向绑定Vue 响应式核心就是,getter 的时候会收集依赖,setter 的时候会触发依赖更新vue将遍历data中对象的所有property,并使用 Object.defineProperty 把这些 property 全部转为getter/setter。这些 getter/setter 对用户来说是不可见的,但是在内部它们让 Vue 能够追踪依赖,在 property被访问和修改时通知变更。每

2020-09-04 16:35:19 385

原创 聊聊js的深拷贝与浅拷贝

js 变量类型js 的变量有两种类型的值基本类型值 存放在栈中的一些简单的数据段Undefined String Symbol(es6 新增) Null Number Boolean引用类型值 引用类型值是引用类型的实例,它是保留在堆内存中的一个对象,引用类型是一种数据结构最常用的是 Object Array Function 类型,另外还有 Date RegExp Error浅拷贝对于浅拷贝的理解:创建一个新对象,这个对象有着原始对象属性值得一份精确拷贝。如果属性是基本类型,

2020-09-02 22:57:27 2764 6

原创 解决align-items失效,无法居中问题

在做flex布局的时候,有时候你可能会遇到align-items失效的问题,那么下面来说一下css #main{ display: flex; justify-content: center; align-items: center; } #content{ width: 100px; height: 100px; background-color: #1890FF; }此时align-items失效,只能水平居中,.

2020-08-29 17:17:39 1651

转载 收藏!Git命令大全

收藏!史上最干货的GIT命令整理,满足你对Git的所有期待!

2020-08-28 10:16:48 1505 4

原创 13个你必须知道的js数组技巧

在js中,数组是一个重要切常见的知识点,我们经常将数据存储在数组中,并且数组是面试中重要的考察对象,所以数组我们必须要运用自如,下面将展示一些数组操作技巧

2020-08-27 08:46:03 736

原创 js的八大数据类型以及四种检测方法

js数据类型js的数据类型一共存在8种。在es5中存在6种数据类型 undefined String Object Number Null BooleanES6新增了一种数据类型 Symbol :这种类型的对象永不相等,即便创建的时候传入相同的值也不相等主要用于解决属性名冲突问题谷歌也出现了一种bigInt,指的是安全存储,操作大整数所以js数据类型包含了以上八种 undefined String Object Number Null Boolean Symbol bigInt当然可以这

2020-08-16 15:46:39 2136 1

原创 详解promise第三弹(面试篇)

promise在面试过程中会经常考察,这篇文章主要是判断promise代码的执行顺序问题,如果是基础部分,请移步到详解promise第一弹(基础篇)自己手写实现promise相关功能请看这里详解Promise第二弹(手写Promise)简单的示例<script type="text/javascript"> setTimeout(()=>{ //放入宏队列 console.log(1); },0) Promise.resolve().th.

2020-08-16 02:22:48 3091 4

原创 详解Promise第二弹(手写Promise)

手写promise上篇文章详解Promise第一弹(基础篇)主体结构// 自定义promise函数模块(function (params){ // Promise构造函数 //excutor :执行器函数(同步执行) function Promise(excutor){ } /* *promise原型对象的then() * 指定成功和失败的回调函数 * 返回一个新的promise对象 */ Promise.prototype.then = function (onR

2020-08-16 02:16:02 1070 1

原创 详解Promise第一弹(基础篇)

promise是可以说是面试必考点,而且也是我们日常工作开发中的重要的知识点对于promise的讲解,将会分成3部分来完成,其中包括基础篇,自定义promise、以及promise的经常考点一 、了解知识点1.1区分实例对象和函数对象实例对象:new 函数产生的对象 称为实例对象,简称对象函数对象:将函数作为对象使用时,简称为函数对 function Fn(){ //Fn函数 } const fn = new Fn(){ //Fn是构造函数,fn是实例化对象(

2020-08-13 01:34:44 2076 8

原创 最详细完整的flex弹性布局

初了解在学习弹性布局之前首先就要明白其概念flex 就是flexible box的缩写,意为弹性布局,用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}

2020-08-12 00:13:25 4242 18

原创 变态跳台阶问题

题目描述:一只青蛙一次可以跳上1级台阶,也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果)。思路:对于该题,只有一次1阶或者2阶的跳法对于两种跳法,假定第一次跳一个台阶,那么剩下n-1个台阶,跳法是f(n-1)假定第一次跳2阶,那么剩下n-2个台阶,跳法是f(n-2)由a\b假设可以得出总跳法为: f(n) = f(n-1) + f(n-2)通过实际的情况可以得出:只有一阶的时候 f(1) = 1 ,只有两阶的时候可以有 f(2) = 2,那么最终就是一个

2020-08-09 00:39:29 173

原创 vscode如何设置默认打开的浏览器为Chrome

在使用vscode编辑器的时候,如果我们不设置默认浏览器,那么直接打开的是IE浏览器,在进行页面调试的时候无疑是有点麻烦的,下面我们就说一下如何设置打开的浏览器为chromeopen in Browser首先需要安装open in browser插件,如果安装过了可以跳过此步骤然后修改默认浏览器为Chrome:选择文件—首选项—设置,在搜索栏输入open-in-browser.default,输入框里面直接输入 Chrome这也就完成了默认打开chrome的设置Open in Default

2020-08-08 17:57:03 2519 2

原创 ES6之箭头函数

箭头函数简化了原生写法,让代码更加简洁,来看一下基础的写法箭头函数写法基础写法//原生写法let fn = function(a,b){ return a+b;}//箭头函数写法let fn = (a,b)=>{ return a+b;}箭头函数的写法也就是比原生的写法少了function多了箭头,所以这可能就是箭头函数的由来吧!简化写法1) 当形参有且只有一个的时候,可以省略小括号let fn = n =>{ return n*n;}2)当代码体只有一条语

2020-08-08 01:10:52 2491 1

原创 ES6之解构赋值

ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值 称为解构赋值数组的解构1.基础解构const aaa = ['张三','李四','王二','麻子']; let [zhang,li,wang,ma] = aaa; console.log(zhang); //张三 console.log(li); //李四 console.log(wang) //王二 console.log(ma); //麻子2.复杂的匹配规则const arr =

2020-08-07 19:09:13 1064

原创 vue中v-for为何要加key?index为何不推荐作为key

在使用vue组件的时候,我们经常会遇到v-for必须要加key值来举个例子进行说明吧!不存在key的情况<!-- * @Author: angula * @Date: 2020-08-07 00:05:05 * @LastEditTime: 2020-08-07 00:17:21 * @FilePath: \Vue\study\test1\key详解.html--><!DOCTYPE html><html lang="zh-CN"><head

2020-08-07 00:49:52 2601 18

原创 推荐几个好用又好玩的vscode插件!

推荐几个有用的插件,会提高你的开发效率!走过路过不要错过一、koroFileHeader先来一个镇场子的!一键生成佛祖保佑!!!下载koroFileHeader插件安装之后,新建一个文件这时候会自动生成一个模板,显示作者的相关信息,当然,这个模板是可以自定义的,先上重头戏,然后再说怎么自定义!codeDesign按下快捷键,ctrl+shift+p 输入codeDesign下面喜欢哪一个点击即可使用!比如佛祖模板哈哈,是不是还是挺有意思的!下面的我就不再展示啦,可以自己去.

2020-07-21 19:18:07 14598 71

原创 Vue商城项目(三)

今天主要完成的首页上一个组件的封装主要完成的就是最下方的那个组件的封装,这个内容,我并没有再重复写以便,主要的就是放了一张图片,然后点击跳转一个链接,仅此而已,虽然这么简单,但是也不能直接写在首页里面,所以也简单做了一个封装!在home文件夹下新建了一个FeatureView.vue文件用于它的封装整体的思路非常简单,就是外层套了一个a标签链接,里面放了一个span放图片,虽然很简单,但也是一个独立的模块,所以也做了个封装FeatureView.vue<template> &lt

2020-07-14 00:09:31 1572

经典JavaEE-大作业-汽车租赁系统.rar|经典JavaEE-大作业-汽车租赁系统.rar

内含完整代码,以及数据库脚本,同时里面附带了软件开发文档,项目文档说明,项目介绍ppt,以及功能演示视频,欢迎大家下载使用!

2020-12-02

python外星人大战|game.rar

基于python开发的外星人大战项目,为学校安排大作业,内含全部源代码,说明文档,项目介绍ppt,实验报告文档,演示视频,以及打包完成的可执行程序,按需要自行下载。包含内容满足你的大作业需求!

2020-11-28

蝗虫数据集的公开版本|蝗虫数据集.rar

主要是关于蝗虫的数据集内容,请注意,里面仅包含数据集,为公开数据集,请自行判断选用!主要是关于蝗虫的数据集内容,请注意,里面仅包含数据集,为公开数据集,请自行判断选用!

2020-08-31

promise详解,手动实现以及上万字笔记.rar

里面主要是手写的promise实现过程,以及promise的详解笔记,对于初接触promise和进阶的前端人员来说是相当值得一看的

2020-08-16

经典JavaEE-大作业-汽车租赁系统.rar

内含完整代码,以及数据库脚本,同时里面附带了项目文档说明,项目介绍ppt,以及功能演示视频,欢迎大家下载使用!

2020-06-17

jsp之奇花异草展示系统.rar

主要用于学校安排的大作业,以及初学习jsp的同学,内附完整源代码以及数据库脚本,其中包含ppt,总体设计文档,以及功能说明,配置环境方法。

2020-06-17

Jsp-网上商城项目.rar

基于jsp+servlet+MySql实现的网上商城,为学校安排大作业,内含全部源代码以及数据库脚本,并附带完整使用说明!

2020-06-17

JSP之JDBC数据库开发

内含JDBC数据库开发课后练习题两个编程题(1.创建三个页面selectStudent.jsp、byname.jsp \ byNumber.jsp 2. 通过本章数据库对student表进行添加,修改删除....等等)以及另外编程题1:创建用户表,能完成用户登录验证和用户注册功能。编程题2.创建用户留言模块,页面有登陆,注册,查看留言列表,查看详细留言,发布留言,安全退出等功能。先创建数据库,数据库中至少要有users和words两个表,其他可以自行设计

2020-05-03

Python外星人大战

基于python开发的外星人大战项目,为学校安排大作业,内含全部源代码,说明文档,项目介绍ppt,实验报告文档,演示视频,以及打包完成的可执行程序,按需要自行下载

2020-05-02

学生课程数据库大作业.zip

基于《数据库原理与应用》设计的数据库大作业,内含所有数据库文件,直接导入即可,请自行调试使用,按需要自行下载使用。

2020-05-02

JSP第三版整理课件.rar

根据JSP应用与技术第三版整理的全书课件,仅供参考学习使用,请勿用作商业用途,内容详细具体,简明易懂

2020-04-30

JSP应用与开发技术第三版第八章课后编程题答案

使用本章数据库 ch08 中 student 表的结构通过 JSP 页面对 student 表进行添加、删除和 修改。添加 JSP 页面处理功能:添加新学生、修改和删除选中的学生信息

2020-04-30

JSP第三版JDBC数据库开发课后编程题答案

使用本章的数据库中的student表,创建三个页面selectStudent.jsp、byNumber.jsp、byName.jsp,通过JSP页面对student表进行名字和学号的查询。

2020-04-30

jsp课后题答案.zip

个人整理JSP应用与开发技术第三版马建红,马建波主编,内含全书所有习题答案完整版,包含选择填空】简答以及所以编程题的完整代码示例,如有需要,请自行下载使用

2020-04-29

空空如也

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

TA关注的人 TA的粉丝

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