- 博客(63)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 真正的能理解CSS中的line-height，height与line-height
在最近的项目中，常常用到line-height，只是简单的理解为行高但并没有深层次的理解，致使不能达到信手拈来的感觉。在此做一下总结，一是更深层次的了解什么是line-height，二是比较height与line-height的区别。基本概念行高与行距从字面的意思是非常容易理解的，但是对布局和样式来说，我们应该更深入的理解各个属性之间的关系，比如line-height与font-size存在什...
2018-09-20 15:48:21
117876
43
原创 基于Kubeadm进行kubernetes-1.15.1集群安装部署
In this multi-node setup,we will have one master node and multiple worker nodes(minions).Master Nodekube-API server: It is an API server, runs on the master node that exposes Kubernetes APIetcd: A...
2019-08-08 12:24:02
946
1
原创 基于VMware12虚拟机的Hadoop3.1.2伪分布式安装（含各软件百度云下载地址、安装过程中各类问题的解决方案）
一、软件环境配置1. 物理机版本：Win102. 虚拟机版本：VMware 12链接：https://pan.baidu.com/s/1j6dGmDL_jPJhWl4opVPMMQ提取码：v3153. Linux系统：CentOS 7.6 （64）参考文献：CentOS与Ubuntu的区别CentOS安装4. java JDK：jdk-8u221-linux-x64.tar...
2019-08-01 23:04:56
1124
转载 Java中的static关键字解析
static关键字是很多朋友在编写代码和阅读代码时碰到的比较难以理解的一个关键字，也是各大公司的面试官喜欢在面试时问到的知识点之一。下面就先讲述一下static关键字的用法和平常容易误解的地方，最后列举了一些面试笔试中常见的关于static的考题。以下是本文的目录大纲：一.static关键字的用途二...
2019-07-26 14:48:45
316
转载 （很全，有通得过实例）MySQL存储过程详解
1. 存储过程简介我们常用的操作数据库语言SQL语句在执行的时候需要要先编译，然后执行，而**存储过程（Stored Procedure）**是一组为了完成特定功能的SQL语句集，经编译后存储在数据库中，用户通过指定存储过程的名字并给定参数（如果该存储过程带有参数）来调用执行它。一个存储过程是一个可编程的函数，它在数据库中创建并保存。它可以有SQL语句和一些特殊的控制结构组成。当希望在不同的应...
2019-06-20 20:46:54
522
原创 Redux connect装饰器安装失败Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whos
首先需要查看你的Bable版本，不同的版本有各自的对应配置。当然，出现这个错误的原因是因为我参照网上的教程，npm install babel-plugin-transform-decorators-legacy --save-dev，运行后就出现了错误。究其原因吗，这是Babel 6的安装办法，而Babel>=7.x就需要安装npm install @babel/plugin-propos...
2019-06-10 20:30:01
4022
原创 不限编程语言的几个swap(值交换)函数
借助第三方变量 int a=2, b=3; int temp = a; a = b; b = temp;巧用运算符 a +=(b - (b=a));//等同于a = a + (b - a)巧用位运算符 a = a^b^(b=a);//等同于先是b=a，后执行a^b^a=b借助函数public static int returnB(int i, int ...
2019-05-14 12:46:26
347
原创 int数组默认为0，Integer集合默认为null
Java为每个原始类型提供了封装类，Integer是java为int提供的封装类。int的默认值为0，而Integer的默认值为null，即Integer可以区分出未赋值和值为0的区别，int则无法表达出未赋值的情况。int[] arrInt = new int[4];debug运行：ArrayList<Integer> arrInte = new ArrayList<...
2019-05-14 10:04:54
7500
转载 什么是负载均衡？
负载均衡是高可用网络基础架构的关键组件，通常用于将工作负载分布到多个服务器来提高网站、应用、数据库或其他服务的性能和可靠性。一个没有负载均衡的 web 架构类似下面这样：在这里用户是直连到 web 服务器，如果这个服务器宕机了，那么用户自然也就没办法访问了。另外，如果同时有很多用户试图访问服务器，超过了其能处理的极限，就会出现加载速度缓慢或根本无法连接的情况。而通过在后端引入一个负载均衡器...
2019-05-05 10:29:20
1292
转载 Netty超时机制及心跳程序实现
Netty 超时机制的介绍Netty 的超时类型 IdleState 主要分为：ALL_IDLE : 一段时间内没有数据接收或者发送READER_IDLE ： 一段时间内没有数据接收WRITER_IDLE ： 一段时间内没有数据发送在 Netty 的 timeout 包下，主要类有：IdleStateEvent ： 超时的事件IdleStateHandler ： 超时状态处理...
2019-04-18 18:48:03
763
原创 JavaScript-实例属性与原型属性区别
实例属性指的是在构造函数方法中定义的属性和方法，每一个实例对象都独立开辟一块内存空间用于保存属性和方法。function Products() { this.name = 'car', this.ids = [1,2]}var product1 = new Products();var product2 = new Products();product1.ids[0]...
2019-04-17 19:57:32
1731
原创 好好沉淀，等我再战——记头条、蚂蚁的第一面（2019届前端暑期实习生）
一、每次失败都是为了更好的成长很不幸的是，人生中的第一次视频面试和电话面试以失败结局告终，预示着一个阶段的结束，下一个阶段的爆发。其实，这次经历不应该定义成失败，它只是求职阶段中不愉快的小插曲，但是只有刻骨铭心的失败才能激发出知耻而后勇的力量，迎来下一个阶段的成功。哈哈！你说了那么多，只不过是一个loser！你说的很对，这是事实。面试之前，我跟实验室的同学许下了铮铮誓言：第一面没问题，都是基础...
2019-04-16 16:02:08
299
1
原创 JS深浅拷贝实现
引用赋值与浅拷贝的区别引用赋值是地址的赋值，将对象指针赋值给一个变量，让此变量指向对象。浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。var obj = { a:1, arr: [2,3] };var obj1 = {};var shallowObj = {};var deepObj = {};//引用赋值，obj1指向obj所指向的对象var obj1 = o...
2019-04-04 21:20:46
1689
原创 从基础讲全排列（Java实现）
提起全排列，第一印象是不是大学概率中的排列和组合呢，回头翻了翻书（怪自己太笨，记不住），才发现全排列是排列的一种。那就先延伸一下排列和组合呗。排列一般地说，从n个不同元素中，任取m(m≤n)个元素，按照一定的顺序排成一列，这就叫做从n个元素中取出m个元素的一个排列。在排列数公式中，当m=n时，有：这表明，n个不同元素全部取出来排列的排列数等于自然数1到n的连乘积。n个不同元素，全部取出...
2019-03-29 17:54:29
1636
原创 TCP三次握手机制
TCP是面向连接的协议。 TCP连接的建立采用客户端/服务器方式。主动发起连接建立的应用进程叫做客户，而被动等待连接建立的应用进程叫做服务器。（1）服务器的TCP服务器进程先创建传输控制块TCB，准备接受客户进程的连接请求。然后服务器进程就处于LISTEN（收听）状态，等待客户的连接请求。如有，即作出响应。（2）客户端的TCP客户进程也是首先创建传输控制模块TCB，然后向服务器发出连接请求报...
2019-03-22 17:04:44
1714
原创 webpack系列之CSS样式处理（含实例）
讲过前两节的接收，我们对webpack有了基本的认识，对HtmlWebpackPlugin插件的各个属性也做了简要的说明，对其他相关属性可以参考。说完了js、html，我们来说一说css相关的配置。首先你可以试验一下，为我们编写的index.html文件编写样式，是不是直接使用相对路径引入css文件就可以了呢。答案是不可以的，因为HtmlWebpackPlugin会将index.html文件原样输...
2019-03-19 11:16:09
853
原创 来自一道算法题：正则表达式之匹配字符串中连续重复的字符（JavaScript描述）
最近在做遇到如下的算法题：其实这算不上什么算法题，纯属是对正则表达式的应用，在这里我们用JavaScript语法进行实现。在实现之前还是先回顾一下知识点吧，在知道的基础看看能不能写出来！正则表达式的两个方法（1）RegExp.prototype.test(str)用于测试字符串参数中是否存在匹配正则表达式模式的字符串，如果存在则返回true，否则返回false。（2）RegE...
2019-03-16 18:01:13
3732
原创 两种图片引用的方式background-image和img的区别
1. 是否占位background-image是背景图片，是css的一个样式，不占位；<img />是一个块状元素，它是一个图片，是html的一个标签，占位；2. 是否可操作（1）background-image是只能看的，只能设置如下属性：background-position: 为每一个背景图片设置初始位置。 这个位置是相对于由 background-origin定义...
2019-03-14 16:19:53
12605
原创 从输入URL到页面加载发生了什么之DNS解析
总体来说可以分为以下几个阶段：（1）DNS解析（2）TCP连接（3） 发送HTTP请求（4）服务端处理请求并返回HTTP响应报文（5）浏览器解析渲染页面（6）TCP连接关闭1. DNS解析（1）DNS定义DNS（Domain Name System）服务是和HTTP协议一样位于应用层的协议。它提供域名到IP地址之间的解析服务。更通俗点讲，它就是网络世界的地址簿，根据名称（域名），...
2019-03-13 13:32:28
607
原创 webpack系列之webpack-dev-server 及配置HTML插件（html-webpack-plugin）
上一节补充：如果存在webpack.config.js文件，则运行npx webpack命令后，将会自动读取文件内的相关配置。我们将webpack.config.js文件名改为webpack.config.my.js文件，那么怎么才能手动指定webpack读取webpack.config.my.js文件里的配置内容呢？别着急，你可以通过如下命令进行实现。npx webpack --confi...
2019-03-06 19:00:00
5841
原创 JavaScript判断一个字符串是否是回文字符串（五种方法：单链表、栈、charAt()、for循环、借助数组法）
回文字符串是指一个字符串从前往后与从后往前读获得同样的结果，比如abcdcba。下面我们来总结一下各种方法判断一个字符串是否为回文字符串。for循环法function isPalindRome(input){ if(typeof input !== 'string') return false; let len = input.length; let str = ''; ...
2019-03-06 12:53:24
2510
原创 webpack系列之webpack介绍及基本配置（含实例）
一、webpack介绍什么是webpackwebpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的扩展语言（Scss,TypeScript等），并将其打包为合适的格式以供浏览器使用。作用代码转换：如ES6转ES5，Scss（Less）转CSS；文件优化：如压缩代码体积、合并文件；代码分割：如公共模块的抽离、...
2019-03-05 21:39:20
699
原创 JavaScript数组与其他语言的区别
最近在看算法知识，讲到了数组越界导致的无限循环，所以就好奇试了试，在JavaScript中会不会出现此类问题。代码如下：int main（int argc, char* argv[]）{ int i = 0; int arr[3] = {0}; for(; i<=3; i++){ arr[i] = 0; printf("hello world\n"); } return...
2019-03-04 13:14:28
1166
翻译 CSS中margin:auto;是如何工作的
margin:auto;在块级元素的水平居中上经常被使用的。但是你有没有想过它是如何工作的以及为什么不能使？要回答这个问题，我们首先需要看一下margin:auto;的工作原理。auto会因为所在元素、元素类型和上下文的有不同不一样的表现。但是在margin（外边距）中，auto只有两种选择：占据可用的空间（take up the available space）或者等同于0px。这就决定了元素...
2019-02-21 22:05:01
7079
原创 React各生命周期详细描述-来自官方文档
Commonly Used Lifecycle Methods (常见的生命周期方法)render()在使用ES6类(class)方式构建组件时，render方法是唯一一个需要声明的方法。也可以使用函数方式构建组件，请参考。当render()被调用时，它会检查this.props和this.state是否发生变化，并且return下面任意一种类型：React elements（react...
2019-01-12 14:41:10
653
原创 初步认识React组件的声明周期及其使用场景
constructor1.用于初始化内部状态，很少使用2.唯一可以直接修改state的地方getDerivedStateFromProps1.当state需要从props初始化时使用2.尽量不要使用：维护两者状态一致性会增加复杂度3.每次render都会调用4.典型场景：表单控件获取默认值componentDidMount1.UI渲染完成后调用2.执行一次3.典型场景：获取...
2019-01-10 15:12:54
306
原创 图解JavaScript原型模式创建对象
JavaScript面向对象这一块的底层原理是很难掌握的，基本是看了忘，忘了再看的循环过程。最近深入理解new运算符底层原理的时候，又看了一遍关于面向对象这一块的知识点，从而有了新的认识。本篇只讨论基于原型模式创建对象，对涉及到的知识点只做简单补充，后续进行细化和整体的对比。 function Person() { } Person.prototype.name = "...
2019-01-04 13:51:59
460
原创 JavaScript处理Get请求，并获取请求参数（以 react 为例）
JavaScript处理get请求无非就是三种方式第一种：使用第三方插件，例如 url； 第二种：借助于正则表达式 ；第三种：借助于 String 方法；第一种方式：使用url插件安装npm install url -S在文件中引入import url from 'url'使用// 适用于组件之间的路由跳转，根据自己的场景选择要在哪个组件的生命周期或者自定...
2018-12-28 14:44:04
3096
转载 2019年前端面试都聊啥？一起来看看
原文作者：Harshal PatilFollow译者：UC 国际研发 Jothy 转载：UC国际技术JavaScript ES2015 规范出现后，一切都大变样啦。 该规范很大——随着对modules（模块）原生支持以及不断发展的函数式编程，新的 JavaScript 语言重焕新生。并且每年持续推出 ES2016，ES2017 …然而在面试或招聘前端开发时，期望、现实和需求之间存在巨大差...
2018-12-27 10:05:03
1267
2
原创 多个div占满整个屏幕（或页面）（待补充及理解）
<div id="app" class="outer"> <h3 class="head">Head组件</h3> <div class="container"> <h3 class="left">Left组
2018-12-20 10:01:08
4087
原创 2018年Github上关于JavaScript的学习资源start排行榜
来源：https://bestofjs.org/tags/learning
2018-12-09 22:08:15
502
原创 学习ES6零基础-彩票项目中，解决项目代码中运行错误的问题
最近在学习ES6，在B站上看了一些视频再结合阮一峰老师的《ES6标准入门》基本上对ES6的各特性过了一遍，那就开始动手练项目咯，在找到视频对应的代码后，下载并运行出现了几个问题，通过百度又没查到相关的解决思路，这不还得科学上网，毕竟你询问的人群是全世界，总有适合的哪一个。话不说，开始叙述问题，并一步步的解决问题。项目的源代码在我的github上：https://github.com/sun2013...
2018-11-15 13:03:03
2277
3
转载 由Object.is({}, {})返回false，来看看JavaScript的深拷贝与浅拷贝
var a = function() {console.log(11)};var b = function() {console.log(11)};console.log( a==b ); //falseconsole.log( {}=={} ); //falseconsole.log( []==[] ); //false如你所见，上述三个例子结果都为false。相信很多人都碰到过...
2018-11-13 10:32:18
837
转载 （经典）tcp粘包分析
这两天看csdn有一些关于socket粘包，socket缓冲区设置的问题，发现自己不是很清楚，所以查资料了解记录一下：一 .两个简单概念长连接与短连接：1.长连接Client方与Server方先建立通讯连接，连接建立后不断开， 然后再进行报文发送和接收。2.短连接Client方与Server每进行一次报文收发交易时才进行通讯连接，交易完毕后立即断开连接。此种方式常用于一点对多点 通...
2018-11-02 15:02:54
328
转载 NIO编程之ServerSocketChannel用法详解
之前一直看不懂NIO中的ServerSocketChannel和SocketChannel的区别，看了这篇博文，感觉通俗易懂，于是决定分享一下。。。。在用nio通讯的过程我用以下情景给你模拟：学校(ServerSocketChannel)2。 学校教务处（Selector）3。 老师 (ServerSocket )4。 学生 (SocketChannel)5。 员工号/学生号（Sel...
2018-10-24 16:16:35
3917
3
原创 在window 10 x64下Apache24的下载、安装及虚拟主机配置（以wordpress为例）
什么是Apache关于Apache是什么及与tomcat的区别联系见上一篇文章，这里我们只讲window下的Apache web服务器的安装及虚拟主机的配置。Apache的安装（1）打开百度，搜索Apache。我们日常所说的apache服务器指的是apache httpd服务器，而实际上apache是一个软件基金会，它的旗下包含很多款软件，例如httpd、tomcat、maven等等。简单说...
2018-09-25 12:12:51
1652
2
原创 Apache与Tomact区别
Apache与Tomcat的区别联系（1）Apache是web服务器，Tomcat是应用（java）服务器，它只是一个servlet(jsp也翻译成servlet)容器，可以认为是Apache的扩展；（2）Apache和Tomcat都可以做为独立的web服务器来运行。但是Apache不能解释java程序（jsp,serverlet），只能处理静态资源（HTML页面）；（3）Apache是普通...
2018-09-25 10:37:11
655
原创 JavaScript事件对象
1 事件对象在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。包含导致事件的元素，事件的类型以及其他与特定事件相关的信息。所有浏览器都支持event对象，但支持方式不同。1.1 DOM中的事件对象兼容DOM的浏览器会讲一个event对象传入到事件处理程序中。无论指定事件处理程序是使用什么方法（DOM0或DOM2级），都会传入event对象。...
2018-09-12 15:28:23
215
使用ArcGIS JavaScript API 开发Web 3D应用.
2018-03-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人