<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Long_gone的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Long_gone</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Long_gone]]></copyright><item><title><![CDATA[解决加载高德地图闪白框及logo问题]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/121093203</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/121093203</guid><author>Long_gone</author><pubDate>Tue, 02 Nov 2021 08:58:37 +0800</pubDate><description><![CDATA[在样式中加上这个强制的就可以

]]></description><category></category></item><item><title><![CDATA[前端js生成并导出Excel文件]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/120868441</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/120868441</guid><author>Long_gone</author><pubDate>Wed, 20 Oct 2021 16:12:32 +0800</pubDate><description><![CDATA[不用调接口，全由js就可完成Excel文件的生成和导出，示例如下：




]]></description><category></category></item><item><title><![CDATA[vue学习总结]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/109001286</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/109001286</guid><author>Long_gone</author><pubDate>Fri, 23 Oct 2020 09:23:47 +0800</pubDate><description><![CDATA[一、变量
&lt;div id="app"&gt;
	&lt;span&gt;{{msg}}&lt;/span&gt;
&lt;div&gt;
&lt;script src="vue.js&gt;&lt;/script&gt;
&lt;script&gt;
	var vm = new Vue({
	el:"#app",
	data:{
		msg:"123"
		}
	})
&lt;/script&gt;


二、识别标签

三、绑定事件


]]></description><category></category></item><item><title><![CDATA[js面向对象]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/108103110</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/108103110</guid><author>Long_gone</author><pubDate>Wed, 19 Aug 2020 16:48:50 +0800</pubDate><description><![CDATA[面向对象：封装、继承、多态
封装：把相同的代码封装在一个方法里去调用
继承：父对象中的属性和方法，子对象可以直接使用
多态：函数体验多种形式，多种方式，主要在重载中体现；同一个对象，在不同情况下呈现不同的状态（表现在重写和重载）
重载：同一方法名，传入参数不同，执行不同的操作
例如：利用工厂模式去封装对象


...]]></description><category></category></item><item><title><![CDATA[js函数总结（2）]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/108078640</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/108078640</guid><author>Long_gone</author><pubDate>Tue, 18 Aug 2020 18:05:26 +0800</pubDate><description><![CDATA[二十一、键盘事件
onkeydown		键盘按下的事件，长按就一直触发
onkeyon			键盘弹起事件，只触发一次
（以回车键为例）

obj.offsetTop 		obj距离上方或上层控件的位置、整型、单位像素
obj.offsetLeft		obj距离左方或上层控件的位置、整型、单位像素
obj.offsetWidth	obj控件自身的宽度、整型、单位像素
obj.offsetHeight	obj控件自身的高度、整型、单位像素


二十二、冒泡事件


当点击红色方框的时候触发它原本的事件，但当点击]]></description><category></category></item><item><title><![CDATA[js函数总结（1）]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107917820</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107917820</guid><author>Long_gone</author><pubDate>Tue, 11 Aug 2020 11:13:14 +0800</pubDate><description><![CDATA[一、输出语句
alert()			弹出框 不能识别标签
document.write()	文本输出，可以识别标签
console.log()		在控制台输出，不可以识别标签
二、数据类型
number,boolean,null,undefined,string,object,symbol
基础数据类型：
number,boolean,null,undefined,string
引用数据类型：
object（Array,Date,Math）
三、获取标签及内容
1、获取标签
var str = documen]]></description><category></category></item><item><title><![CDATA[js 写金字塔样式]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107628288</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107628288</guid><author>Long_gone</author><pubDate>Tue, 28 Jul 2020 09:11:40 +0800</pubDate><description><![CDATA[代码如下：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			p{font-size:50px;text-align:center;line-height:10px;}
		&lt;/style&gt;
	&lt;/head&gt;
	&lt;body&gt;
		
		]]></description><category></category></item><item><title><![CDATA[js 写斐波那契数列]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107627844</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107627844</guid><author>Long_gone</author><pubDate>Tue, 28 Jul 2020 08:48:32 +0800</pubDate><description><![CDATA[一、用for循环写
			var a = 1 ;
			var b = 1 ;
			console.log(a);
			console.log(b);
			for(var i = 1; i&lt;10 ; i++){
				var c = a + b;
				a = b;
				b = c;
				console.log(c);
			}

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200728084633109.png?x-oss-process=]]></description><category></category></item><item><title><![CDATA[js 写99乘法表]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107627783</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107627783</guid><author>Long_gone</author><pubDate>Tue, 28 Jul 2020 08:42:13 +0800</pubDate><description><![CDATA[代码如下：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
		  table,td{border:1px solid #ccc;border-collapse: collapse; border:none}
		  td{width: 40px;height: 40px;t]]></description><category></category></item><item><title><![CDATA[float 图文详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107512511</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107512511</guid><author>Long_gone</author><pubDate>Wed, 22 Jul 2020 14:25:50 +0800</pubDate><description><![CDATA[浮动——float
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

float: right

.k1{ float: left }
.k&gt;div{float: left}
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。


浮动的缺点



清楚浮动
1]]></description><category></category></item><item><title><![CDATA[CSS3 详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107220251</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107220251</guid><author>Long_gone</author><pubDate>Wed, 22 Jul 2020 14:10:37 +0800</pubDate><description><![CDATA[一、CSS3新属性
1、边框
① border-radius
圆角边框 border-radius: 25px;
（参数越大，圆角越大）
②box-shadow
边框阴影：box-shadow: 10px 10px 10px #ccc inset/outset
参数值：x方向的偏移量  y方向的偏移量  模糊大小  颜色  内阴影(inset)/外阴影(outset)
注：四个参数时：默认外阴影
③border-image
边框图片：border-image: url() 27 round;
stretch]]></description><category></category></item><item><title><![CDATA[position 图文详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107103738</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107103738</guid><author>Long_gone</author><pubDate>Fri, 03 Jul 2020 13:30:25 +0800</pubDate><description><![CDATA[在我们接触html的时候，相信大家总是会遇到这样的问题
1.除了利用边距，可以实现指定位置的放置，还有没有其他方式呢？
2.当我们想让元素实现重叠的时候，应该怎么办 ？

a、定位背景
为了解决当边距实现不了元素放置指定位置的时候，咋整？
b、定位定义
定位顾名思义就是把指定元素放置到指定位置
c、定位功能
只要是你能看到的位置，无所不能
一、默认定位
position: static
默认值。没有定位，元素出现在正常的流中

对应的css：

结果显示：

我们可以很清楚的看到，三个块就是默认位置，所以默]]></description><category></category></item><item><title><![CDATA[html常用标签图文详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107103537</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107103537</guid><author>Long_gone</author><pubDate>Fri, 03 Jul 2020 13:08:40 +0800</pubDate><description><![CDATA[一、标题标签


h1~h6标题标签，里面的文字越来越小，厚度也越来越小
二、段落标签和水平线标签


p（段落）标签自带上下间距。hr是水平线标签，占满整个容器
三、注释标签


ctrl+/（注释）内容后，在页面上不再显示
四、超链接标签


a标签可跳转其他页面，href是标签的属性
五、标签属性
HTML元素提供的附加属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：href=“页面地址”。

六、标签关系
1.双标签： &]]></description><category></category></item><item><title><![CDATA[margin padding图文详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/107103375</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/107103375</guid><author>Long_gone</author><pubDate>Fri, 03 Jul 2020 12:47:51 +0800</pubDate><description><![CDATA[一、外边距——margin
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。
设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。单边外边距属性
上外边距：margin-top
右外边距：margin-right
下外边距：margin-bottom
左外边距：margin-left

外边距塌陷（改变）
overflow:hidden;
二、内边距——padding
元素的内边距在边框和内容区之间。
CSS padding 属性定义元]]></description><category></category></item><item><title><![CDATA[常见CSS样式详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/106916159</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/106916159</guid><author>Long_gone</author><pubDate>Tue, 23 Jun 2020 15:23:41 +0800</pubDate><description><![CDATA[1、背景  background
背景基本属性
背景颜色: background-color：”颜色”
背景图片: background-image: url(“图片地址”)
背景-简写属性
background: “ 颜色”   url(“图片地址”)  是否（重复）平铺图片  图片的水平位置   图片的垂直位置                                （如果不需要颜色，就可以不加）
注：背景图片设置后，一般需要设置background-size
在我们开发中，有时要开发一种半透明的]]></description><category></category></item><item><title><![CDATA[CSS选择器图文详解]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/106905645</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/106905645</guid><author>Long_gone</author><pubDate>Mon, 22 Jun 2020 17:23:39 +0800</pubDate><description><![CDATA[1、什么是选择器呢？
选择器，说白了就是用一种方式把你想要的那一个标签选中！把它选中了，你才能操作这个标签的CSS样式。CSS有很多把你所需要的标签选中的方式，这些不同的方式就是不同的选择器。
选择器的不同，在于它选择方式不同，但是他们的目的都是相同的，那就是把你需要的标签选中，然后让你定义该标签的CSS样式。当然，你也有可能会用某一种选择器代替另一种选择器，这仅仅是由于选择方式不一样罢了，目的还是一样的。
2、标签选择器
元素选择器，就是“选中”相同的元素，然后对相同的元素设置同一个CSS样式。
语法：
]]></description><category></category></item><item><title><![CDATA[常见css样式笔记]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/106905333</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/106905333</guid><author>Long_gone</author><pubDate>Mon, 22 Jun 2020 17:00:07 +0800</pubDate><description><![CDATA[-------------------text（文本）---------------------------
text-indent（缩进）:2em（px）		首行缩进
text-align（对齐）:center（居中）		居中对齐
left			左对齐
right		右对齐
text-decoration（装饰）: overline	上划线
line-through	中划线
underline	下划线
text-overflow:ellipsis（省略号）		溢出文本显示为省略标记
-----------]]></description><category></category></item><item><title><![CDATA[vulnhub靶机Os-hackNos-1]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/104073135</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/104073135</guid><author>Long_gone</author><pubDate>Thu, 30 Jan 2020 22:25:03 +0800</pubDate><description><![CDATA[一、信息收集
首先扫描靶机IP：
arp-scan 192.168.1.110


确定靶机IP为：192.168.1.110后，扫描靶机端口开放情况：
nmap -sV -p 0-65535 192.168.1.110


可以看见靶机只开放了22和80端口，然后先访问一下80端口看一下：

是一个Apache2的页面，除此之外就没发现什么其他的东西了，然后再扫描一下目录看看会有什么发现：
di...]]></description><category></category></item><item><title><![CDATA[vulnhub靶机DC-9渗透测试]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/104049869</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/104049869</guid><author>Long_gone</author><pubDate>Tue, 21 Jan 2020 18:08:21 +0800</pubDate><description><![CDATA[一、信息收集
首先用netdiscover确定靶机IP：

确定靶机IP为：192.168.1.109后开始扫描它的端口开放情况：
namp -sV -A -p 0-65535 1192.168.1.109


发现它只开放了22和80端口，发现ssh服务被过滤掉了，这就使我们用不了ssh服务，先不管它。然后先访问一下80端口：

是一个这样的页面，其中还有4个选项，依次点开以后并没有什么发现，但...]]></description><category></category></item><item><title><![CDATA[vulnhub靶机Me and My Girlfriend : 1-Writeup渗透测试]]></title><link>https://blog.youkuaiyun.com/Long_gone/article/details/104031061</link><guid>https://blog.youkuaiyun.com/Long_gone/article/details/104031061</guid><author>Long_gone</author><pubDate>Sat, 18 Jan 2020 19:10:30 +0800</pubDate><description><![CDATA[一、信息收集
打开靶机后，先用netdiscover进行IP扫描：

确定靶机IP为192.168.1.106后，扫描它的端口开放情况：
namp -sV -A -p 0-65535 192.168.1.106


发现靶机只开放了22和80端口，打开80端口看一下：

这段话的意思是：你是谁?黑客吗?对不起，本网站只能在本地访问!
然后试着先扫描一下目录：
dirb http://192.168...]]></description><category></category></item></channel></rss>