<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Annay_li的博客]]></title><description><![CDATA[不失野心 不悔于心！]]></description><link>https://blog.youkuaiyun.com/Annay_li</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Annay_li]]></copyright><item><title><![CDATA[移动web开发记录]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52401921</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52401921</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 17:28:34 +0800</pubDate><description><![CDATA[1.meta标签<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<!--第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；-->
<meta name="apple-mobile-web-app-capa]]></description><category></category></item><item><title><![CDATA[clearfix清楚浮动]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52401097</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52401097</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 16:40:28 +0800</pubDate><description><![CDATA[子节点设置了浮动，在父节点加class=”clearfix”类，以达到清楚浮动效果（推荐） 
clearfix定义如下： 
.clearfix:after{visibility:hidden;display:block;font-size:0;content: ” “;clear:both;height:0;} 
.clearfix{*zoom:1;}参考：http://blog.sina.com.]]></description><category></category></item><item><title><![CDATA[flexbox弹性布局]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52400950</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52400950</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 16:29:02 +0800</pubDate><description><![CDATA[详细教程1：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 
详细教程2：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html]]></description><category></category></item><item><title><![CDATA[不定宽高的水平和竖直同时居中]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52400769</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52400769</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 16:16:23 +0800</pubDate><description><![CDATA[.box{position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        ,,,
        }]]></description><category></category></item><item><title><![CDATA[移动前端-viewport]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52400408</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52400408</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 15:49:38 +0800</pubDate><description><![CDATA[1.像素知识 
px：逻辑像素，浏览器使用的抽象单位 
dp和pt:物理像素,设备无关像素 
dpr：设备像素缩放比 
  计算公式：1px=  (dpr）2 dp 
 2.深入理解viewport 
 详见：http://www.cnblogs.com/2050/p/3877280.html]]></description><category></category></item><item><title><![CDATA[针对IE6兼容png]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52396545</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52396545</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 09:55:46 +0800</pubDate><description><![CDATA[1.新建名为dd_belatedpng_0.0.8a-min.js的js文件 
js文件代码（已编译好的代码）：/**
* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
* Author: Drew Diller
* Email: drew.diller@gmail.com]]></description><category></category></item><item><title><![CDATA[兼容html5]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52396160</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52396160</guid><author>Annay_li</author><pubDate>Thu, 01 Sep 2016 09:13:39 +0800</pubDate><description><![CDATA[<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]--> 
注意：以上代码是一个注释，作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件，并解析它。]]></description><category></category></item><item><title><![CDATA[内容定位导航js（移动端)]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52387624</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52387624</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 18:21:08 +0800</pubDate><description><![CDATA[var myexports={};myexports.init = function(){
    myexports.moreTxt();//调用
}myexports.moreTxt = function(){var subject =$('#j_subject');
    var navigation = $('#j_nav');           //导航
    var nav = s]]></description><category></category></item><item><title><![CDATA[js对象写法]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52387267</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52387267</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 17:39:26 +0800</pubDate><description><![CDATA[var myexports={};  //创建对象myexports.init = function(){
  myexports.moreTxt();//调用函数
  }；          myexports.moreTxt = function(){
                      //定义函数并写函数$(function() {
    myexports.init();]]></description><category></category></item><item><title><![CDATA[jquery插件]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52385838</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52385838</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 15:48:05 +0800</pubDate><description><![CDATA[1.stickUp 
一个内容定位导航，固定在页面的某一位置，不随页面滚动而滚动， 
下载：stickUp 
2.jquery.jcountdown.js（倒计时插件） 
3.lyz.delayLoading.js（图片延时加载插件） 
其他详见jquery插件库:http://www.jq22.com/]]></description><category></category></item><item><title><![CDATA[IE6双边距bug及其解决办法]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52385397</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52385397</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 15:13:42 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body,div{
 margin:0;
 padding:0;
}
#div1{
    width:200px;
 he]]></description><category></category></item><item><title><![CDATA[前端工作心得]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52384720</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52384720</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 14:28:42 +0800</pubDate><description><![CDATA[1.首先要把页面布局理解清楚再动手，确定哪里是需要切图，哪里是需要用代码编写的，同时注意能用代码编写的地方不要懒省事去切图。 
2.在写代码的时候要确定好类名，类名要语义化，同时在写代码的时候随时随地格式化自己的代码，一个板块写好把代码折叠起来，免得满屏代码，看的头晕。 
3.在编写代码的时候大写英文字母尽可能的小写 
4.在布局的时候尽量不要设置高度，除非必须，要设置宽度值，用内容把div撑开]]></description><category></category></item><item><title><![CDATA[sublime3快捷键汇总]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52384296</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52384296</guid><author>Annay_li</author><pubDate>Wed, 31 Aug 2016 13:57:56 +0800</pubDate><description><![CDATA[Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。 
Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。 
Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。 
Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。 
Ctrl+S]]></description><category></category></item><item><title><![CDATA[二级导航菜单栏]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327926</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327926</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 14:14:06 +0800</pubDate><description><![CDATA[html:<div id="nav">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Portfolio</a>
<ul>
<li><a href="#">Web</a></li>
<li><a href="#">Print</a></li>
<li]]></description><category></category></item><item><title><![CDATA[鼠标放上去盒子向上滑动]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327873</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327873</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 14:09:44 +0800</pubDate><description><![CDATA[html:    <div class="box clearfix">
       <div class="box1"></div>
       <div class="box2"></div>
    </div>css(引入重置文件后的车css):.box{height: 500px;width: 500px;background-color: pink;}
.box1,.box2{widt]]></description><category></category></item><item><title><![CDATA[鼠标放图片上，原图上划上去一个透明图片]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327835</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327835</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 14:06:39 +0800</pubDate><description><![CDATA[html: <div class="box">
       <div class="box1"></div>
       <div class="box2"></div>
    </div>css（引入重置文件后的css):.box{height: 100px;width: 200px;background-color: pink;position:relative;overflow-y:hi]]></description><category></category></item><item><title><![CDATA[选项卡切换]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327785</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327785</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 14:01:51 +0800</pubDate><description><![CDATA[html代码：<div class="box clearfix">
        <div class="box1">
           <ul>
                <li class="on"><a href="">按钮一</a></li>
                <li><a href="">按钮二</a></li>
                <li><a hr]]></description><category></category></item><item><title><![CDATA[图片轮播]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327689</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327689</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 13:52:11 +0800</pubDate><description><![CDATA[html  <div id="wrapper"><!-- 最外层部分 -->
    <div id="banner"><!-- 轮播部分 -->
      <ul class="imgList"><!-- 图片部分 -->
      <li><a href="#"><img src="./img/test1.jpg" width="400px" height="200px" alt="puss]]></description><category></category></item><item><title><![CDATA[内容在页面中位置导航]]></title><link>https://blog.youkuaiyun.com/Annay_li/article/details/52327479</link><guid>https://blog.youkuaiyun.com/Annay_li/article/details/52327479</guid><author>Annay_li</author><pubDate>Fri, 26 Aug 2016 13:29:25 +0800</pubDate><description><![CDATA[html代码： <body>
     <div id="j_subject">  
       <!-- 头部/上一部分 -->
      <div class="nav">nav</div>
      <!-- 头部/上一部分结束 -->      <!-- 版块 -->
       <div class="box1 cont-box">第一部分</div>
       <div cl]]></description><category></category></item></channel></rss>