<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[chcfner的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/chcfner</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; chcfner]]></copyright><item><title><![CDATA[CSS3]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79562893</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79562893</guid><author>chcfner</author><pubDate>Thu, 15 Mar 2018 08:54:04 +0800</pubDate><description><![CDATA[css3现状    浏览器支持程度差，需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待：坚持渐进增强的原则；考虑用户群体遵照产品的方案听boss的选择器： 属性选择器伪类选择器伪元素选择器...]]></description><category></category></item><item><title><![CDATA[常用的jquery选择器]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79504891</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79504891</guid><author>chcfner</author><pubDate>Sat, 10 Mar 2018 08:50:53 +0800</pubDate><description><![CDATA[jquery中的选择器：基本选择器：var box = $(&quot;box&quot;);    2.层级选择器：var li = $(&quot;ul li&quot;);//后代选择器；
var li = $(&quot;ul &amp;gt; li&quot;);//子代选择器；    3.基本过滤选择器：var li = $(&quot;ul li: odd&quot;);//利用过滤选择器选取每个带有奇数 index 值的元素（比如 1、3、5）;
var li = $...]]></description><category></category></item><item><title><![CDATA[jquery中的DOM对象和js中的DOM对象的相互转化]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79498820</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79498820</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 16:04:49 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
    ]]></description><category></category></item><item><title><![CDATA[jquery中的DOM对象和j's中的DOM对象的区别]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79498446</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79498446</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 15:46:46 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head lang=&quot;en&quot;&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
    &amp;lt;script src=&quot;jquery-1.11.1.js&quot;&amp;gt;&amp;l]]></description><category></category></item><item><title><![CDATA[jquery和$的区别]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79498390</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79498390</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 15:43:27 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head lang=&quot;en&quot;&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
    &amp;lt;script src=&quot;jquery-1.11.1.js&quot;&amp;gt;&amp;l]]></description><category></category></item><item><title><![CDATA[关于jquery的特点和入口函数]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79497103</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79497103</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 15:41:19 +0800</pubDate><description><![CDATA[jquery的链式编程：$(&quot;.box&quot;).show(1000).html(&quot;Tomorrow is Autumn!&quot;);隐式迭代是指不需要for循环来迭代元素。jquery的版本：1.x版本；2.x版本，不再支持ie6、7、8；同版本两个文件的区别：min:压缩版，压缩过后体积会更小；压缩指的是：把注释、空格、换行全部去掉，把变量名称尽可能的换成更加简短的字符；压缩的目的：就是让文件变得更小；使...]]></description><category></category></item><item><title><![CDATA[简单模拟jquery获取节点元素封装]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79494535</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79494535</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 10:58:14 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head lang=&quot;en&quot;&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
    &amp;lt;style&amp;gt;
        div {
            width: 100px;]]></description><category></category></item><item><title><![CDATA[倒计时案例]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79492993</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79492993</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 09:35:00 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
    ]]></description><category></category></item><item><title><![CDATA[javascript获取日期制作简单日历]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79492676</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79492676</guid><author>chcfner</author><pubDate>Fri, 09 Mar 2018 09:10:12 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
    ]]></description><category></category></item><item><title><![CDATA[媒体查询使用方法@media]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79466673</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79466673</guid><author>chcfner</author><pubDate>Wed, 07 Mar 2018 09:40:05 +0800</pubDate><description><![CDATA[Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型...]]></description><category></category></item><item><title><![CDATA[2017年前端面试题摘录]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79466621</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79466621</guid><author>chcfner</author><pubDate>Wed, 07 Mar 2018 09:36:45 +0800</pubDate><description><![CDATA[原文地址1：https://zhuanlan.zhihu.com/p/25424194原文地址2：https://www.zhihu.com/search?type=content&amp;amp;q=%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98原文地址3：https://zhuanlan.zhihu.com/p/29445723原文地址4：https://z...]]></description><category></category></item><item><title><![CDATA[CSS3的rem设置字体大小]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79466371</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79466371</guid><author>chcfner</author><pubDate>Wed, 07 Mar 2018 09:19:53 +0800</pubDate><description><![CDATA[在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用...]]></description><category></category></item><item><title><![CDATA[CSS中强大的EM]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79463979</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79463979</guid><author>chcfner</author><pubDate>Wed, 07 Mar 2018 08:47:57 +0800</pubDate><description><![CDATA[使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“e...]]></description><category></category></item><item><title><![CDATA[关于XMLHttpRequest的readyState属性的五个状态]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79445542</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79445542</guid><author>chcfner</author><pubDate>Mon, 05 Mar 2018 14:37:29 +0800</pubDate><description><![CDATA[昨天做了一个利用ajax实现页面无刷新的从服务器端获得时间的例子，当时对于xmlhttprequest对象的readystate的后三个状态不是很清楚，想了半天，也不明白！后面在程序的不同地方中用alert(xmlhttp.readystate)查看readystate值的变化，并且请教朋友之后，才弄明白其中的几个问题：创建xmlhttprequest对象之后没有调用open之前readystat...]]></description><category></category></item><item><title><![CDATA[Ajax和json]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79441644</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79441644</guid><author>chcfner</author><pubDate>Mon, 05 Mar 2018 08:52:44 +0800</pubDate><description><![CDATA[Ajax与Json数据Ajax,一种请求数据的方式，不需要刷新整个页面。ajax的技术核心是XMLHttpRequest对象；ajax请求过程：创建XMLHttpRequest对象、连接服务器、发送请求、接受响应数据。JS原生XMLHttpRequest对象...]]></description><category></category></item><item><title><![CDATA[js实现拖拽案例]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79439711</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79439711</guid><author>chcfner</author><pubDate>Sun, 04 Mar 2018 21:10:52 +0800</pubDate><description><![CDATA[拽案例,效果如下：代码如下：&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;
&amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en...]]></description><category></category></item><item><title><![CDATA[JavaScript事件]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79438297</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79438297</guid><author>chcfner</author><pubDate>Sun, 04 Mar 2018 20:05:36 +0800</pubDate><description><![CDATA[1.什么是事件事件是可以被JavaScript侦测到的行为。2.事件的三个阶段DOM2.0模型将事件处理流程分为三个阶段：事件捕获阶段；事件目标阶段；事件冒泡阶段。事件捕获：当某个元素触发某个事件时（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的。事件目标：当到达目...]]></description><category></category></item><item><title><![CDATA[正则表达式的应用——简单的表单验证]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79436462</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79436462</guid><author>chcfner</author><pubDate>Sun, 04 Mar 2018 15:25:24 +0800</pubDate><description><![CDATA[利用正则表达式和简单的方法封装，简单制作的表单验证。效果图如下：简单的html和css部分代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=]]></description><category></category></item><item><title><![CDATA[正则边界 和 量词]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79429735</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79429735</guid><author>chcfner</author><pubDate>Sat, 03 Mar 2018 14:45:41 +0800</pubDate><description><![CDATA[正则表达式有一些普通字符和元字符组成，普通字符就是字母和数字，元字符具有特殊意义的字符,常用于表单验证正则边界（重点）^会匹配行或者字符串的起始位置注意：^在[]中才表示非！这里表示开始;$会匹配行或字符串的结尾位置^$在一起，表示必须是这个（精确匹配）console.log(/^abc$/.test(&quot;abc&quot;));      //true;
console.log(/^abc$/.test(&quot;...]]></description><category></category></item><item><title><![CDATA[正则表达式RegExp——表单验证]]></title><link>https://blog.youkuaiyun.com/chcfner/article/details/79425536</link><guid>https://blog.youkuaiyun.com/chcfner/article/details/79425536</guid><author>chcfner</author><pubDate>Sat, 03 Mar 2018 10:42:38 +0800</pubDate><description><![CDATA[正则表达式（英语：Regular Expression），一般用于表单验证。正则的定义：1内置对象法；2.字面量;1.对象定义法：var reg1 = new RegExp(/abc/);2.字面量：var reg2 = /def/;test()方法：正则对象方法，检测测试字符串是否符合规范，返回true或false,参数（测试字符串）；使用语法：Boolean = 表达式.test(&quot;要验证的内...]]></description><category></category></item></channel></rss>