自定义博客皮肤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

敲黑板啦!!欢迎关注微信公众“趣说前端”,分享更多技术干货与源码

  • 博客(100)
  • 资源 (16)
  • 问答 (1)
  • 收藏
  • 关注

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

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

2020-05-07 01:40:00 8188 104

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

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

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

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

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

2020-04-11 01:12:20 8744 80

转载 el-select下拉框rules验证问题

在这里需要有几个注意的问题,举例如下<el-form-item label="新闻类别" prop="typevalue"> <el-select v-model="form.typevalue" placeholder="请选择新闻类别"> <el-option v-for="item in this.typelist.options" :key="item.id" :label="item.title" :value="item.id" /> &lt

2021-04-22 18:22:54 77

原创 解决elementUI时间选择器层级过高问题

element ui时间选择器层级过高遮挡面包屑与head头问题解决问题:vue+element项目,时间选择器组件页面滚动时层级过高遮挡面包屑与head头此时时间选择器的弹窗会挡住导航栏的上方,如哥需要放在导航栏下面的话需要改变它的层级添加z-index,主要要加上 !important此时你会发现,时间选择器的弹窗已经位于导航栏组件的下方了!需要添加的css.el-picker-panel { z-index: 1 !important;}...

2021-03-25 10:58:18 92

转载 element 下拉选项层级过高问题

element ui下拉选项层级过高遮挡面包屑与head头问题解决问题:vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头解决:曲线救国,当页面滚动时,将所有下拉框关闭,就不会遮到顶部了~~在utils文件夹定义工具js:let lock = truelet el = null// const MousedownEvent = new Event('mousedown', { bubbles: true })// const MouseupEvent = n

2021-03-24 14:28:31 72

原创 z-index细解:一个z-index的值很大为何却在一个很小的值下面?

z-index看似很简单,其实其中还是有不少的探究之处!css为盒模型的布局提供了三种不同的定位方案正常文档流浮动定位最后一种方案(特指绝对定位)将会把元素从正常文档流中完全移走,其最终的落脚点将取决于开发者。通过设置 top,left,bottom 和 right 的值,你可以在二维空间中对元素进行定位,但 CSS 同时也允许你使用 z-index 把它放置在三维空间中。表面看起来,z-index 似乎是一个很简单的属性,你给它设置哪个值,元素就会位于 y 轴的哪个位置,就这样。但它实际

2021-03-17 16:26:13 470

原创 TypeError: Cannot read property ‘split‘ of null

str.split(’.’)变成(str || “”).split(’.’)就可以了,完美收官

2021-03-16 11:27:23 73

原创 element组件中关于竖直分割线的样式调整

用F12查看页面样式之后,发现是下面这个样式在起作用然后修改成符合自己的样式即可.el-divider--vertical { height: 2em; margin-left: 20px;}

2021-03-16 11:23:51 92

原创 el-dropdown-item的点击事件

在vue项目中使用element-ui时,用到了Dropdown组件。需要在子菜单上添加click事件。但是使用@click添加点击事件并没有产生效果,毫无反应。但是官方文档中并没有给出el-dropdown-item的点击事件。在经过多般测试之后,找到解决问题方法若在click后添加native修饰符,则可解决问题。如下所示<el-dropdown> <el-button type="primary"

2021-01-03 23:10:25 324

原创 git配置user.name和user.email

github在统计提交的时候,会判断邮箱是否跟github的登陆邮箱匹配,不匹配则不计算活跃度,即不生成小绿块。查看配置git config user.emailgit config user.name设置当前仓库的user.name/user.emailgit config user.email yourEmailNamegit config user.name yourName设置全局user.name/user.emailgit config --global use.

2021-01-03 22:51:11 619

原创 解决Intellij IDEA maven 自动设置JDK为JDK1.5

在idea中创建maven项目,每次更新或重新载入maven项目后,都会重新变成JDK1.5,就算手动设置maven项目或者模块JDK1.8,刷新后还是会变为JDK1.5。这是由于创建项目时没有指定jdk版本,而maven的默认jdk版本为1.5导致的。解决方法:1.在当前maven项目pom文件中指定编译的jdk版本(项目指定)<properties> <maven.compiler.source>1.8</maven.compiler.source> &lt

2020-12-27 11:05:56 296 1

转载 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 2315 17

原创 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 301

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

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

2020-11-21 23:55:08 279

原创 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 336

原创 java封装与多态

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

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

原创 intellij IDEA安装Maven详细过程

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

2020-10-27 22:33:51 584

原创 探索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 405

原创 探索node之全局对象

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

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

原创 探索node之路由

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

2020-10-24 21:35:09 492

原创 探索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 387

原创 探索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 387

原创 探索node之事件循环

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

2020-10-24 21:12:02 999 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 1141 1

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

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

2020-10-24 15:45:01 276

原创 GEEK+原创投票

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

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

原创 js之节流函数

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

2020-09-15 17:38:42 1198

原创 js之防抖函数

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

2020-09-14 22:13:40 1656

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

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

2020-09-09 15:34:06 405

原创 vue之父子组件的传值

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

2020-09-07 21:23:11 894 23

转载 浅谈Vue的生命周期

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

2020-09-04 21:37:17 875

原创 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 895

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

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

2020-09-02 22:57:27 2945 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 4518 5

转载 收藏!Git命令大全

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

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

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

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

2020-08-27 08:46:03 900

原创 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 2703 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 3287 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 1256 1

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

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

2020-06-17

JSP之JDBC数据库开发

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

2020-05-03

某学院数据中心建设方案

现有某学院,有师生500人,准备建设一个小型数据中心,占地约100平方米。主要满足以下需求: 1、运行学院的DNS服务器,进行学院的域名解析; 2、运行学院的WWW服务器,部署学院的网站; 3、为学院每位师生提供100GB的云存储; 4、运行学院的电子邮件服务器,为每位师生提供不少于10GB的存储空间; 5、运行学院的云服务平台,为每位师生至少提供一个虚拟机,虚拟机的资源不少于1 core CPU/8GB 内存/200MB存储/100MB网络带宽; 6、采购必要的安全设备,对数据中心进行安全防护。

2014-12-22

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

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

2020-08-16

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

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

2020-05-02

Python外星人大战

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

2020-05-02

python外星人大战_外星人大战人类

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

2020-11-28

rabbitmq教程md.zip

rabbitmq教程,里面为rabbitmq总结的md文档,包含使用示例!

2020-12-18

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

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

2020-12-02

蝗虫数据集的公开版本

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

2020-08-31

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

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

2020-06-17

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

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

2020-04-30

Jsp-网上商城项目.rar

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

2020-06-17

jsp课后题答案.zip

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

2020-04-29

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

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

2020-04-30

JSP第三版整理课件.rar

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

2020-04-30

空空如也

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

TA关注的人 TA的粉丝

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