<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weiyangxiaoping的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weiyangxiaoping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weiyangxiaoping]]></copyright><item><title><![CDATA[Node 项目一些有用的包]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/78276012</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/78276012</guid><author>weiyangxiaoping</author><pubDate>Wed, 18 Oct 2017 18:20:16 +0800</pubDate><description><![CDATA[重点内容]]></description><category></category></item><item><title><![CDATA[JS各种小知识点]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/78250873</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/78250873</guid><author>weiyangxiaoping</author><pubDate>Mon, 16 Oct 2017 16:09:26 +0800</pubDate><description><![CDATA[关于浏览器内核参考内容浏览器分为两部分： 
Shell：指浏览器的外壳，例如菜单栏，工具栏，跟用户直接接触，用来调用内核
内核：渲染引擎和js引擎 
渲染引擎： 主要是获取网页和资源，构建dom和cssom，构建渲染树，呈现出页面
js引擎：操作dom，执行各种效果 
主流内核： Tirdent： ie，360，搜狗（老版本与w3c脱节）;Gecko ： Firebox，Mozilla，Netsca]]></description><category></category></item><item><title><![CDATA[linux系统使用笔记]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/75645036</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/75645036</guid><author>weiyangxiaoping</author><pubDate>Fri, 21 Jul 2017 14:17:41 +0800</pubDate><description><![CDATA[1.根据端口号杀死进程,
lsof -i:8880
结果:
COMMAND   PID   USER   FD   TYPE DEVICE SIZE/OFF NODE NAME
node    17984 yaling   12u  IPv6 444874      0t0  TCP *:8880 (LISTEN)
kill 17984即可]]></description><category></category></item><item><title><![CDATA[node服务包的相关知识点]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/75287746</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/75287746</guid><author>weiyangxiaoping</author><pubDate>Tue, 18 Jul 2017 11:51:26 +0800</pubDate><description><![CDATA[1.package.json中的dependencies和devdependencies的区别:
dependencies: 会发布到生产环境    npm install --save

devDependencies: 只用于开发环境,不会发布到生产环境(这个我还不是很懂,我发现很多dev里面其实都是生产环境必须的,待考察)  npm install --save-dev]]></description><category></category></item><item><title><![CDATA[各种前端问题汇总，持续更新中.........]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/72049076</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/72049076</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 18:39:20 +0800</pubDate><description><![CDATA[IE10，IE11环境下，input会出现X的图标，用来方便用户清空文本，input[type=password]会出现小眼睛的图标，用来让用户可以看到明文密码，清除这些的方法，加入如下样式：::-ms-clear{display: none;}
::-ms-reveal{display: none;}]]></description><category></category></item><item><title><![CDATA[利用selection对象在textarea光标处插入指定文本]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/72027044</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/72027044</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 17:25:24 +0800</pubDate><description><![CDATA[最近项目中需要做一个效果：在文本框中光标处输入指定的文本。这里就需要用到selection对象。网上查了资料，看了mdn，发现知识点有点乱，这边先写下我这次用到的几个
兼容性 
<= IE10:  
document.selection,返回的是当前文档选中的内容，目前这个api只有ie10以下支持，相关的属性和方法如下 
> IE11 and Others:  
 window.getSelect]]></description><category></category></item><item><title><![CDATA[css命名规范和样式规范]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978755</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978755</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:48 +0800</pubDate><description><![CDATA[觉得非常有必要自己有一套命名规范，很早之前就想总结的，一直没去写，now 写。]]></description><category></category></item><item><title><![CDATA[sublime text 如何加入eslint]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978751</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978751</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:45 +0800</pubDate><description><![CDATA[第一步：
安装nodejs插件
npm install eslint -g
npm install babel-eslint -g
第二步：
sublime安装eslint插件
1.安装SublimeLinter
2.安装SublimeLinter-contrib-eslint
第三步：
配置项目根目录的配置文件: .eslintrc
格式自行脑补....]]></description><category></category></item><item><title><![CDATA[Node和es6的兼容性]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978744</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978744</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:43 +0800</pubDate><description><![CDATA[http://www.tuicool.com/articles/viymUz]]></description><category></category></item><item><title><![CDATA[Node中导入模块require和import]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978740</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978740</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:40 +0800</pubDate><description><![CDATA[http://blog.youkuaiyun.com/baidu_31333625/article/details/53980302]]></description><category></category></item><item><title><![CDATA[关于jquery的on,bind,delegate]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978736</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978736</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:37 +0800</pubDate><description><![CDATA[事件绑定和委托在js里是相当重要的，jquery主要提供了这几种方法：
$('div p').bind('click',function(){});
如果p有多个，会逐一绑定；性能很低
$('div').delegate('p','click',function){});
利用事件冒泡，将事件绑定在父元素上，但是如果dom很深，冒泡到底部就会很慢
$('div').on('click','p',f]]></description><category></category></item><item><title><![CDATA[js排序算法]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978731</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978731</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:34 +0800</pubDate><description><![CDATA[冒泡排序  稳定，O(n2)，
 O(1)


var bubbleSort = function(arr){
  for(var i=0;i < arr.length -1;
i++){
    for(var j=i+1;j<
arr.length;j++){
     
if(arr[i]>arr[j]){//如果前面的数据比后面的大就交换
     
  var temp=arr[i];
]]></description><category></category></item><item><title><![CDATA[http协议全解]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978727</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978727</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:31 +0800</pubDate><description><![CDATA[参考 http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html
写的相当之好]]></description><category></category></item><item><title><![CDATA[关于js内存回收机制]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978725</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978725</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:29 +0800</pubDate><description><![CDATA[参考： http://blog.chinaunix.net/uid-26672038-id-3522560.html
js的内存回收是有回收器自动回收的，不想c++那样，由开发者自己处理
function test1() {
  var i = {name: 'sss'}
}

function test2() {
  var i = {name: 'ss'};
  return i;
}
var]]></description><category></category></item><item><title><![CDATA[css3的Flex布局]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978720</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978720</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:26 +0800</pubDate><description><![CDATA[弹性布局，为盒模式提供最大的灵活性
块状元素
.box {
  display: flex;
  display: -webkit-flex;
}//容器
行内元素
.box {
  display: inline-flex;
}
.item {}//项目
容器属性：
flex-direction 主轴方向，row，row-rerverse
，column，column-reverse
flex-]]></description><category></category></item><item><title><![CDATA[跨域和跨窗口通信]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978717</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71978717</guid><author>weiyangxiaoping</author><pubDate>Sun, 14 May 2017 14:48:23 +0800</pubDate><description><![CDATA[同源政策：协议相同，端口号相同，域名相同
不同源限制：
1.cookie，localstroge，indexDB不能访问
2.DOM（Iframe不同窗口不能访问到dom）
3.Ajax不能请求

规避方法：
1.跨域窗口通信：
片段识别符(通过改变子窗口的hash值，把信息放到hash值上，然后子窗口会监听到onhashchange事件可以通信，子窗口也可以通过parent.location.h]]></description><category></category></item><item><title><![CDATA[event对象的坐标属性]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71758962</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71758962</guid><author>weiyangxiaoping</author><pubDate>Fri, 12 May 2017 20:12:09 +0800</pubDate><description><![CDATA[clientX，clientY 相对可视窗口的坐标

pageX ，pageY相对可视窗口的坐标（两则的区别不是很懂）

offsetX ，offsetY相对body或html元素的坐标（有考虑到滚动条）

screenX，screenY相对电脑屏幕]]></description><category></category></item><item><title><![CDATA[position定位]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757523</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757523</guid><author>weiyangxiaoping</author><pubDate>Fri, 12 May 2017 19:56:49 +0800</pubDate><description><![CDATA[absolute  绝对定位，参考不为第一个不为static的父元素的padding box区域

relative 相对定位，相对正常位置,content区域，

fixed（老ie不支持） 参考窗口

static 没有定位，元素没有出现在正常流,top,left,bottom,right无效

inherit继承]]></description><category></category></item><item><title><![CDATA[关于一些陌生的专业术语]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757520</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757520</guid><author>weiyangxiaoping</author><pubDate>Fri, 12 May 2017 19:49:04 +0800</pubDate><description><![CDATA[MIME: 多用途互联网邮件扩展，表明媒体类型，用于http协议中时告诉浏览器以对应的应用程序打开文档，比如http header请求中的Accept，response响应的Content-Type

常用的MIME类型：

1.text/plain  普通文本

2.image/gif  gif图形

3.image/jpeg  jpeg图形

4.application/x]]></description><category></category></item><item><title><![CDATA[css实现水平居中和垂直居中]]></title><link>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757503</link><guid>https://blog.youkuaiyun.com/weiyangxiaoping/article/details/71757503</guid><author>weiyangxiaoping</author><pubDate>Fri, 12 May 2017 19:46:12 +0800</pubDate><description><![CDATA[css实现居中

1.水平居中

div {

  width：100px//设置宽度固定

  margin: auto //居中

}




2.利用绝对定位实现水平垂直居中：

position: absolute；

left:  0；

right: 0；

bottom: 0；

top: 0;

margin: auto

]]></description><category></category></item></channel></rss>