<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[itSeven7的博客]]></title><description><![CDATA[关注前端]]></description><link>https://blog.youkuaiyun.com/itSeven7</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; itSeven7]]></copyright><item><title><![CDATA[vue2在window环境下源代码调试报错]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/85273570</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/85273570</guid><author>itSeven7</author><pubDate>Thu, 27 Dec 2018 10:27:36 +0800</pubDate><description><![CDATA[vue2在window环境下源代码调试报错

报错信息

我个人的电脑是win10系统没有出现该问题，在公司win7系统下，执行npm run dev 出现了下面的报错

Error: Could not load d:\个人\vue\src\core/config


错误原因

由于vue使用的是rollup进行打包，rollup-plugin-alias.js在win7下路径无法正确解析，出...]]></description><category></category></item><item><title><![CDATA[理解javascript作用域与作用域链]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/81269290</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/81269290</guid><author>itSeven7</author><pubDate>Sun, 29 Jul 2018 11:19:42 +0800</pubDate><description><![CDATA[如果不明白VO/AO可以先看一看上一个博客内容：理解javascript执行环境（执行上下文）



正文内容

作用域 
- 一块代码可执行区域，在该区域中的变量和函数在区域外部是不可见的

作用域链 
- 由多个执行上下文的变量对象构成的链表就叫做作用域链。 
- 当一个函数被创建时会默认添加一个名为[[Scope]]的特殊内部属性，如果该函数时一个全局函数，那么在该函数被创建时会预先创建一个...]]></description><category></category></item><item><title><![CDATA[理解javascript执行环境（执行上下文）]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/81260899</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/81260899</guid><author>itSeven7</author><pubDate>Sat, 28 Jul 2018 14:46:35 +0800</pubDate><description><![CDATA[介绍三个概念


执行环境 
全局执行环境 
在浏览器中全局执行环境就是window对象，因此所有全局变量和全局函数都是作为window对象的属性和方法创建的。
全局环境只有当程序退出或者浏览器网页关闭后才会被销毁
局部执行环境 
每个函数都有自己的执行环境，当js执行流进入一个函数时，函数的环境会被推入一个环境栈中，当函数执行完毕后，栈将其环境弹出，该环境即被销毁。
变量对象（Variable ...]]></description><category></category></item><item><title><![CDATA[js变量与参数传递]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/81211531</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/81211531</guid><author>itSeven7</author><pubDate>Wed, 25 Jul 2018 22:35:59 +0800</pubDate><description><![CDATA[变量声名


基本类型 
当我们声名一个基本类型时，值会保存在栈空间中
引用类型 
当我们声名一个引用类型时，对象保存在堆空间中，但是地址保存在栈空间中  



变量引用


当变量是一个基本类型时，直接读取栈中保存的值就是我们想要的 
名字 ——&amp;gt;  数据
当变量时一个引用类型时，读取到栈中的值只是一个地址，需要通过这个地址来得到我们想要的数据 
名字 ——&amp;gt; 数据（地址） ——&amp;...]]></description><category></category></item><item><title><![CDATA[css图片水平垂直居中]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/80413450</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/80413450</guid><author>itSeven7</author><pubDate>Tue, 22 May 2018 23:10:16 +0800</pubDate><description><![CDATA[CSS图片水平垂直居中



flex居中

实现代码



/* 父级添加 */
display: flex;
justify-content: center;
align-items: center;

 /* IE10 + */



&amp;lt;div&amp;gt;
  &amp;lt;img src=&quot;./images/1.jpg&quot; alt=&quot;&quot;&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;
...]]></description><category></category></item><item><title><![CDATA[css图片置灰,变灰效果]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/79791511</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/79791511</guid><author>itSeven7</author><pubDate>Mon, 02 Apr 2018 16:44:39 +0800</pubDate><description><![CDATA[css图片置灰,变灰效果

新项目有一个合作伙伴模块，需要将各个企业的logo先置灰，移入再恢复彩色。

首先想到的是一套灰色一套彩色，两者互相切换src,但是觉得都css3了还搞这种方法就有点过时了，而且多一套资源，消耗性能. 
- 首先说一下，目前css实现方式是不兼容ie10+的浏览器的，所以对于ie10+的浏览器要使用js操作Canvas来实现；


下面是css3的代码实现,兼容Ie9以...]]></description><category></category></item><item><title><![CDATA[尝试封装一个jq轮播插件]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/79786725</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/79786725</guid><author>itSeven7</author><pubDate>Mon, 02 Apr 2018 11:24:33 +0800</pubDate><description><![CDATA[jq-slide

自己封装一个简单的jq轮播插件



关于 jq-Cslide 轮播插件文档



兼容性

插件目前兼容PC端，IE9+,chrome,firefox



DEMO

查看该demo ,并查看demo源代码注释，更顺利的使用它 
jq轮播插件 
github地址

html结构



//正常轮播时的结构
&amp;lt;ul class=&quot;banner-img-box&quot;&amp;gt;
...]]></description><category></category></item><item><title><![CDATA[CSS理解：BFC和边距重叠]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/79009215</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/79009215</guid><author>itSeven7</author><pubDate>Tue, 09 Jan 2018 09:28:04 +0800</pubDate><description><![CDATA[理解BFC 与 marign]]></description><category></category></item><item><title><![CDATA[getBoundingClientRect() 与 offset]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/78855223</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/78855223</guid><author>itSeven7</author><pubDate>Wed, 20 Dec 2017 17:03:21 +0800</pubDate><description><![CDATA[Element.getBoundingClientRect()]]></description><category></category></item><item><title><![CDATA[JS-DOM总结]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/78404149</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/78404149</guid><author>itSeven7</author><pubDate>Tue, 31 Oct 2017 15:39:25 +0800</pubDate><description><![CDATA[JS-DOM总结DOM将任何的HTML或XML文档绘制成一个由多层节点构成的结构—节点树。Node类型javascript中所有节点类型都继承自Node类型， 
因此所有节点类型都共享着相同的基本属性和方法，节点类型由Node类型中定义的12个数值常量来表示，任何节点都必居其一
Node.ELEMENT_NODE(1)　　　　　　　　　　代表element元素节点 
Node.ATTRIBUTE_N]]></description><category></category></item><item><title><![CDATA[css图片垂直居中]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/77934385</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/77934385</guid><author>itSeven7</author><pubDate>Mon, 11 Sep 2017 16:12:32 +0800</pubDate><description><![CDATA[css图片 垂直居中办法 
方法一 ： 
    给img加上  vertical-align: middle; 属性 
    注意： 
        仅仅给img加上vertical-align: middle; 属性它不是真正的居中； 
        由于vertical-align属性的中线受字体大小的影响 ，所以要将父级的字体大小设置为0px;//样式
<style>]]></description><category></category></item><item><title><![CDATA[js变量与对象学习笔记]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/77650572</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/77650572</guid><author>itSeven7</author><pubDate>Mon, 28 Aug 2017 16:40:36 +0800</pubDate><description><![CDATA[目录01 js变量
01-01 什么是变量
01-02 js变量的声明
01-03 js变量特性
01-04 js变量类型
01-05 js变量类型之基本包装类型
02 js对象
02-01 什么是对象
02-02 typeof操作符
02-03 js中真的一切皆对象么
02-04 js特殊对象 null
笔记内容01-01什么是变量
变量是一个值的符号名称，可以通过名称来获得对值得引用，每个变量仅]]></description><category></category></item><item><title><![CDATA[vue--express启动数据服务]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/74332728</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/74332728</guid><author>itSeven7</author><pubDate>Tue, 04 Jul 2017 16:57:29 +0800</pubDate><description><![CDATA[记录一下配置build->dev.sever.js配置var apiServer = express()
var bodyParser = require('body-parser')
apiServer.use(bodyParser.urlencoded({ extended: true }))
apiServer.use(bodyParser.json())
var apiRouter = ex]]></description><category></category></item><item><title><![CDATA[前端的路该怎么走，迷茫期应该如何渡过]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73920926</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73920926</guid><author>itSeven7</author><pubDate>Thu, 29 Jun 2017 17:38:13 +0800</pubDate><description><![CDATA[深感自身前端基础薄弱 ，苦于没有方向，现在看到了张鑫旭大神的十问十答，感觉对自身大有裨益，分享于诸君共勉]]></description><category></category></item><item><title><![CDATA[初学webpack问题总结]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73836071</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73836071</guid><author>itSeven7</author><pubDate>Wed, 28 Jun 2017 12:12:04 +0800</pubDate><description><![CDATA[添加 TypeError: Cannot read property 'entry' of undefined 报错问题]]></description><category></category></item><item><title><![CDATA[关于IE9下margin: 0 auto;失效问题]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73743450</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73743450</guid><author>itSeven7</author><pubDate>Mon, 26 Jun 2017 18:42:19 +0800</pubDate><description><![CDATA[今天在做一个浮动的分页器，测了一下IE9浏览器下居然不能居中，然后找了下原因， 
是因为子级使用了浮动导致了在IE9下margin：0 auto属性失效了； 
解决方法： 
将自己的浮动样式去掉；添加上display:inline-block;属性，分页器就自动居中了；]]></description><category></category></item><item><title><![CDATA[浅谈JavaScript、ES5、ES6]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73589426</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73589426</guid><author>itSeven7</author><pubDate>Thu, 22 Jun 2017 12:49:14 +0800</pubDate><description><![CDATA[什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了）动态： 
在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。弱类： 
计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。原型： 
新对象继承对象（作为模版），将自身的]]></description><category></category></item><item><title><![CDATA[ES6学习之路(六) Proxy 代理器&Reflect]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73550092</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73550092</guid><author>itSeven7</author><pubDate>Wed, 21 Jun 2017 16:05:45 +0800</pubDate><description><![CDATA[Proxy 代理器用户必须通过它来操作原对象；    var proxy = new Proxy(target,handler);
    //target参数表示所要拦截的目标对象，
    //handler参数也是一个对象，用来定制拦截行为。    var p1 = new Proxy({},{
        get:function(target,property){]]></description><category></category></item><item><title><![CDATA[ES6学习之路(六) Map&WeakMet]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73498999</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73498999</guid><author>itSeven7</author><pubDate>Tue, 20 Jun 2017 15:36:56 +0800</pubDate><description><![CDATA[个人感觉Map&WeakMet和Set&WeakSet很多的相同之处，所以就重点记录一下不同之处作为区分Map1.map 用来设置键的数据结构，可以使任何类型的值（ES5的对象键都是字符串）；    //将 对象 o 设置为m 的一个键
    m.set(o,'content');
    //用get读取这个键
    console.log(m.get(o));//content    con]]></description><category></category></item><item><title><![CDATA[ES6学习之路(六) Set&WeakSet]]></title><link>https://blog.youkuaiyun.com/itSeven7/article/details/73497858</link><guid>https://blog.youkuaiyun.com/itSeven7/article/details/73497858</guid><author>itSeven7</author><pubDate>Tue, 20 Jun 2017 14:21:28 +0800</pubDate><description><![CDATA[什么是数据结构数据结构：计算机中存储、组织数据的方式,算是数据的集合体，主要为了方便存取数据；Set()数据结构1.内部成员的值都是唯一的，没有重复的； 
2.set本身是一个构造函数，用来生成一个Set数据结构； 
3.Set()可以接受一个数组或者类似数组的对象作为参数，用来初始化； 
4.set()中的值不会发生类型转换，所以5和’5’是不相等的，而NaN再set中和它自身是相等的； 
5.s]]></description><category></category></item></channel></rss>