<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[SunPrincess的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/SunPrincess</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; SunPrincess]]></copyright><item><title><![CDATA[无论页面内容多长，footer始终在页面底部]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/52882382</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/52882382</guid><author>SunPrincess</author><pubDate>Fri, 21 Oct 2016 13:16:16 +0800</pubDate><description><![CDATA[html<body>
    <div class="content">
        <div class="header"></div>
        <div class="main-content"></div>
        <div class="footer"></div>
    </div>
</body>css 
html, 
body { 
    height: 100]]></description><category></category></item><item><title><![CDATA[多异步按序执行]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/52012477</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/52012477</guid><author>SunPrincess</author><pubDate>Sun, 24 Jul 2016 09:49:59 +0800</pubDate><description><![CDATA[jQuery deferred使用心得
jquery 中的deffered和promise对象方法使用 - 推酷]]></description><category></category></item><item><title><![CDATA[ios uc浏览器截断弹层中的输入框]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51693420</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51693420</guid><author>SunPrincess</author><pubDate>Thu, 16 Jun 2016 17:25:48 +0800</pubDate><description><![CDATA[问题描述：iphone下的uc浏览器打开网页，需要用户输入的输入框被截断，但是输入框依旧能聚焦（focus）并且可以输入内容，看起来只是变得透明。而且在浏览器导航栏上缩状态下，点击输入框，输入框不会被截断。问题查看：输入框的父框定义了属性 position:fixed解决：
把 position 换成除 fixed 以外的其他值都OK。（原因：未知）
js控制输入框上移，对用户显示需要的部分]]></description><category></category></item><item><title><![CDATA[网页分享到微信常见问题]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51693329</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51693329</guid><author>SunPrincess</author><pubDate>Thu, 16 Jun 2016 17:18:16 +0800</pubDate><description><![CDATA[*调试微信分享等功能推荐使用“微信web开发者工具”1、网页分享到微信提示：“原网页已重新排版” 
分析：查看自己的网页是不是打开后就有弹层 
理由：微信为防止垃圾广告等，有个计算机制会屏蔽掉网页中的弹层。 
解决方法：
删除进入网页就出现的弹层
去微信认证，微信认证过得域名就可以使用功能弹层，微信不会把弹层屏蔽掉、重新排版。 
认证方法链接
2、微信不能分享自定义文案 
理由：得是认证账号才能分享]]></description><category></category></item><item><title><![CDATA[es6 import & export]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51513475</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51513475</guid><author>SunPrincess</author><pubDate>Fri, 27 May 2016 10:46:33 +0800</pubDate><description><![CDATA[前言：ES6把js文件当做模块处理 
一、export & import 
示例1： 
导出一个变量//test.js
var name = "Amy";
export {name};//写法2 （注意导入变量写法）
var name = "Amy";
export {name as anotherName};//写法3
export var name = "Amy";//反模式
var name]]></description><category></category></item><item><title><![CDATA[SPA：React + React-router 入门demo]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51512469</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51512469</guid><author>SunPrincess</author><pubDate>Fri, 27 May 2016 09:11:45 +0800</pubDate><description><![CDATA[依赖Node.js、npm（或 cnpm） 
0、基础代码文件结构： 
 
1、初始化 package.json 文件： cnpm init 
（设置入口文件为 index.js） 
package.json （文件部分内容）:...
"scripts": {
    "start": "webpack-dev-server --inline --content-base ."
  },
"depe]]></description><category></category></item><item><title><![CDATA[React—JSX转换成标准的JavaScript]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51333091</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51333091</guid><author>SunPrincess</author><pubDate>Fri, 06 May 2016 17:06:12 +0800</pubDate><description><![CDATA[React—JSX转换成标准的JavaScript什么是JSX？ 
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 
在 JavaScript 代码里写着 XML 格式的代码称为 JSX。 
例如：<script type="text/babel">
    React.render(
      <h1>这是一个JSX代码示例。</h1>,
      document.b]]></description><category></category></item><item><title><![CDATA[Mock.js 安装 及 使用demo]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51163263</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51163263</guid><author>SunPrincess</author><pubDate>Fri, 15 Apr 2016 17:16:12 +0800</pubDate><description><![CDATA[Mock.js 安装 及 使用demoMock.js官方网址： 
首页：http://mockjs.com/1、Mock.js下载安装
下载mock.js文件   
npm安装mock模块 
项目路径下执行命令： npm install mock
2、Mock.js 使用demo
文件结构，如图： 以下是文件代码：
index.html<!DOCTYPE html>
<html lang="en">]]></description><category></category></item><item><title><![CDATA[CSS3 伪类、伪元素节选]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51144004</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51144004</guid><author>SunPrincess</author><pubDate>Wed, 13 Apr 2016 15:54:19 +0800</pubDate><description><![CDATA[伪类：注意：伪类使用单冒号“:”
1、:target（目标伪类选择器）
实际用例：用于制作标签页。
#div1:target {
  display: block;
}



2、:disabled（UI元素状态伪类选择器）
:enabled

:checked

注意：HTML结构中要存在这种状态。


3、:not（否定伪类）


伪元素：注意：伪元素使用双]]></description><category></category></item><item><title><![CDATA[jade安装运行]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51136039</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51136039</guid><author>SunPrincess</author><pubDate>Tue, 12 Apr 2016 18:36:43 +0800</pubDate><description><![CDATA[安装jade前提条件：nodejs环境、npm（或 cnpm）
安装jade:
1、打开cmd命令行，执行命令： cnpm install –g jade




2、编写模板
创建文件 
jade.jade
doctype html
html
    head
        title 测试页面
    body
        h1 测试页面h1



3、编译模板]]></description><category></category></item><item><title><![CDATA[git 操作]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51098642</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51098642</guid><author>SunPrincess</author><pubDate>Fri, 08 Apr 2016 18:01:01 +0800</pubDate><description><![CDATA[git 批量删除
git rm * -r

注：cd
 到你要删除的目录下；
       * 可以换成指定目录（如果文件夹名称已替换或文件夹已删除，仍能正常删除）。


git 删除本地分支 branchX
1、切换至develop（非branchX分支）；
    git merge branchX  （把branchX分支上的记录拷贝合并到develop上）
    git]]></description><category></category></item><item><title><![CDATA[Win7下 gulp搭建 + gulp实时监测demo]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51096617</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51096617</guid><author>SunPrincess</author><pubDate>Fri, 08 Apr 2016 14:39:32 +0800</pubDate><description><![CDATA[gulp安装搭建
1.1、安装gulp条件：
node + npm（或 cnpm）


2.1、全局安装gulp（以此执行gulp任务）
2.1.1、打开dos命令行，执行命令：cnpm install gulp
（注：此命令不能带 -g）


2.1.2、查看是否安装成功，执行命令：gulp –v
（注：出现版本号即为安装成功）




2.2、创建package]]></description><category></category></item><item><title><![CDATA[mongoDB  window平台安装MongoDB]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51077156</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51077156</guid><author>SunPrincess</author><pubDate>Wed, 06 Apr 2016 18:08:31 +0800</pubDate><description><![CDATA[mongoDB下载地址：点击打开链接
MongoDB for Windows 64-bit 适合
 64 位的 Windows Server 2008 R2, Windows 7 , 及最新版本的 Window 系统。


安装过程：
点击Custom进行自定义安装；
点击Browser选择安装目录。（目录可任意）
创建数据目录：
MongoDB数据放在db目录下，且该目录应放置]]></description><category></category></item><item><title><![CDATA[git commit 过程中error或warning]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51064172</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51064172</guid><author>SunPrincess</author><pubDate>Tue, 05 Apr 2016 13:49:15 +0800</pubDate><description><![CDATA[1、 warning: LF will be replaced by CRLF
解决办法：$ git config [--gobal] core.autocrlf false原因：

CRLF -- Carriage-Return Line-Feed 回车换行。系统提示：LF 将被转换成 CRLF。

回车(CR, ASCII 13, \r)换行(LF, ASCII 10, \n)。
]]></description><category></category></item><item><title><![CDATA[多行文本溢出显示省略号]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51063316</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51063316</guid><author>SunPrincess</author><pubDate>Tue, 05 Apr 2016 11:19:11 +0800</pubDate><description><![CDATA[多行文本溢出显示省略号：
html:

    
        多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略
        多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略多行文本溢出显示省略
        多行文本溢出显]]></description><category></category></item><item><title><![CDATA[移动端js判断iPhone浏览器还是Android浏览器]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51036749</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51036749</guid><author>SunPrincess</author><pubDate>Fri, 01 Apr 2016 14:40:00 +0800</pubDate><description><![CDATA[js判断函数：
//检测是Android的浏览器 还是 iPhone的浏览器）
    function checkNavigator () {
        var u = navigator.userAgent;
        var android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;  //android终端或]]></description><category></category></item><item><title><![CDATA[fixed与flex配合使用]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/51036631</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/51036631</guid><author>SunPrincess</author><pubDate>Fri, 01 Apr 2016 14:25:31 +0800</pubDate><description><![CDATA[html

    
        ...something
        ...something
        ...something
    



less
.fixed {
    position: fixed;
    top: 0;
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/

    .conten]]></description><category></category></item><item><title><![CDATA[require JS入门 及 打包]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/50978943</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/50978943</guid><author>SunPrincess</author><pubDate>Fri, 25 Mar 2016 13:43:39 +0800</pubDate><description><![CDATA[require Js 入门
代码库结构示例：




其中部分文件代码及作用解析如下：
index.html：




    
    Title
    


    hi~


js/main.js:

js入口文件，其中设置基本参数，调用函数。
require.config({
    baseUrl: 'js',  /*相对于根路径的绝对路径，与main.js本]]></description><category></category></item><item><title><![CDATA[javascript 函数作用域 （VS Javascript 块级作用域）]]></title><link>https://blog.youkuaiyun.com/SunPrincess/article/details/50970052</link><guid>https://blog.youkuaiyun.com/SunPrincess/article/details/50970052</guid><author>SunPrincess</author><pubDate>Thu, 24 Mar 2016 11:12:16 +0800</pubDate><description><![CDATA[JavaScript 函数作用域

函数作用域定义的是函数定义的时候所处最近的上级函数上下文，而非调用的时候所处的函数环境。]]></description><category></category></item></channel></rss>