<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[一路前行]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jfk403</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jfk403]]></copyright><item><title><![CDATA[手机横竖屏切换时js获取手机有效宽值(兼容苹果和安卓)]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84907210</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84907210</guid><author>jfk403</author><pubDate>Sat, 19 Aug 2017 01:16:23 +0800</pubDate><description><![CDATA[
// 横屏切换处理（iphone，安卓）
    window.addEventListener(&quot;onorientationchange&quot; in window ? &quot;orientationchange&quot; : &quot;resize&quot;, function() {
        // 由于切换时，获取值刚好是切换前的数据，需加上300延时，保证获取的宽度是切换后屏幕的值
        setTi...]]></description><category></category></item><item><title><![CDATA[多ajax请求顺序执行]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84855900</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84855900</guid><author>jfk403</author><pubDate>Mon, 13 Feb 2017 14:28:39 +0800</pubDate><description><![CDATA[
       工作中有时间碰到多个ajax请求，需要按照顺序进行数据请求且保证数据是按照请求的顺序有序返回。所以需要对请求进行包装处理。 jquery自带的case when方式仅能保证请求是按顺序发出的，但不能保证请求的数据按顺序返回。
具体处理方式如下：
1、创建一个存放ajax请求的数组，
2、创建一个执行ajax请求的函数，在函数内执行数组中第一个ajax函数，在请求返回后将该aj...]]></description><category></category></item><item><title><![CDATA[cookie存储中文信息]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84830834</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84830834</guid><author>jfk403</author><pubDate>Tue, 13 Dec 2016 15:46:22 +0800</pubDate><description><![CDATA[
 
 在cookie中存储中文，有时候会有中文乱码问题，如在IOS系统中访问的时候，可能会由于中文乱码而导致数据没有成功存储到cookie中，解决乱码问题的方式主要是使用2个函数：
 escape(string):  对字符串进行编码。
unescape(string):  对字符串进行解码。
代码示例如下：
var cookie = {
    set:function(key,v...]]></description><category></category></item><item><title><![CDATA[CSS3滤镜(Filters)功效]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84828204</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84828204</guid><author>jfk403</author><pubDate>Thu, 24 Nov 2016 11:15:36 +0800</pubDate><description><![CDATA[
滤镜(Filters)是CSS3中新增的功能，可以实现模糊效果，透明效果，色彩反差调整，色彩反相等效果。
滤镜(filter)效果如下： grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果), saturate(色彩饱和度), opacity(透明度),brightness(亮度), contrast(对比度), hue-rotate(色调), 和 invert(反相...]]></description><category></category></item><item><title><![CDATA[CSS3实现横向展示图片滑动展示效果(转载)]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84828197</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84828197</guid><author>jfk403</author><pubDate>Thu, 24 Nov 2016 10:51:07 +0800</pubDate><description><![CDATA[
一个使用CSS3动画效果实现的图片宽度 横向展开的效果。
HTML代码如下：
&amp;lt;ul id=&quot;kwicks&quot;&amp;gt;
	&amp;lt;li&amp;gt;&amp;lt;a class=&quot;john&quot; href=&quot;http://en.wikipedia.org/wiki/John_lennon&quot; title=&quot;John Lennon&quot;&amp;gt;John Lennon&amp;lt;/a&am]]></description><category></category></item><item><title><![CDATA[前端性能提高技术之----HTML重绘篇]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84819289</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84819289</guid><author>jfk403</author><pubDate>Wed, 28 Sep 2016 11:07:55 +0800</pubDate><description><![CDATA[
&amp;lt;img src=&quot;home.png&quot; style=&quot;width:200px; height: 200px;&quot;&amp;gt;

        在HTML页面完成渲染后
，任何改动页面样式或结构的操作都会引起浏览器重绘，性能的损耗直接取决于动态改变的范围：如果只是改变一个元素的颜色之类的信息则只会重绘该元素；而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘，所以在页面操作中要尽量...]]></description><category></category></item><item><title><![CDATA[获取页面来源地址的几种方式谈讨]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84814816</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84814816</guid><author>jfk403</author><pubDate>Fri, 26 Aug 2016 16:24:44 +0800</pubDate><description><![CDATA[
 目前js中获取页面地址来源的方式主要有2种：
document.referrer 和 opener.location.href,
document.referrer：表示打开当前窗口的父窗口的地址(若不是通过超链接打开则此值为null) 
window.opener: 表示打开当前窗口的父窗口地址,
通过超链接打开当前窗口，在当前窗口的url中会附带父窗口的url(已编码)，因此可通过...]]></description><category></category></item><item><title><![CDATA[跨页面跳转的锚点定位]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84807969</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84807969</guid><author>jfk403</author><pubDate>Tue, 28 Jun 2016 15:07:19 +0800</pubDate><description><![CDATA[
有时候需要实现从当前页面跳转到下个页面的某个模块，这就要使用锚点定位来实现：
格式： 当前页面的 href=&quot;aaaa.html#nextMode&quot;
在要定位显示的模块中：添加值为nextMode的id和name， 如定位到一个div
&amp;lt;div id=&quot;nextMode&quot; name=&quot;nextMode&quot;&amp;gt;&amp;lt;/div&amp;gt;
 
以上方法在firefox中可直接实现，但...]]></description><category></category></item><item><title><![CDATA[css2：div模拟textarea效果并实现高度自适应]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84807943</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84807943</guid><author>jfk403</author><pubDate>Tue, 28 Jun 2016 14:02:15 +0800</pubDate><description><![CDATA[
样式如下：设置div最小高度并设置为auto，同时设置字体换行和边界换行即。div设置contenteditable=&quot;true&quot;
即可实现文字编辑(contenteditable为html5新增属性)
div{  float: right;  margin-right: 45%;  height: 50px;  height: auto;  min-height: 50px;  widt...]]></description><category></category></item><item><title><![CDATA[百度template模板技术学习(一)]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84806472</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84806472</guid><author>jfk403</author><pubDate>Wed, 15 Jun 2016 15:21:37 +0800</pubDate><description><![CDATA[
BaiduTemplate模板 js技术可以生成一套html代码块，根据不同的数据进行动态展示。
特点：
默认的Html转义，变量未定义时输出为空，防止页面错乱，可自定分隔符等，学习成本低， 简单易用。
 目前版本：1.0.6，
使用时需引入 baidutemplate.js文件
定义html代码块格式如下：
&amp;lt;script id=&quot;navTemplate&quot; type=&quot;tex...]]></description><category></category></item><item><title><![CDATA[浮动的一些应用解析]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84804162</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84804162</guid><author>jfk403</author><pubDate>Thu, 26 May 2016 09:27:56 +0800</pubDate><description><![CDATA[
样式如下：
.parent{ width:92px; height:92px; border:1px solid #666;} .parent p{ float:left; width:30px;}
.parent p+p{ float:right;}
HTML内容如下：
&amp;lt;div class=&quot;parent&quot;&amp;gt;  &amp;lt;p&amp;gt;a&amp;lt;/p&amp;gt;  &amp;lt;p&amp;gt...]]></description><category></category></item><item><title><![CDATA[ECMAScript5 Object对象和属性]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84803270</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84803270</guid><author>jfk403</author><pubDate>Thu, 19 May 2016 15:37:08 +0800</pubDate><description><![CDATA[
对象和属性：属性一共分成三类，分别是命名数据属性、命名访问器属性和内部属性，前两类属性可以在代码中直接使用，而后面一种属性是规范使用的内部表示。
命名属性一般有：Value：表示该属性的值Writable：表示该属性的值是否为只读的Enumerable： 表示该属性是否可以被枚举，可以被枚举的属性可以通过 for-in 循环来获取到Configurable：表示该属性是否可以被配置，为true...]]></description><category></category></item><item><title><![CDATA[ECMASript5  JSON对象和JS对象转换]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84803264</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84803264</guid><author>jfk403</author><pubDate>Thu, 19 May 2016 15:17:33 +0800</pubDate><description><![CDATA[
JSON 格式数据经过解析之后，可以直接当成 ECMAScript 中的对象来使用。在使用 JSON 格式时的一个重要问题是如何在 ECMAScript 中的对象与文本形式之间进行互相转换。从服务器端通过 HTTP 协议获取的 JSON 文本需要经过解析之后，才能在 ECMAScript 代码中来使用；当需要向服务器端发送数据时，需要先把 ECMAScript 中的对象转换成文本格式。在 ECM...]]></description><category></category></item><item><title><![CDATA[ECMA5Script 数组新增方法]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84803260</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84803260</guid><author>jfk403</author><pubDate>Thu, 19 May 2016 15:02:07 +0800</pubDate><description><![CDATA[
数组是 ECMAScript 中非常重要的一个内置对象。在 ECMAScript 代码中可以看到大量对数组的使用。Array 对象用来表示数组。在 ECMAScript 规范第三版中并没有为 Array 对象提供比较多的实用函数来对数组进行操作。很多 JavaScript 框架对 ECMAScript 规范中的 Array 对象进行增强。ECMAScript 规范第五版中对 Array 对象进行...]]></description><category></category></item><item><title><![CDATA[javaScript -匿名函数]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84802971</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84802971</guid><author>jfk403</author><pubDate>Tue, 17 May 2016 16:41:28 +0800</pubDate><description><![CDATA[
一、匿名函数：没有函数名；单独的匿名函数是无法运行的，可通过把匿名函数赋值给变量来运行。
var dd = (function(){         return 'jack'; })(); alert(dd);// jack
 
二、块级作用域(私有作用域)：
     function box(){
         {//for：块级作用域： 出了for的范围，i值未被销毁，而且...]]></description><category></category></item><item><title><![CDATA[CSS3京东图片动画]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84802964</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84802964</guid><author>jfk403</author><pubDate>Tue, 17 May 2016 16:26:37 +0800</pubDate><description><![CDATA[
/*通过图片定位加过渡实现动画替换效果:*/i{ display: block; width:13px; height:22px; margin:100px; cursor:pointer; background:url(jd2015img.png) no-repeat 0 -0;/*找到精灵图中手机图片的位置:默认的位置*/ transition: background-position 0....]]></description><category></category></item><item><title><![CDATA[将本地项目移至git管理]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84698454</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84698454</guid><author>jfk403</author><pubDate>Tue, 27 Jan 2015 11:52:53 +0800</pubDate><description><![CDATA[
首先在git上创建一个空项目，项目名称自定。
一、在eclipse中将远程git上的项目拉至本地，如图：

 
二、在本地项目中右键--&amp;gt;team --&amp;gt; share project 显示如下：选择git  点击next

 
三、如下图：选择git拉到的项目，将其与本地项目合并即可。
 
四、合并成功后，在项目右键--&amp;gt;team中看到如下菜单时即可进行远程...]]></description><category></category></item><item><title><![CDATA[简单的闭包]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84690280</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84690280</guid><author>jfk403</author><pubDate>Tue, 09 Dec 2014 16:08:20 +0800</pubDate><description><![CDATA[
在javascript中，只有函数具有作用域，也就是说：在一个函数内部声明的变量在函数外部无法访问。
例：
function foo() {
        var a = 10;//变量a定义在函数foo()内部。
          function bar() {
                a *= 2;
                return a;
      ...]]></description><category></category></item><item><title><![CDATA[Ext入门事件(二)--转载]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84690276</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84690276</guid><author>jfk403</author><pubDate>Tue, 09 Dec 2014 15:47:13 +0800</pubDate><description><![CDATA[
事件绑定相关的方法：
一、使用addListener()方法
var button = Ext.get('btn');
button.addListener('click',hello1);//绑定事件处理函数
button.addListener('click',hello2);
 二、ExtJS支持的自定义事件
//创建Person类
var Person = Ext.exte...]]></description><category></category></item><item><title><![CDATA[ExtJS入门事件(一)（转载）]]></title><link>https://blog.youkuaiyun.com/jfk403/article/details/84690203</link><guid>https://blog.youkuaiyun.com/jfk403/article/details/84690203</guid><author>jfk403</author><pubDate>Tue, 09 Dec 2014 11:47:15 +0800</pubDate><description><![CDATA[
        事件是指一个特定的动作，这个动作可以针对HTML元素的，如keydown,keyup,mouseover, mouseout等，也可以是对于其它自定义的动作。
事件处理一般有2种：
一、处理HTML元素的标准事件：
        HTML元素的标准事件是指mouseover、mousedown、click、blur、focus、change等能够直接对HTML元素发生的...]]></description><category></category></item></channel></rss>