<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[根是地下的枝]]></title><description><![CDATA[on the way]]></description><link>https://blog.youkuaiyun.com/u011366705</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u011366705]]></copyright><item><title><![CDATA[使用 ES6 进行开发]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/50612353</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/50612353</guid><author>u011366705</author><pubDate>Sat, 30 Jan 2016 20:31:23 +0800</pubDate><description><![CDATA[es6]]></description><category></category></item><item><title><![CDATA[AngularJS  问题&解决 | 技巧]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/49945645</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/49945645</guid><author>u011366705</author><pubDate>Fri, 20 Nov 2015 12:20:25 +0800</pubDate><description><![CDATA[目录：（1）文件类型的input添加ng-model，选择文件之后在controller里面获取为undefined。（2）想让多个<tr>为一组进行repeat（3）在较慢设备上避免angular的内联模版表达式对用户可见。（4）ng-switch用法（5）在ng-repeat 中使用ng-hide或ng-if（6）使用ng-href设置a标签的href（7）select中ng-options 用]]></description><category></category></item><item><title><![CDATA[npm Failed to replace env in config: ${proxy}]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/49945381</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/49945381</guid><author>u011366705</author><pubDate>Fri, 20 Nov 2015 11:55:01 +0800</pubDate><description><![CDATA[手残执行了一句npm set proxy http://${proxy}:${port}结果npm这个命令就挂了，报Failed to replace env in config: ${proxy}找了半天，卸了nodejs重装也没用。（太水）解决办法：进入用户目录，找到.npmrc 文件，然后把里面含${proxy}那行删了。]]></description><category></category></item><item><title><![CDATA[跨域解决方案 & 使用angularJS和jQuery进行Ajax请求的差异]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/49533539</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/49533539</guid><author>u011366705</author><pubDate>Sat, 31 Oct 2015 15:43:36 +0800</pubDate><description><![CDATA[前端同学李雷和后台同学韩梅梅分别在自己电脑上进行开发，后台接口写好的时候，李雷改动完就把前端代码上传到gitlab，然后在测试机上从gitlab上拉下来，然后在测试机上移动最新代码，最后回到本机刷新页面。有时候碰到网速不好的情况传个git传了半天，或者李雷刚上传完发现少写了一个单词，加上再传上一看尼玛单词又写错了。对于实时需要改动代码的李雷同学而言另外一种方案是李雷和韩梅梅分别在自己电脑上进行开发，]]></description><category></category></item><item><title><![CDATA[Javascript MVC 学习笔记（三） 视图和模板]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47071175</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47071175</guid><author>u011366705</author><pubDate>Sun, 26 Jul 2015 20:30:44 +0800</pubDate><description><![CDATA[模板Javascript中模板的核心概念是，将包含模板变量的HTML片段和Javascript对象做合并，把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎，但是链接失效了，可以在这里下载，链接：jQuery.tmpl使用方式很简单，看一下它的说明就行了。给定一个模板，通过给它添加数据就能生成渲染好的元素节点，然后就可以将它添加到页面中，主要使用方法如：//数据
var object =]]></description><category></category></item><item><title><![CDATA[CSS 中 px，em和rem 的区别 学习笔记]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47066483</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47066483</guid><author>u011366705</author><pubDate>Sun, 26 Jul 2015 11:22:26 +0800</pubDate><description><![CDATA[简单讲，px是绝对单位，em和rem是相对单位。px大家都熟悉，这里主要讨论em和rem。现在有以下一个段落：<p>当斧头来到树林的时候，好多树都说，至少<span>它的手柄</span>是自己人</p>当不给它设置字体大小时，使用默认大小，也就是16px大小，效果如下：emem是指相对于父元素的大小，也就是说对于p和span而言，它的大小都是1em，这里的1em = 16px。我们将span的大小]]></description><category></category></item><item><title><![CDATA[CSS 层叠 学习笔记]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47061953</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47061953</guid><author>u011366705</author><pubDate>Sun, 26 Jul 2015 00:11:20 +0800</pubDate><description><![CDATA[看了一天控制器和视图头都大了，于是去微博上逛了逛，看到了一个讨论CSS权重的博客，于是把书翻了翻，对CSS中的层叠做一个笔记。先从一个实例说起：小明写了一个列表，并给里面的列表项添加了一些样式：#list li{
    color: #000;
}<ul id="list">
    <li>Javascript</li>
    <li>HTML</li>
    <li>CSS</li>
</]]></description><category></category></item><item><title><![CDATA[Javascript MVC 学习笔记（二） 控制器和状态]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47056273</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47056273</guid><author>u011366705</author><pubDate>Sat, 25 Jul 2015 14:37:30 +0800</pubDate><description><![CDATA[今天进入第二个部分：控制器。控制器和状态从以往的开发经验来看，我们都是将状态保存在服务器的session或者本地cookie中，但Javascript应用往往被限制在单页面，所以我们也可以将状态保存在客户端的内存里面。保存在内存还意味着能带来更快的界面响应。在MVC里面，状态都是保存在控制器里的，控制器相当于应用中视图和模型的纽带。当加载页面的时候，控制器将事件处理程序绑定在视图里，并适时处理回调，]]></description><category></category></item><item><title><![CDATA[Javascript MVC 学习笔记（一） 模型和数据]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47043775</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47043775</guid><author>u011366705</author><pubDate>Fri, 24 Jul 2015 18:49:32 +0800</pubDate><description><![CDATA[写在前面最近在看《MVC的Javascript富应用开发》一书，本来是抱着一口气读完的想法去看的，结果才看了一点就傻眼了：太多不懂的地方了。只好看一点查一点，一点一点往下看吧，进度虽慢但也一定要坚持看完。本学习笔记是对书上所讲解内容的理解和记录。 
笔记里的代码大多会按书上摘录下来，因为《MVC的Javascript富应用开发》是结合了JQuery库，所以对于JQuery中不太懂的知识点也会附在代码]]></description><category></category></item><item><title><![CDATA[Javascript 操作CSS 学习笔记]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47031623</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47031623</guid><author>u011366705</author><pubDate>Fri, 24 Jul 2015 00:08:44 +0800</pubDate><description><![CDATA[页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样式]]></description><category></category></item><item><title><![CDATA[JS和JQuery中的事件委托 学习笔记]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/47013721</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/47013721</guid><author>u011366705</author><pubDate>Thu, 23 Jul 2015 01:06:24 +0800</pubDate><description><![CDATA[事件委托其实并不是一个很高级的技巧，比如在一个页面里面，当只存在两个按钮的时候，可能你给按钮添加监听是这样的：（本文不考虑浏览器兼容性，关于事件的兼容性可参考前面的学习笔记）<div id="container">
    <button id="btn1">按钮1</button>
    <button id="btn2">按钮2</button>
</div>var btn1 = docume]]></description><category></category></item><item><title><![CDATA[CSS BFC学习笔记]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46995483</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46995483</guid><author>u011366705</author><pubDate>Wed, 22 Jul 2015 00:47:27 +0800</pubDate><description><![CDATA[BFC，全称是Block Formatting Context，块级格式化上下文。 
具体是什么，可以理解为页面元素的一种特性，触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。 
触发BFC的方法有下面几种，满足其中任意一种就能触发BFC：
浮动元素（float除了none以外任意值）
绝对定位元素（position为absolute或fixed）
display为inline-bloc]]></description><category></category></item><item><title><![CDATA[HTML5事件——visibilitychange 标签可见性]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46844137</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46844137</guid><author>u011366705</author><pubDate>Sat, 11 Jul 2015 19:59:51 +0800</pubDate><description><![CDATA[又看到一个很有意思的HTML5事件，visibilitychange事件在当前网页在可见和不可见之间变换的时候调用，比如用户正在刷微博，刷到一半切去看视频了，这个时候微博就能通过visibilitychange发现用户没有看自己了，可以根据实际需要暂停请求或者一些别的操作，等用户切回来的时候继续加载。 
通过document的hidden属性可以判断标签是否可见。true时代表标签不可见。 
这个事]]></description><category></category></item><item><title><![CDATA[HTML5事件——contextmenu 隐藏鼠标右键菜单]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46843937</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46843937</guid><author>u011366705</author><pubDate>Sat, 11 Jul 2015 19:20:06 +0800</pubDate><description><![CDATA[在window中单击右键或在Mac中Ctrl+单击时会触发contextmenu事件，通过取消其默认动作可以提供自定义事件。]]></description><category></category></item><item><title><![CDATA[javascript 事件对象]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46841817</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46841817</guid><author>u011366705</author><pubDate>Sat, 11 Jul 2015 14:35:21 +0800</pubDate><description><![CDATA[在js中触发一个事件的时候，会产生一个事件对象，也就是函数处理程序中的event，通过event我们可以访问到所有与事件有关的信息，如事件的类型、事件发生对象等等。需要注意的是关于event对象IE 和 非IE在支持方式不同。DOM中的事件对象不管是标签内绑定事件，DOM0级还是DOM2级，事件处理程序都会传入一个event。<button id="myBtn" onclick="alert(eve]]></description><category></category></item><item><title><![CDATA[javascript 事件处理]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46835927</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46835927</guid><author>u011366705</author><pubDate>Fri, 10 Jul 2015 22:55:35 +0800</pubDate><description><![CDATA[事件流事件流描述的是从页面中接收事件的顺序。js中有两种事件流，冒泡流和捕获流。两种流的名称都很形象，在由节点构成的一颗html树上面，冒泡流指事件开始时候由最具体的元素最先接收，然后逐级传播到最不具体的节点，比如在如下文档中：]]></description><category></category></item><item><title><![CDATA[javascript 单例模式]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46759915</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46759915</guid><author>u011366705</author><pubDate>Sun, 05 Jul 2015 00:27:55 +0800</pubDate><description><![CDATA[单例模式是设计模式里最基本也是最常用的模式之一，其特点是单体对象只存在一份实例，这样你就能确保在你的所有代码里面都使用着同样的全局资源。 
在Java里面实现单例模式的方法是首先将构造函数私有化，在内部创建一个私有的静态变量保存实例，然后通过一个静态方法（一般取名为getInstance）将实例提供给外部访问。因为构造函数的私有化，所以外部无法对类进行实例化，而只能通过getInstance获取，所]]></description><category></category></item><item><title><![CDATA[javascript 创建私有成员和静态私有成员]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46745949</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46745949</guid><author>u011366705</author><pubDate>Fri, 03 Jul 2015 21:23:45 +0800</pubDate><description><![CDATA[私有方法和属性在javascript中，因为没有类的概念，所以只能通过构造函数来模拟类，假设现在需要写一个手机类，这个手机需要传入一张电话号码，然后能打电话。最简单的方式是var Phone= function(num){
  //手机号
  this.num= num;
  //打电话
  this.call = function(phone){
      console.log(this.nu]]></description><category></category></item><item><title><![CDATA[CSS3实现整屏切换效果]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46724957</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46724957</guid><author>u011366705</author><pubDate>Thu, 02 Jul 2015 12:20:27 +0800</pubDate><description><![CDATA[总是能看见很多广告或者网站都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。最近刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似，如图 
 
每个section就是一页内容，它的大小充满了屏幕（红色区域），一个container由多个section构成，我们通过改变container的位置，来达到页面切换的效果。container向下走，页面]]></description><category></category></item><item><title><![CDATA[javascipt 跨域资源共享、JSONP]]></title><link>https://blog.youkuaiyun.com/u011366705/article/details/46697779</link><guid>https://blog.youkuaiyun.com/u011366705/article/details/46697779</guid><author>u011366705</author><pubDate>Tue, 30 Jun 2015 16:50:47 +0800</pubDate><description><![CDATA[跨域资源共享通过XMLHttpRequest实现ajax通信的时候有一个主要限制，来自于跨域安全策略。默认情况下，xhr对象只能访问到与包含它的页面位于同一个域中的资源。如果请求目标跨域，则会出现跨域问题： 
 
下面的表格描述了在不同情况下允不允许跨域的情况：]]></description><category></category></item></channel></rss>