<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LXY224的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/LXY224</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; LXY224]]></copyright><item><title><![CDATA[实用CSS样式]]></title><link>https://blog.csdn.net/LXY224/article/details/87786695</link><guid>https://blog.csdn.net/LXY224/article/details/87786695</guid><author>LXY224</author><pubDate>Wed, 20 Feb 2019 12:06:11 +0800</pubDate><description><![CDATA[1、加载中后面三个…的动画加载


]]></description><category></category></item><item><title><![CDATA[前端安全之target="_blank"]]></title><link>https://blog.csdn.net/LXY224/article/details/87606909</link><guid>https://blog.csdn.net/LXY224/article/details/87606909</guid><author>LXY224</author><pubDate>Mon, 18 Feb 2019 11:23:52 +0800</pubDate><description><![CDATA[关于前端安全问题，一直关注的比较少。从target=&quot;_blank&quot;开始！

如果你开启了eslint校验，如下的写法：


&amp;lt;a
  target=&quot;_blank&quot;
  href={`https://work.alibaba-inc.com/nwpipe/search?keywords=${item.nickName}&amp;amp;type=person`}
&amp;gt;XXXX
&amp;lt;/a&amp;g...]]></description><category></category></item><item><title><![CDATA[nodeJS 第一篇]]></title><link>https://blog.csdn.net/LXY224/article/details/84716428</link><guid>https://blog.csdn.net/LXY224/article/details/84716428</guid><author>LXY224</author><pubDate>Sun, 02 Dec 2018 15:45:42 +0800</pubDate><description><![CDATA[在启动node项目的时候发现一个很奇怪的问题，node正常启动，端口也能够监听。但是访问页面的时候就是提示如下，但是重启电脑后又可以运行。各方查询无果，心想是不是版本问题。升级了一些版本问题果然得到解决。

This site can’t be reached

localhost refused to connect.

Try:

Checking the connection
	Checki...]]></description><category></category></item><item><title><![CDATA[React的组件]]></title><link>https://blog.csdn.net/LXY224/article/details/82806939</link><guid>https://blog.csdn.net/LXY224/article/details/82806939</guid><author>LXY224</author><pubDate>Fri, 21 Sep 2018 20:22:56 +0800</pubDate><description><![CDATA[一、组件的几种创建方式

对于React来说组件Component算是它的核心之一。用了React的时间也不短了，记录一下以便以后翻看

1 createClass

用ES5的方法React.createClass来创建一个组件


import React from 'react';
class Test = React.createClass({
    render(){
        ...]]></description><category></category></item><item><title><![CDATA[字符串转化为指定的结构化数据(嵌套数组)]]></title><link>https://blog.csdn.net/LXY224/article/details/82468462</link><guid>https://blog.csdn.net/LXY224/article/details/82468462</guid><author>LXY224</author><pubDate>Thu, 06 Sep 2018 21:20:56 +0800</pubDate><description><![CDATA[同学参加笔试跟我交流了一个笔试题，题目大概如下：

将特定的字符串转化为指定的结构化数据，字符串仅由[ ]还有大小写字母组成，且不包含多余的空格

例如：&quot;abc&quot; --&amp;gt; {value:'abc'}

&quot;[abc[df[gh[mk]]]]&quot;--&amp;gt; {value:'abc',children:{value:&quot;df&quot;, children:{value:'gh',children:{val...]]></description><category></category></item><item><title><![CDATA[Ajax 和 fetch]]></title><link>https://blog.csdn.net/LXY224/article/details/82429851</link><guid>https://blog.csdn.net/LXY224/article/details/82429851</guid><author>LXY224</author><pubDate>Wed, 05 Sep 2018 20:12:59 +0800</pubDate><description><![CDATA[回顾XMLHttpRequest

传统的Ajax指的是XMLHttpRequest(XHR)：

var xhr = new XMLHttpRequest()

1.第一个要调用的方法是open()，open不会真的发送请求

xhr.open(&quot;get&quot;,url,false)

//三个参数：请求方法，请求路径(相对于当前页面)，是否异步请求

2.第二个要调用的方法是send()，send中...]]></description><category></category></item><item><title><![CDATA[关于HTTP的三次握手与四次挥手]]></title><link>https://blog.csdn.net/LXY224/article/details/79971290</link><guid>https://blog.csdn.net/LXY224/article/details/79971290</guid><author>LXY224</author><pubDate>Tue, 17 Apr 2018 11:37:50 +0800</pubDate><description><![CDATA[关于HTTP的三次握手与四次挥手，是一个老生常谈的问题了，觉得可以做个总结，加深一下自己的印象。也希望能够方便别人首先简单说明一下TCP报文的首部，如下所示。有两个序列号一个是sequence number，另一个是acknowledge number；另外还有6个标志位：SYN-同步标志，ACK-承认链接标志，FIN-结束标志，RST-复位标志，PSH-push操作标志，URG-TCP的紧急指针...]]></description><category></category></item><item><title><![CDATA[关于css的浮动-float与清除]]></title><link>https://blog.csdn.net/LXY224/article/details/79956285</link><guid>https://blog.csdn.net/LXY224/article/details/79956285</guid><author>LXY224</author><pubDate>Mon, 16 Apr 2018 09:25:25 +0800</pubDate><description><![CDATA[CSS定位机制

可以CSS中的流分为三种：普通流、浮动流和定位流。float不为none的元素会产生浮动流漂浮于文档流智商，按照某个方向进行浮动，移动到父级元素的边界或者遇到另外一个浮动元素就会停止。

另外如果两个div元素在垂直方向上会出现外边距（margin）合并的情况，但是浮动元素不会。

浮动元素会创建包含块。浮动元素的包含块是离其最近的块级祖先元素。浮动元素会生成一个块级框，无论这个...]]></description><category></category></item><item><title><![CDATA[JavaScript-编程]]></title><link>https://blog.csdn.net/LXY224/article/details/79938949</link><guid>https://blog.csdn.net/LXY224/article/details/79938949</guid><author>LXY224</author><pubDate>Mon, 16 Apr 2018 04:28:16 +0800</pubDate><description><![CDATA[题目描述1. 小X的父母出差N天，给他留下M块糖果。小X决定每天吃的糖果数量不少于前一天吃的一半，但是他又不想在父母回来之前的某一天没有糖果吃，请问他一天最多吃多少块糖果输入描述每个输入包含一个测试用例。每个测试用例的第一行包含两个整数，表示父母出差的天数N（N&amp;lt;=50000）和糖果的数量M（N&amp;lt;=M&amp;lt;=10000）输出描述：输出一个数表示小X第一天最多能吃多少块糖果示例1输入3...]]></description><category></category></item><item><title><![CDATA[Mac WebStorm卡顿解决]]></title><link>https://blog.csdn.net/LXY224/article/details/79922609</link><guid>https://blog.csdn.net/LXY224/article/details/79922609</guid><author>LXY224</author><pubDate>Fri, 13 Apr 2018 03:58:55 +0800</pubDate><description><![CDATA[最近WebStorm变得很卡，开始以为是电脑内存问题，后来发现是系统分配给WebStorm的内存不够大，只要手动改改就好了cd /Applications/WebStorm.app/Contents/binvim webstorm.vmoptions把原来的默认内存改大一些就好了-Xms512m-Xmx2048m-XX:ReservedCodeCacheSize=240m-XX:+UseCompr...]]></description><category></category></item><item><title><![CDATA[树和二叉树，以及基本操作]]></title><link>https://blog.csdn.net/LXY224/article/details/79860475</link><guid>https://blog.csdn.net/LXY224/article/details/79860475</guid><author>LXY224</author><pubDate>Mon, 09 Apr 2018 08:03:16 +0800</pubDate><description><![CDATA[树，一种重要的非线性结构。树的一些概念1. 树是n个节点的有限集合。在任意一颗非空树中: //链式存储结构
    var arr = [];//存储遍历结果
    function BinaryTree(data,leftChild,rightChild) {
        this.data = data || null;
        this.leftChild = leftChil...]]></description><category></category></item><item><title><![CDATA[关于DOM节点的深度优先和广度优先遍历]]></title><link>https://blog.csdn.net/LXY224/article/details/79823669</link><guid>https://blog.csdn.net/LXY224/article/details/79823669</guid><author>LXY224</author><pubDate>Thu, 05 Apr 2018 06:59:07 +0800</pubDate><description><![CDATA[HTML的树形结构如上深度优先遍历对于树的深度优先遍历，执行结果应该如下：采用递归方式 var arr=[];
    //深度优先
    function traversalDFSDOM (rootDom) {
        if(!rootDom)return;
        if(rootDom.children.length==0){
            arr.push(roo...]]></description><category></category></item><item><title><![CDATA[关于Dom的childNodes和childrens以及相关节点的获取]]></title><link>https://blog.csdn.net/LXY224/article/details/79783891</link><guid>https://blog.csdn.net/LXY224/article/details/79783891</guid><author>LXY224</author><pubDate>Mon, 02 Apr 2018 06:54:18 +0800</pubDate><description><![CDATA[进入春天的加州，慵懒的天气让我想起大学的午后DOM-文档对象模型Node类型 每个DOM节点都有一个nodeType的属性用来表示这个节点的类型。一共有12中类型，常见的的ELEMENT_NODE=1;ATTRIBUTE_NODE=2;TEXT_NODE=3例子&amp;lt;div class=&quot;p&quot;id=&quot;p&quot;&amp;gt;    p    &amp;lt;div class=&quot;doughter&quot;&amp;gt;     ...]]></description><category></category></item><item><title><![CDATA[原生JS实现事件监听，发布，取消]]></title><link>https://blog.csdn.net/LXY224/article/details/79765187</link><guid>https://blog.csdn.net/LXY224/article/details/79765187</guid><author>LXY224</author><pubDate>Sat, 31 Mar 2018 02:34:15 +0800</pubDate><description><![CDATA[一步一个脚印的将基础打好，才能走的更远&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt]]></description><category></category></item><item><title><![CDATA[用原生JS实现HTML5的元素拖拽功能]]></title><link>https://blog.csdn.net/LXY224/article/details/79751559</link><guid>https://blog.csdn.net/LXY224/article/details/79751559</guid><author>LXY224</author><pubDate>Fri, 30 Mar 2018 02:12:28 +0800</pubDate><description><![CDATA[昨天遇到的一个面试题，题目是这样的：页面上有个元素A和带放置元素B，实现将A拖拽并且下放到B，然后改变B的颜色。以下都是废话，抒发一下心情请跳过，直接看代码吧昨天写的比较简陋，今天想想在写一遍做个记录，越来越感受到每次面试都是一次很好的学习的机会。发现自己的不足，然后继续前进。希望昨天的面试s可以顺利通过，希望最后一个收获一个满意的offer吧！代码如下：大家有更好的实现方法，不妨跟我分享一下吧&amp;...]]></description><category></category></item><item><title><![CDATA[关于js的事件触发]]></title><link>https://blog.csdn.net/LXY224/article/details/79576172</link><guid>https://blog.csdn.net/LXY224/article/details/79576172</guid><author>LXY224</author><pubDate>Fri, 16 Mar 2018 02:31:59 +0800</pubDate><description><![CDATA[事件流是描述从页面接受事件的顺序事件分为三个阶段：事件捕获阶段目标事件阶段事件冒泡阶段事件冒泡是指事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点事件捕获是指的不太具体的节点应该先接受到事件，而最具体的节点应该最后接受到事件。事件捕获的意义在于事件到达预定目标之前捕获它实际上，目标在捕获阶段不会接受到事件在使用案例说明之前，先说明几个对象：event对象中有三个属性，在之后会被使用...]]></description><category></category></item><item><title><![CDATA[使用JavaScript实现排序算法]]></title><link>https://blog.csdn.net/LXY224/article/details/79535269</link><guid>https://blog.csdn.net/LXY224/article/details/79535269</guid><author>LXY224</author><pubDate>Tue, 13 Mar 2018 02:17:03 +0800</pubDate><description><![CDATA[最近在准备春招面试，远在美国大半个月了一直都没有接到面试电话。很是灰心难过。但是学习还是要继续，生活总是要继续，菜鸟总有一天会高飞呀！不管怎么样，还是学习吧！1. 冒泡排序冒泡排序是我记得最牢的了，可能是因为它的思想最简单，重复走过要排序的序列，一次比较两个元素，如果顺序错误就把它们调整过来（升序）。一直重复工作，知道把最大的元素一步步下沉到数组的尾部function BubbleSort(arr...]]></description><category></category></item><item><title><![CDATA[实现CSS圆环的5种方法]]></title><link>https://blog.csdn.net/LXY224/article/details/79526061</link><guid>https://blog.csdn.net/LXY224/article/details/79526061</guid><author>LXY224</author><pubDate>Mon, 12 Mar 2018 14:17:44 +0800</pubDate><description><![CDATA[想到去年面试实习的时候被问到实习圆环的问题，特意写篇文章总结一下吧！总结了一下大概有5种方法。1. 两个标签的嵌套：&amp;lt;div class=&quot;element1&quot;&amp;gt;
    &amp;lt;div class=&quot;child1&quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;.element1{
            width: 200px;
            height: 2...]]></description><category></category></item><item><title><![CDATA[css3的动画--transition和animation]]></title><link>https://blog.csdn.net/LXY224/article/details/79314181</link><guid>https://blog.csdn.net/LXY224/article/details/79314181</guid><author>LXY224</author><pubDate>Mon, 12 Feb 2018 01:07:37 +0800</pubDate><description><![CDATA[transition

transition一个有4个属性：


transition-property 过渡属性
transition-duration 完成动画所需时间，以秒或者毫秒计算
transition-timing-function 规定动画变化速度曲线
transition-delay 是否延时


transition-property 过渡属性 
none：没有属性会获得过渡效果...]]></description><category></category></item><item><title><![CDATA[css3的动画--transition和animation]]></title><link>https://blog.csdn.net/LXY224/article/details/79307926</link><guid>https://blog.csdn.net/LXY224/article/details/79307926</guid><author>LXY224</author><pubDate>Sun, 11 Feb 2018 02:41:09 +0800</pubDate><description><![CDATA[tradition一个有4个属性：transition-property 过渡属性transition-duration 完成动画所需时间，以秒或者毫秒计算transition-timing-function 规定动画变化速度曲线transition-delay 是否延时transition-property 过渡属性none：没有属性会获得过渡效果all：所有属性会获得过渡效果porperty：...]]></description><category></category></item></channel></rss>