<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[郭晓湉]]></title><description><![CDATA[我的个人博客->   http://xtian.me   ]]></description><link>https://blog.youkuaiyun.com/XTQueen_up</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; XTQueen_up]]></copyright><item><title><![CDATA[验证码刷新]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/78057383</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/78057383</guid><author>XTQueen_up</author><pubDate>Thu, 21 Sep 2017 21:54:43 +0800</pubDate><description><![CDATA[<label class="focusa">看不清？<a href="#" onclick="reImg();" class="c-blue">换一张</a></label>   
function reImg(){  
$("#code").attr("src", 'http://192.168.1.238:9501/api/captcha'+ "?v=" + new Date().getTime]]></description><category></category></item><item><title><![CDATA[模拟复选框]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/77718973</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/77718973</guid><author>XTQueen_up</author><pubDate>Wed, 30 Aug 2017 17:00:36 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">label {
    background-color: #fafafa;
    border: 1px dashed #cacece;
    box-shadow: 0 1px 2px silver;
    padding: 9px;]]></description><category></category></item><item><title><![CDATA[iOS系统及微信中不支持audio自动播放问题]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/77649533</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/77649533</guid><author>XTQueen_up</author><pubDate>Mon, 28 Aug 2017 15:45:31 +0800</pubDate><description><![CDATA[<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
<script> 
     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以 
     document.getElementById('idName').play(); 
    //微信必须加入Weixin JSAPI的Weixi]]></description><category></category></item><item><title><![CDATA[JS倒计时demo]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/77524787</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/77524787</guid><author>XTQueen_up</author><pubDate>Thu, 24 Aug 2017 10:14:11 +0800</pubDate><description><![CDATA[图片显示倒计时效果  
也可以用animation动画效果去写 只要把动画时间修改成3s即可<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>倒计时demo</title>
  </head>
  <body>
    <div id="countDown" class="">
      <img src="]]></description><category></category></item><item><title><![CDATA[jquery tablesorter表格排序插件的使用]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/76186708</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/76186708</guid><author>XTQueen_up</author><pubDate>Thu, 27 Jul 2017 13:58:10 +0800</pubDate><description><![CDATA[1、引入两个js文件
jquery-2.1.1.min.js  
jquery.tablesorter.js
  2、在js写上 $(“#表id”).tablesorter();即可将表的所有字段进行排序
假设我不需要点击“序号”进行排序，使用如下方法：$.tablesorter.defaults.headers = {0: {sorter: false}};同理假设我不需要点击“序号”和“组别”进]]></description><category></category></item><item><title><![CDATA[jOrgChart树形图插件]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/76145558</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/76145558</guid><author>XTQueen_up</author><pubDate>Wed, 26 Jul 2017 14:06:11 +0800</pubDate><description><![CDATA[项目要做组织架构图，要把它做成自上而下的树形结构。 
一、说明（1）通过后台查询数据库，生成树形数组结构，返回到前台。（2）需要引入的js插件和css文件：　　①jquery.jOrgChart.css　　②jquery.min.js　　③jquery.jOrgChart.js（3）使用jOrgChart插件，根据返回的数据将其子节点加入到相应的<li></li>中。首先，我们的数据表应该要有 id]]></description><category></category></item><item><title><![CDATA[ajax实例]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/76037736</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/76037736</guid><author>XTQueen_up</author><pubDate>Mon, 24 Jul 2017 20:30:19 +0800</pubDate><description><![CDATA[function lists() {  
whereInfo.uid= params["uid"]
get(apistore.AD_GEREN, whereInfo, function (r) {
      if (r.code == 0 && r.data.length > 0) {
             var str = "";          
                $.e]]></description><category></category></item><item><title><![CDATA[二级菜单-读取json二维数组实例]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/75674896</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/75674896</guid><author>XTQueen_up</author><pubDate>Fri, 21 Jul 2017 21:03:18 +0800</pubDate><description><![CDATA[var carClass = [    {        "id":0,        "name":"微型车"    },{        "id":1,        "name":"小型车"    },{        "id":2,        "name":"紧凑车"    },{        "id":3,        "name":"中型车"    },{        "id]]></description><category></category></item><item><title><![CDATA[兼容IE]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/74555121</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/74555121</guid><author>XTQueen_up</author><pubDate>Thu, 06 Jul 2017 15:30:52 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[html头部底部如何加载]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/74391597</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/74391597</guid><author>XTQueen_up</author><pubDate>Wed, 05 Jul 2017 11:17:16 +0800</pubDate><description><![CDATA[html头部底部如何加载我们可以尝试iframe无边框 （但是这种方法很笨 并不建议）<iframe style="min-width:1200px" hspeace= "0" vspace= "0"  runat="server" src="foot.html" width="100%" height="90" frameborder="no" border="0"marginwidth="0"]]></description><category></category></item><item><title><![CDATA[iframe透明无边框]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/73868918</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/73868918</guid><author>XTQueen_up</author><pubDate>Thu, 29 Jun 2017 10:10:46 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Mac下sublime2 package control快捷安装]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/58594087</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/58594087</guid><author>XTQueen_up</author><pubDate>Tue, 28 Feb 2017 14:00:31 +0800</pubDate><description><![CDATA[1.按住ctrl+~，弹出的控制台中输入如下代码，windows和mac下都一样，装完以后必须重启sublime生效import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp)]]></description><category></category></item><item><title><![CDATA[响应式设计中的HTML5]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/51954455</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/51954455</guid><author>XTQueen_up</author><pubDate>Tue, 19 Jul 2016 11:41:52 +0800</pubDate><description><![CDATA[响应式设计的“移动优先”思想使它很适宜采纳最简洁、最有效和最具语义的代码。本次内容：
HTML5的哪些部分我们现在就能用？
如何编写HTML5网页
HTML5的精简之道
HTML5中的废弃零件
HTML5中的全新语义化元素
嵌入媒体
可响应的HTML5t iFrame视频
让网站支持离线使用
如何编写HTML5网页打开一个已有的网页。你可能会看到文件开头有这样几行代码：<!DOCTYPE html]]></description><category></category></item><item><title><![CDATA[弹性图片]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/51954261</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/51954261</guid><author>XTQueen_up</author><pubDate>Tue, 19 Jul 2016 11:25:55 +0800</pubDate><description><![CDATA[在现代浏览器中要实现图片随着流动布局相应缩放非常的简单，只需要在CSS中作如下声明：img{ max-width:100% }这样就可以使图片自动缩放到与其容器100%匹配。更进一步，可以将同样的样式应用到其他标签上。如：img,object,video,embed{ max-width:100% }这样多媒体元素都可以自动缩放了，使用这种方法有几个需要斟酌的问题。第一，要提前准备一张足够大的图片，]]></description><category></category></item><item><title><![CDATA[用em替换px]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/51939723</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/51939723</guid><author>XTQueen_up</author><pubDate>Mon, 18 Jul 2016 10:20:36 +0800</pubDate><description><![CDATA[过去的几年里，网页设计师使用em替代px主要是为了文字缩放。因为老板本的Internet Explorer无法缩放像素单位的文字。不过现在浏览器很久以前就支持缩放以像素为单位的文字了。那用em替换px还有什么必要性或优越性呢？有亮点显而易见的理由： 
一是那些使用IE6的用户也将能够缩放文字; 
二是这样做可以使我们设计师和开发者的生活更简单。em的实际大小是相对于其上下文的字体大小而言的。如果我们]]></description><category></category></item><item><title><![CDATA[移动端注意事项]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/51791461</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/51791461</guid><author>XTQueen_up</author><pubDate>Thu, 30 Jun 2016 16:33:15 +0800</pubDate><description><![CDATA[移动端注意事项移动端，需要注意的比较多，但也方便了前端工作，因为不用考虑兼容。一、手机页面的标准头规范
字符编码使用utf-8：指定页面手机内存缓存中的存储时间段
device-width：通知浏览器使用设备的宽度作为可视区的宽度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
为移动]]></description><category></category></item><item><title><![CDATA[JS遍历数组]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/47999349</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/47999349</guid><author>XTQueen_up</author><pubDate>Wed, 26 Aug 2015 10:15:02 +0800</pubDate><description><![CDATA[无标题文档    中国职业信用管理平台       人社部    公安部       教育部     商务部       国家公务员局     中国国家人才网       深圳新闻网     全国行业信用公共服务平台       -->]]></description><category></category></item><item><title><![CDATA[九宫格写法]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/47806781</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/47806781</guid><author>XTQueen_up</author><pubDate>Thu, 20 Aug 2015 13:48:32 +0800</pubDate><description><![CDATA[无标题文档 
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .box {
            padding: 5px 0 0 5px;
            background-color: blue;
            overflow: hidden]]></description><category></category></item><item><title><![CDATA[jQuery 获取 table 行数]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/46988105</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/46988105</guid><author>XTQueen_up</author><pubDate>Tue, 21 Jul 2015 16:30:58 +0800</pubDate><description><![CDATA[//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列]]></description><category></category></item><item><title><![CDATA[定位到最底部]]></title><link>https://blog.youkuaiyun.com/XTQueen_up/article/details/46639643</link><guid>https://blog.youkuaiyun.com/XTQueen_up/article/details/46639643</guid><author>XTQueen_up</author><pubDate>Thu, 25 Jun 2015 18:33:55 +0800</pubDate><description><![CDATA[底部的文字相对于 body 容器定位  body { position: relative; }  .footer { position: absolute; bottom: 0px; left: 50%; margin-left: -footer容器宽度的一半px(比如-200px;) }0000w1234131]]></description><category></category></item></channel></rss>