<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[GoodLuck_wu5的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/GoodLuck_wu5</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; GoodLuck_wu5]]></copyright><item><title><![CDATA[Java基本类型包装类]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/120528926</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/120528926</guid><author>GoodLuck_wu5</author><pubDate>Tue, 28 Sep 2021 19:10:42 +0800</pubDate><description><![CDATA[这里写目录标题包装类Integer类int和String类型相互转换自动装箱拆箱常见问题Date类SimpleDateFormat类Calendar类
包装类
将基本数据类型封装成对象的好处在于可以在对象中定义更多的功能方法操作该数据。
基本类型能做的事情，包装类也能做。但包装类能做的，基本类型不一定能做，比如要赋一个 null 值。




基本类型
包装类




byte
Byte


short
Short


int
Integer


long
Long


float
Float


doub]]></description><category></category></item><item><title><![CDATA[MySQL笔记]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/118543384</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/118543384</guid><author>GoodLuck_wu5</author><pubDate>Thu, 08 Jul 2021 16:43:09 +0800</pubDate><description><![CDATA[目录一、数据库1、数据存储方式2、数据库管理系统、数据库和表的关系二、SQL语句1、SQL语句分类2、SQL语法3、DDL语句3-1、DDL操作数据库 DATABASE（1）创建数据库 CREATE（2）查看数据库 SHOW（3）修改数据库字符集格式 ALTER（4）删除数据库 DROP（5）使用数据库 USE3-2、DDL操作表 TABLE（1）创建表 CREATE（2）查看表 SHOW DESC（3）创建一个表结构相同的表 CREATE ... LIKE（4）删除表 DROP（5）修改表结构 ALTER]]></description><category></category></item><item><title><![CDATA[JS 找出字符串中最长回文子串]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/115282157</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/115282157</guid><author>GoodLuck_wu5</author><pubDate>Sun, 28 Mar 2021 16:25:53 +0800</pubDate><description><![CDATA[给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。
示例 1：
输入: “babad”
输出: “bab”
注意: “aba” 也是一个有效答案。
示例 2：
输入: “cbbd”
输出: “bb”
回文的特性：回文串一定是对称的；回文串可能是abba型，也可能是aba型。
思路：
中心扩展法
1.回文串一定是对称的。所以每次选择一个中心，进行中心向两边扩展比较左右字符是否相等。
2.中心点的选取有两种：
①aba：中心点是b
②abba：中心点是两个b之间
3.所以共]]></description><category></category></item><item><title><![CDATA[面经]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/114946273</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/114946273</guid><author>GoodLuck_wu5</author><pubDate>Wed, 17 Mar 2021 20:42:53 +0800</pubDate><description><![CDATA[1.HTML有哪些语义化标签？为什么要语义化？
h1~h6
header
footer
title
nav
main：主要内容，一个页面只能使用一次。
ul
li
em
strong
HTML结构清晰，代码可读性高，便于维护，可根据标签确定上下文和权重问题。
2.css选择器，权重




CSS选择器
表示




ID选择器
#id


class选择器
.class


标签选择器
p、a等


通配符选择器
*（表示选择所有的标签元素）


属性选择器
[type=‘text’]


伪类选择器
:]]></description><category></category></item><item><title><![CDATA[JS——继承]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109201620</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109201620</guid><author>GoodLuck_wu5</author><pubDate>Wed, 21 Oct 2020 15:47:13 +0800</pubDate><description><![CDATA[目录前置知识借用构造函数继承☆组合继承原型式继承
前置知识
先了解一下JS的原型及原型链.
借用构造函数继承
借用构造函数，也叫伪造对象或经典继承
function A() {
	this.colors = ["red", "blue", "green"];
}

function B() {
	//继承A
	A.call(this);
    console.log("this",this)
}

var instance1 = new B();
console.log("instance1",insta]]></description><category></category></item><item><title><![CDATA[CSS——两种盒模型]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109195426</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109195426</guid><author>GoodLuck_wu5</author><pubDate>Wed, 21 Oct 2020 10:19:15 +0800</pubDate><description><![CDATA[盒子模型分为两种：
第一种是W3C标准的盒子模型（标准盒模型）
第二种IE标准的盒子模型（怪异盒模型）
1、标准盒模型
标准盒模型width指的是内容区域content的宽度；
height指的是内容区域content的高度

W3C标准盒模型下盒子的大小 = width （ content ） + border + padding + margin
2、怪异盒模型
怪异盒模型中的width指的是内容、边框、内边距总的宽度；
height指的是内容、边框、内边距总的高度

怪异盒模型下盒子的大小 = wid]]></description><category></category></item><item><title><![CDATA[VUE——通信、传值多种方式]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109194225</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109194225</guid><author>GoodLuck_wu5</author><pubDate>Wed, 21 Oct 2020 09:43:19 +0800</pubDate><description><![CDATA[目录一、通过路由带参数进行传值二、通过设置Web存储缓存的形式进行传递三、父子间通信（1）父级向子级传递 props①数组形式②对象形式③驼峰标识的注意点：④父子组件传值，数据是异步请求，有可能数据渲染时报错（2）子级向父级传递（3）父子组件的访问 $children $refs $parent $root四、vuex进行传值1、Vuex的基本使用1-1、Vuex状态管理图例1-2、小案例2、Vuex的核心2-1、State2-2、Getters2-3、Mutation（状态更新）（1）基本使用（2）传递参]]></description><category></category></item><item><title><![CDATA[JS——JSON.stringify/parse]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109182283</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109182283</guid><author>GoodLuck_wu5</author><pubDate>Tue, 20 Oct 2020 15:55:52 +0800</pubDate><description><![CDATA[JSON.stringify 就是将数字、字符串、null、对象或数组转换成字符串形式。
一般用在web存储中使用，就是将对象或数组转换成字符串存储起来，使用该存储时，再通过JSON.parse转换出来。
let obj = {
  name: 'kd',
  age: 32
}
// let obj = 123
// let obj = [1,2,3]
// let obj = null
let str = JSON.stringify(obj)
console.log(str)
let str2 = J]]></description><category></category></item><item><title><![CDATA[JS——拷贝对象 深、浅拷贝]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109180220</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109180220</guid><author>GoodLuck_wu5</author><pubDate>Tue, 20 Oct 2020 15:01:53 +0800</pubDate><description><![CDATA[目录一、浅拷贝二、深拷贝1.JSON.stringify/parse的方法2.使用递归方法3.使用es6的Array.from(针对数组)4.使用es6的…三、总结
js中的对象分为基本类型和复合（引用）类型，前者存放在栈内存，后者存放在堆内存。
栈内存存放一些基本类型的变量和对象的引用变量，堆内存用于存放由new创建的对象。
JS——数据类型及判断.
一、浅拷贝
对对象地址的复制，不会进行递归复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址。
var arr1 = [1,2,3,4,5];]]></description><category></category></item><item><title><![CDATA[JS——数组常用的方法]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109174758</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109174758</guid><author>GoodLuck_wu5</author><pubDate>Tue, 20 Oct 2020 11:00:57 +0800</pubDate><description><![CDATA[var arr = []
arr.splice()
arr.reverse()
arr.fill()
arr.copyWithin()
arr.sort()
arr.push()
arr.pop()
arr.unshift()
arr.shift()
var arr = []
arr.slice()
arr.map()
arr.forEach()
arr.every()
arr.some()
arr.filter()
arr.reduce()
arr.entries()
arr.find()
arr.con]]></description><category></category></item><item><title><![CDATA[路由hash、history的区别]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109162407</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109162407</guid><author>GoodLuck_wu5</author><pubDate>Mon, 19 Oct 2020 22:39:08 +0800</pubDate><description><![CDATA[vue-router 中有hash模式和history模式。
在vue的路由配置中有mode选项，最直观的区别就是在url中hash 带了一个 # ，而history是没有#的，vue默认使用hash。
mode:“hash”;
mode:“history”;
区别：




名称
hash
history




url
https://baidu.com/#/home
https://baidu.com/home


http请求
https://baidu.com
https://baidu.com/]]></description><category></category></item><item><title><![CDATA[在浏览器输入url后发生了什么]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109159892</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109159892</guid><author>GoodLuck_wu5</author><pubDate>Mon, 19 Oct 2020 15:27:35 +0800</pubDate><description><![CDATA[目录在浏览器输入url后发生了什么分点解析：1.域名解析2.TCP的三次握手3.客户端发送HTTP请求4.服务器端响应资源5.浏览器渲染页面问题：
在浏览器输入url后发生了什么
1、域名解析
2、发起TCP的3次握手
3、建立TCP连接后发起的http请求
4、服务器端响应http请求，浏览器得到html代码
5、浏览器解析html代码，并请求html代码中的资源
6、浏览器对页面进行渲染呈现给用户
分点解析：
1.域名解析
通过本地DNS或者DNS服务器进行域名解析，将网址域名转换为服务器对应的IP地址]]></description><category></category></item><item><title><![CDATA[TCP的三次握手与四次挥手]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109161117</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/109161117</guid><author>GoodLuck_wu5</author><pubDate>Mon, 19 Oct 2020 15:06:48 +0800</pubDate><description><![CDATA[一、TCP报文字段含义：
seq：32位序号，用来标记数据段顺序
ack：32位确认号，对上一次seq序号做出的确认号，用来响应TCP报文段，ack = seq + 1，但只有ACK标志位为1时，确认号字段才有效。
标志位：允许发送方或接收方指定哪些标志位应该被使用，以便TCP报文段被另一端正确使用。
SYN 简写 S，同步标志位。用来建立会话连接。SYN = 1表示一个连接请求或连接接收报文。其只有在TCP建立连接时置1，握手完成后置0。
ACK 简写 . ， 确认标志位。对已接收的数据包进行确认。
FI]]></description><category></category></item><item><title><![CDATA[前端算法]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/107682925</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/107682925</guid><author>GoodLuck_wu5</author><pubDate>Tue, 08 Sep 2020 16:01:34 +0800</pubDate><description><![CDATA[对字符串、数组的查询调用，一般思路是将字符串、数组提取到对象，再操控对象。
字符串中出现最多次的字符以及其次数
核心算法：
1、将字符存储在一个对象内，给其当属性名，属性值为出现的次数
①利用charAt()遍历字符串
②把每个字符都存储给一个对象，（即当做改对象的属性名）
③判断该对象是否有该属性，没有，赋值1；有，则＋1
2、取对象属性值最大值，即可得到字符串中出现最多次的字符以及其出现的次数
①遍历对象
②取最大值
//字符串中最多次的字符以及其次数
var str1 = 'abcabaabcaba']]></description><category></category></item><item><title><![CDATA[JS——数据类型及判断]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108426906</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108426906</guid><author>GoodLuck_wu5</author><pubDate>Sun, 06 Sep 2020 00:59:56 +0800</pubDate><description><![CDATA[原始的数据类型（五种）
String（字符串）、Number（数字）、Boolean（布尔值）、Null（空）、Undefined（未定义）
引用数据类型
Object、Array、Function
判断数据类型
typeof
返回值有6种，都是字符串形式
String、Number、Boolean、Undefined、Object、Function
console.log(typeof(123))    // Number
console.log(typeof('abc'))  // String
con]]></description><category></category></item><item><title><![CDATA[JS——apply和call以及bind的区别]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108424891</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108424891</guid><author>GoodLuck_wu5</author><pubDate>Sun, 06 Sep 2020 00:18:29 +0800</pubDate><description><![CDATA[apply和call的区别
相同点： apply和call都是用来修改函数中this的指向。
不同点： 传参方式不同。
apply传给函数的参数合并为一个数组作为自己的一个参数。
call可以将传给函数的参数作为自己的参数。
举一个例子：
var name = 'Kevin';
var number = 7;
var person = {
    name: 'Curry',
    number: 30,
    sayIntroduce: function () {
        return "He]]></description><category></category></item><item><title><![CDATA[网络协议——DoS攻击]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108225597</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108225597</guid><author>GoodLuck_wu5</author><pubDate>Tue, 25 Aug 2020 17:33:48 +0800</pubDate><description><![CDATA[拒绝服务攻击DoS(Denial of Service)：使系统过于忙碌而不能执行有用的业务并且占尽关键系统资源。就是利用合理的服务请求来占用过多的服务资源，从而使合法用户无法得到服务的响应。
它是基于这样的思想：用数据包淹没本地系统，以打扰或严重阻止捆绑本地的服务响应外来合法的请求，甚至使本地系统崩溃。
实现Dos攻击，常见的方式有：TCP SYN泛洪(SYN Flood)，ping泛洪(ping-Flood)，UDP泛洪(UDP-Flood)，分片炸弹(fragmentation bombs)，缓冲区溢]]></description><category></category></item><item><title><![CDATA[网络协议——跨域]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108221801</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108221801</guid><author>GoodLuck_wu5</author><pubDate>Tue, 25 Aug 2020 17:02:28 +0800</pubDate><description><![CDATA[什么是跨域？
跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。
所谓同源是指，域名，协议，端口均相同。
不明白没关系，举个例子：
http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）
http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）
http://abc.123.c]]></description><category></category></item><item><title><![CDATA[网络协议——clickJacking（点击劫持）]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108221230</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/108221230</guid><author>GoodLuck_wu5</author><pubDate>Tue, 25 Aug 2020 15:10:33 +0800</pubDate><description><![CDATA[点击劫持（ClickJacking）是一种视觉上的欺骗手段。
大概有两种方式：一是攻击者使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，此时用户将在不知情的情况下点击透明的iframe页面；
二是攻击者使用一张图片覆盖在网页，遮挡网页原有位置的含义。
透明的iframe
实际的iframe是透明，这里方便看，设置为0.3.
&lt;body&gt;
  那些不能说的秘密
  &lt;button&gt;查看详情&lt;/button&gt;
  &lt;iframe src="]]></description><category></category></item><item><title><![CDATA[前端面经]]></title><link>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/107324787</link><guid>https://blog.youkuaiyun.com/GoodLuck_wu5/article/details/107324787</guid><author>GoodLuck_wu5</author><pubDate>Tue, 11 Aug 2020 11:44:30 +0800</pubDate><description><![CDATA[面试题：DOM元素display、visibility、opacity三种隐藏方式的对比v-if和v-showvue打包优化数组、字符串原生方法页面优化vue生命周期VuexVue全家桶vue双向绑定原理及实现Promisecookies、web存储（sessionStorage 、localStorage）的区别computer、watch区别父子组件间的通信、兄弟组件的通信webpack配置git命令路由拦截盒子垂直居中
DOM元素display、visibility、opacity三种隐藏方式的对比
]]></description><category></category></item></channel></rss>