<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ft6302244的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ft6302244</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ft6302244]]></copyright><item><title><![CDATA[ajax，SEO，谁言鱼和熊掌不可兼得]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/50826683</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/50826683</guid><author>ft6302244</author><pubDate>Wed, 09 Mar 2016 15:04:35 +0800</pubDate><description><![CDATA[随着用户体验的深入人心，越来越多的系统采取了单页面结构（SPA），不可不说，单页面系统体验好，耗费流量少，无需全局刷新。不过对搜索引擎却不能抓取到太多信息，对SEO不是很友好，举例来说
搜索引擎只能获取 
www.demo.com/index.html这个页面的内容，
但是无法获取
www..demo.com/index.html#user
www..demo.com/index.htm]]></description><category></category></item><item><title><![CDATA[html移动端打电话，发短信笔记]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/46699435</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/46699435</guid><author>ft6302244</author><pubDate>Tue, 30 Jun 2015 19:41:06 +0800</pubDate><description><![CDATA[移动端实现打电话发短信
打电话给：10086
发短信给：10086]]></description><category></category></item><item><title><![CDATA[通过CSS3，实现元素覆盖效果]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/46373345</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/46373345</guid><author>ft6302244</author><pubDate>Fri, 05 Jun 2015 10:40:32 +0800</pubDate><description><![CDATA[在很多网站中，我们都可以看到这样的效果，当用户鼠标进入某一个元素后，下方就会有遮罩层上浮动画，如图：


今天我们就用hover伪类加上css3实现，没有使用任何JS


  
  
  
    #d1{
      height: 100px;
      position: relative;
      width: 100px;
      overflow: hidden;]]></description><category></category></item><item><title><![CDATA[移动端真机调试终极利器-BrowserSync]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/46043887</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/46043887</guid><author>ft6302244</author><pubDate>Wed, 27 May 2015 11:03:14 +0800</pubDate><description><![CDATA[之前有分享过一篇《如何在移动设备上调试网页》，感谢 xyyjk 留言推荐BrowserSync这个工具，自己也花了点时间研究了一下，还是很好上手的。比起之前介绍的方法更加方便（之前的方法已经过时）。BrowserSync可以实时同步更新CSS、JS文件，此外最关键的是全平台支持，即你可以在手机QQ浏览器、微信浏览器里面调试。今天就介绍一下这个工具的用法（以下针对Mac
 OSX）。

一、安]]></description><category></category></item><item><title><![CDATA[仿拉勾网图片文字切换效果]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/46010067</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/46010067</guid><author>ft6302244</author><pubDate>Tue, 26 May 2015 16:54:05 +0800</pubDate><description><![CDATA[原始效果自行见拉勾网。




demo以及代码在这]]></description><category></category></item><item><title><![CDATA[JavaScript函数参数，传值还是传址？]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45814997</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45814997</guid><author>ft6302244</author><pubDate>Mon, 18 May 2015 09:00:16 +0800</pubDate><description><![CDATA[首先，十万以及万分肯定的说一句， JavaScript 函数传递参数时，是值传递。虽然您可能不信，因为 ECMAScript 变量可能包含两种不同数据类型的值：基本数据类型，和引用数据类型。难道引用数据类型传递的时候难道也是值传递吗？答，没错。
 
引用类型的值是什么东西？

当一个变量向另一个变量复制引用类型的值时，会将存储在栈中的值（栈中存放的值是对应堆中的引用地址）复制一份到为新变量]]></description><category></category></item><item><title><![CDATA[jquery中的ready函数与window.onload谁先执行]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45696997</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45696997</guid><author>ft6302244</author><pubDate>Wed, 13 May 2015 19:14:19 +0800</pubDate><description><![CDATA[关于$(document).ready()：
jquery中的$(document).ready()，那$(document).ready()到底是什么作用呢？是不是可以用window.onload = function(){ ... }来实现呢？
这里，我们要明确二者之间的区别。
我们使用window.onload = function(){ ... }，是希望在页面被载入时执行funct]]></description><category></category></item><item><title><![CDATA[offsetParent与parentElement ,parentNode,parentElement,childNodes和children]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45242327</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45242327</guid><author>ft6302244</author><pubDate>Fri, 24 Apr 2015 09:29:28 +0800</pubDate><description><![CDATA[offsetParent直接的将是影响元素位置的上级element，而parentElement与位置显示无关时dom中的上级element。
例如：
  
  position:absolute;">  
    
    
    
    
这个例子中，“cc”元素的offsetParent是div，如果去掉div的position属性，那么cc的offsetParent就会]]></description><category></category></item><item><title><![CDATA[腾讯校园招聘 涟漪动画的实现]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45225961</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45225961</guid><author>ft6302244</author><pubDate>Thu, 23 Apr 2015 19:52:45 +0800</pubDate><description><![CDATA[前言：

今天逛腾讯招聘校招页面的时候，发现页面上的4个按钮在hover状态的时候，有涟漪波动效果，作为一名正在不断学习的前端来说，模仿是必须的，因此，花了点时间完成了他的页面。


思路：
他的原图

思路1：通过设置border-radius属性，将原先块级元素设置为原型，然后通过css3 动画改编boder的大小和 颜色的alpha值，不过这个时候发现，当border的宽度到]]></description><category></category></item><item><title><![CDATA[浅谈前端安全]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45191697</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45191697</guid><author>ft6302244</author><pubDate>Wed, 22 Apr 2015 10:35:22 +0800</pubDate><description><![CDATA[随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据,制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉.更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户端的应用越来越广，前端的安全问题也随之增多,今天就简单介绍下一些常见的攻击方式和预防攻击办法。



常见攻击


XSS，跨站脚本攻击(Cross Si]]></description><category></category></item><item><title><![CDATA[2015 前端[JS]工程师必知必会]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45044435</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45044435</guid><author>ft6302244</author><pubDate>Tue, 14 Apr 2015 16:54:59 +0800</pubDate><description><![CDATA[2015 前端[JS]工程师必知必会

MrSunny 
上次我写《前端工程师必知必会》已经是三年前了，那是我写过最火的文章了。三年了，我仍然会在Twitter上收到关于这篇文章的消息。
从2012年到现在，一篇文章都没发过让我觉得有点羞羞哒。三年是一段很长的时间，很多东西都发生了改变。2012年，我鼓励同学们去学习浏览器开发者工具和模块化；虽然有很多同学会觉得CSS预编译和客户端模板引擎]]></description><category></category></item><item><title><![CDATA[angular中的异步编程 $q的使用]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/45023531</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/45023531</guid><author>ft6302244</author><pubDate>Mon, 13 Apr 2015 12:57:14 +0800</pubDate><description><![CDATA[前言：

我们知道,JavaScript语言的执行环境是单线程的。


所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。


这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javas]]></description><category></category></item><item><title><![CDATA[Chrome渲染Transition时页面闪动Bug]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44939783</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44939783</guid><author>ft6302244</author><pubDate>Wed, 08 Apr 2015 13:46:12 +0800</pubDate><description><![CDATA[前段时间，有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，终于重现了这个问题，正好研究解决下…

问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，Refresh和Reopen无法重现，只有当首次打开淘宝首页才会出现…

问题重现：
]]></description><category></category></item><item><title><![CDATA[JavaScript中__proto__与prototype的关系]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44787413</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44787413</guid><author>ft6302244</author><pubDate>Tue, 31 Mar 2015 22:35:39 +0800</pubDate><description><![CDATA[这里讨论下对象的内部原型(__proto__)和构造器的原型（prototype）的关系。

 

一、所有构造器/函数的__proto__都指向Function.prototype，它是一个空函数（Empty function）







1

2

3

4

5

6

7

8

9




Number.__proto]]></description><category></category></item><item><title><![CDATA[angular开发 控制器之间的通信]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44623223</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44623223</guid><author>ft6302244</author><pubDate>Wed, 25 Mar 2015 16:24:59 +0800</pubDate><description><![CDATA[利用作用域的继承方式
由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值为基本类型的时候，修改父作用域上面的值会 影响到子作用域，反之，修改子作用域只会影响子作用域的值，不会影响父作用域上面的值；如果需要父作用域与子作用域共享一个值 的话，就需要用到后面一种，即作用域上的值为对象，任何一方的修改都能影响另一方，这是因为在js中对象都是引用类型。
基本类型
fun]]></description><category></category></item><item><title><![CDATA[web前端面试题]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44563439</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44563439</guid><author>ft6302244</author><pubDate>Mon, 23 Mar 2015 14:05:34 +0800</pubDate><description><![CDATA[欢迎转载，但请注明出处：http://blog.youkuaiyun.com/sysuzjz/article/details/44562467

以下各问题来自于本人在各公司应聘时被提问的问题，特地整理出来，有错误或不同意见的欢迎评论指出。因各大公司面试还未结束，本文不透露题目具体出处，且会打乱顺序。

另注：问方和答方均默认所问浏览器为主流浏览器（IE，chrome，firefox，Safari，O]]></description><category></category></item><item><title><![CDATA[angular笔记 directive scope 调用父scope带参数方法]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44559349</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44559349</guid><author>ft6302244</author><pubDate>Mon, 23 Mar 2015 09:41:59 +0800</pubDate><description><![CDATA[在使用angular directive的时候，为了不污染环境，我们为给directive自己一个scope,如果这个scope需要使用父类中scope的对象，会使用 = & @三种标示,在开发项目中，我遇到需要调用父类带参数方法的情况，自然而然我想到了使用 &标示符，可是如何进行带参数传递呢?
成功代码:
script:
angular.module('docsIsoFnBindExamp]]></description><category></category></item><item><title><![CDATA[使用gulp自动优化requireJS项目]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44308215</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44308215</guid><author>ft6302244</author><pubDate>Fri, 20 Mar 2015 15:43:31 +0800</pubDate><description><![CDATA[引言


前端javascript文件越来越多了，依赖加载，文件合并的问题也就随之出现。好在有基于AMD规范的requirejs和国产基于CMD规范的seajs可以管理依赖。但是，使用这样的js来管理js模块的依赖，就会导致页面js文件请求就会变多，为了减少文件请求，一般的文件拼合工具就不起作用了，比如grunt的concat工具。

好在requirejs有r.js来解决这个问题。而且]]></description><category></category></item><item><title><![CDATA[RequireJS和AMD规范]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44307347</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44307347</guid><author>ft6302244</author><pubDate>Mon, 16 Mar 2015 15:50:59 +0800</pubDate><description><![CDATA[RequireJS和AMD规范

来自《JavaScript 标准参考教程（alpha）》，by 阮一峰

目录



概述
define方法：定义模块
require方法：调用模块
AMD模式小结
配置require.js：config方法
插件
优化器r.js
参考链接




概述


RequireJS是一个工具库，主要用于客户端的模块管理。它]]></description><category></category></item><item><title><![CDATA[怎么去掉select边框和小三角,appearance用法]]></title><link>https://blog.youkuaiyun.com/ft6302244/article/details/44239565</link><guid>https://blog.youkuaiyun.com/ft6302244/article/details/44239565</guid><author>ft6302244</author><pubDate>Fri, 13 Mar 2015 12:37:30 +0800</pubDate><description><![CDATA[今天写微信网站的静态页面,想去掉select自带的小三角和边框,用以往的办法不行了,微信内置的是qq浏览.


以往的办法:设置select的边框为0px,背景设成透明(background: transparent;),这时候你会看到边框没有了,但是小三角还是在的.

再在select外面加个div,固定死div的宽度,并且加超出隐藏属性(overflow: hidden;)再设置se]]></description><category></category></item></channel></rss>