<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[琳]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/u011546421</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u011546421]]></copyright><item><title><![CDATA[iScroll.js参数说明和使用方法]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/60777116</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/60777116</guid><author>u011546421</author><pubDate>Tue, 07 Mar 2017 19:46:28 +0800</pubDate><description><![CDATA[iScroll调用时参数设置：




所属

属性名

说明

默认值



核心库croe

options.useTransform

是否使用 CSS3 的 Transform 属性

true



options.useTransition]]></description><category></category></item><item><title><![CDATA[SVN服务器的本地搭建与使用]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/54972089</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/54972089</guid><author>u011546421</author><pubDate>Fri, 10 Feb 2017 16:51:28 +0800</pubDate><description><![CDATA[svn服务器本地搭建及使用]]></description><category></category></item><item><title><![CDATA[echarts3 使用（（绘制各种图表,地图））]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/54632636</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/54632636</guid><author>u011546421</author><pubDate>Fri, 20 Jan 2017 17:18:29 +0800</pubDate><description><![CDATA[一、前期准备

1、使用echarts之前先要引入echarts.js，js可以到官网下载

2、写一个div容器用来装echarts内容，这个容器必须有高度，不然看不到内容。

3、在script中获取div容器的id，根据需要写option中的参数（也许你现在还不知道option是干嘛用的，不要着急往下看），使用setoption生成图表。

（代码如下）注：后面将不再对引入j]]></description><category></category></item><item><title><![CDATA[Sublime配置SASS]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53929384</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53929384</guid><author>u011546421</author><pubDate>Thu, 29 Dec 2016 16:02:58 +0800</pubDate><description><![CDATA[Sublime配置SASS

字数654 阅读260 评论1 喜欢2


第一步：ruby安装

因为sass是依赖于ruby的，所以需要先安装ruby。官网下载ruby

安装过程中，请注意，勾选 Add Ruby executables to your PATH 选项，可以保证在系统中添加好环境变量，防止之后在编译软件中发生找不到ruby环境的错误。另，安装地址无特殊要求。]]></description><category></category></item><item><title><![CDATA[Backbone基础-01]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53910918</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53910918</guid><author>u011546421</author><pubDate>Wed, 28 Dec 2016 17:29:13 +0800</pubDate><description><![CDATA[一、Backbone概述

 
Backbone是一个基于MVC的前端js框架，它依赖于underscore.js和iquery.js的，所以在使用的时候需要引用三个js文件。

与之类似的MVC框架还有Angular.js，Knockout.js，Ember.js。
head>
    script src="underscore.js">script>
    script src]]></description><category></category></item><item><title><![CDATA[google官方文档-第三篇]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53746588</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53746588</guid><author>u011546421</author><pubDate>Mon, 19 Dec 2016 19:18:00 +0800</pubDate><description><![CDATA[文档内容
将 WebView 加入你的应用
¨     在Webview中使用 JavaScript
¨     启用 JavaScript
¨     将 JavaScript代码绑定到Android代码
处理页面导航
¨    历史记录导航

关键的类
WebView
WebSettings
WebViewClient
相关手册
Web View
如果你想发布一个w]]></description><category></category></item><item><title><![CDATA[WebApp开发-Google官方教程]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53746377</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53746377</guid><author>u011546421</author><pubDate>Mon, 19 Dec 2016 19:12:56 +0800</pubDate><description><![CDATA[概览

你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面本文档中的技术适用于Android 2.0及以上设备，针对默认的Android Browser中及在WebView中呈现的页面
如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型]]></description><category></category></item><item><title><![CDATA[WebApp开发-移动端WebApp开发必备知识]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53746307</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53746307</guid><author>u011546421</author><pubDate>Mon, 19 Dec 2016 19:05:22 +0800</pubDate><description><![CDATA[移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。
一、基本概念
（1） CSS pixels与device pixels
CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。
device pixels： 显示屏]]></description><category></category></item><item><title><![CDATA[Web App开发入门]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53746282</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53746282</guid><author>u011546421</author><pubDate>Mon, 19 Dec 2016 19:03:43 +0800</pubDate><description><![CDATA[WebApp与Native App有何区别呢？
Native App：
1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。
2、更新体验较差、同时也比较麻烦。每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。
3、非常酷。因为native app可以调用IOS中的UI控件以UI方法，它]]></description><category></category></item><item><title><![CDATA[高性能 CSS3 动画]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53643808</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53643808</guid><author>u011546421</author><pubDate>Wed, 14 Dec 2016 18:37:38 +0800</pubDate><description><![CDATA[高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。
关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。JS动画是通过JS动态改写样式实现动画能力的一种方案，在]]></description><category></category></item><item><title><![CDATA[js-获取JSON数组的长度]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53438341</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53438341</guid><author>u011546421</author><pubDate>Fri, 02 Dec 2016 19:50:23 +0800</pubDate><description><![CDATA[假设现在有一个json的数组：var json={a:1,b:2,c:3,d:4}；
要遍历这个数组：如下
for（var i in json）{
      alert（i+"="+json[i]）；

}
由于json没有length这个属性，那么我们可以先声明一个计数器，一开始计数器为0，遍历完成后可得到json的长度；
把代码写成一个方法，以后可以直接调用：
functio]]></description><category></category></item><item><title><![CDATA[Bootstrap链接文件]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53412319</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53412319</guid><author>u011546421</author><pubDate>Wed, 30 Nov 2016 19:38:39 +0800</pubDate><description><![CDATA[Bootstrap是一个用于构建响应式网站的前端框架，能提高前端开发是效率，特别适合移动端的自适应布局；学习这个框架之前你要有html、css和js基础，这是一个基于默认的网格系统布局的框架。
需要准备的文件：
先在官网：http://www.bootcss.com/ 下载Bootstrap
-下载后链接里面的两个常用文件

rel="stylesheet"
href="css/boo]]></description><category></category></item><item><title><![CDATA[循环中的break和continue]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53398763</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53398763</guid><author>u011546421</author><pubDate>Tue, 29 Nov 2016 20:09:40 +0800</pubDate><description><![CDATA[break：中断整个循环体，不执行break之后的语句，并跳出循环；
continue：中断本次循环，不执行continue之后的语句，但循环继续；
示例1：



    
        
        break和continue
        
            for (var i = 0; i 
                if (i == 2) {]]></description><category></category></item><item><title><![CDATA[规范代码]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53390077</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53390077</guid><author>u011546421</author><pubDate>Tue, 29 Nov 2016 14:39:45 +0800</pubDate><description><![CDATA[永远遵循同一套编码规范（可以是自己总结的），不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。
HTML篇
1、语法

用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing）元素的尾部添加斜线 -- 
HTM]]></description><category></category></item><item><title><![CDATA[sublime text]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53295728</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53295728</guid><author>u011546421</author><pubDate>Wed, 23 Nov 2016 00:01:17 +0800</pubDate><description><![CDATA[作为一个开发者你不可能没听说过SublimeText。不过你没听说过也没关系，下面让你明白。 SublimeText是一款非常精巧的文本编辑器，适合编写代码、做笔记、写文章。它用户界面十分整洁，功能非同凡响，性能快得出奇。这些非常棒的特性包括任意跳转（Goto Anything）、多重选择（multiple selections）、指令面板（command palette）、免打扰模式（distr]]></description><category></category></item><item><title><![CDATA[Box-sizing属性及解决兼容性的做法]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53293106</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53293106</guid><author>u011546421</author><pubDate>Tue, 22 Nov 2016 23:01:44 +0800</pubDate><description><![CDATA[CSS3 Box-sizing属性以及解决兼容性的一些做法。
 
(2014-03-25 15:27:32)
转载▼






 

 






box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box
 model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3]]></description><category></category></item><item><title><![CDATA[全屏滚动的实现]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53290095</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53290095</guid><author>u011546421</author><pubDate>Tue, 22 Nov 2016 19:08:42 +0800</pubDate><description><![CDATA[在很多情况下，我们需要页面的全屏滚动，尤其是移动端。今天简要的介绍一下全屏滚动的知识。
一.全屏滚动的原理
1.js动态获取屏幕的高度。
获取屏幕的高度，设置每一屏幕的高度。
2.监听mousewheel事件。
监听mousewheel事件，并判断滚轮的方向，向上或向下滚动一屏。
二.jQuery插件fullpages介绍
fullPage.js 是一个基于 jQuery 的插件，它]]></description><category></category></item><item><title><![CDATA[CSS3边框背景]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53195445</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53195445</guid><author>u011546421</author><pubDate>Thu, 17 Nov 2016 09:06:16 +0800</pubDate><description><![CDATA[边框背景——border-image
边框背景主要是用来给元素边框添加背景图像，本质是用一张图片来修饰边框背景，看下图效果：
    -------------------------->>


用左边图片来完成右边的效果；
先看一下边框背景的参数：border-image：image  
boeder-width（参数可写1-4个）
图片填充方式（stretch/repeat/r]]></description><category></category></item><item><title><![CDATA[CSS3的选择器]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53188265</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53188265</guid><author>u011546421</author><pubDate>Wed, 16 Nov 2016 16:46:26 +0800</pubDate><description><![CDATA[CSS选择器，主要是用来确定html的树形结构中的DOM元素节点。主要分为三部分：
一、基本选择器





选择器

类型

功能描述



*

通配选择器

选择文档中所有的html元素



E

元素选择器

选择指定的类型的html元素



#id

ID选择器

选择指定ID属性值为“id”的任意类型的元素]]></description><category></category></item><item><title><![CDATA[前端面试题汇总（三）]]></title><link>https://blog.youkuaiyun.com/u011546421/article/details/53187394</link><guid>https://blog.youkuaiyun.com/u011546421/article/details/53187394</guid><author>u011546421</author><pubDate>Wed, 16 Nov 2016 15:52:01 +0800</pubDate><description><![CDATA[1.  jQuery的选择器 
基本选择器、层次选择器、过滤选择器和表单选择器
基本：id选择器、class选择器、标签选择器、复合选择器和“*”选择器
层次：$("div p") 选取里所有的元素
     $("div>p") 选取里所有标签为子元素
      $(".class_1+div")选取属性class为“class_1”的下一个同辈元素。
过滤：$("div:firs]]></description><category></category></item></channel></rss>