<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Kilitou的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Kilitou</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Kilitou]]></copyright><item><title><![CDATA[BOM和DOM]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90744807</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90744807</guid><author>Kilitou</author><pubDate>Sun, 02 Jun 2019 22:43:15 +0800</pubDate><description><![CDATA[一、BOM对象
BOM是browser object model的缩写，简称浏览器对象模型。
通过BOM我们可以学到与浏览器窗口交互的一些对象，可以移动，调整浏览器大小的window对象，可以用
于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与
screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames...]]></description><category></category></item><item><title><![CDATA[JSMath和Date]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90744109</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90744109</guid><author>Kilitou</author><pubDate>Sun, 02 Jun 2019 21:51:34 +0800</pubDate><description><![CDATA[一、Math对象
Math 对象用于执行数学任务。
Math对象的常用函数：
Math.round(3.6) 			//四舍五入
random() 					//返回0-1之间的随机数
max(num1, num2) 			//返回较大的数
min(num1, num2) 			//返回较小的数
abs(num) 					//绝对值
ceil(19.3) 					//向上取整“20”
floo...]]></description><category></category></item><item><title><![CDATA[JSES5-STRING]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90675734</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90675734</guid><author>Kilitou</author><pubDate>Wed, 29 May 2019 17:55:49 +0800</pubDate><description><![CDATA[一、严格模式
HTML_严格模式与混杂模式
Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实点，他们
创建了两种呈现模式：标准模式和混杂模式
在标准模式中，又称严格模式，是指浏览器按照 W3C 标准解析代码
在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老...]]></description><category></category></item><item><title><![CDATA[JS数组]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90636184</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90636184</guid><author>Kilitou</author><pubDate>Tue, 28 May 2019 11:32:47 +0800</pubDate><description><![CDATA[一丶数组概念及定义
1.一个变量只能存储一个数据，如果我们有一组数据，比如1到100一百个数字，定义100个变量来
存储就太痛苦了，这时候我们就需要数组来存储这样的数据。
数组的定义：
var arr1 = new Array(7); //定义了一个7个元素的数组，没有给元素赋值；
var arr2 = new Array(7,9); //定义了一个2个元素的数组，两个元素的值分别是7和9
var...]]></description><category></category></item><item><title><![CDATA[JS函数]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90583121</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90583121</guid><author>Kilitou</author><pubDate>Mon, 27 May 2019 00:04:56 +0800</pubDate><description><![CDATA[一、函数的概念
函数的概念：
函数就是把完成特定功能的一段代码抽象出来，使之成为程序中的一个独立实体，起个名字（函数名）。可以在同一个
程序或其他程序中多次重复使用（通过函数名调用）。
注：编写好的函数代码只有通过调用才会执行，不调用的时候不会执行。
函数的作用（好处）：
1，使程序变得更简短而清晰
2，有利于程序维护
3，可以提高程序开发的效率 ,
4，提高了代码的重用性(复用性)
二、函数语法...]]></description><category></category></item><item><title><![CDATA[JS循环语句]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90582499</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90582499</guid><author>Kilitou</author><pubDate>Sun, 26 May 2019 23:19:35 +0800</pubDate><description><![CDATA[一、循环的概念
循环就是重复执行一段代码，是一种最能发挥计算机优势的程序结构。
循环结构的代码由循环体、循环变量、和循环条件组成。当循环变量满足循环条件时会重复执行循环体内的代码，直到循环变量不满足循环条件时就终止循环，接着执行循环结构后的代码。
JS中有while、do while、for三种循环。
while(表达式){
循环体;
}

二、while语句
语法:
while(表达式){
循环...]]></description><category></category></item><item><title><![CDATA[JS逻辑分支]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90582345</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90582345</guid><author>Kilitou</author><pubDate>Sun, 26 May 2019 23:05:51 +0800</pubDate><description><![CDATA[一、分支语句介绍
1.逻辑分支（条件分支）
程序设计的结构
顺序结构：从上朝下执行的代码就是顺序
选择（分支）结构：根据不同的情况，执行对应代码
循环结构：重复做一件事情
除顺序结构外，其余两种程序结构由流程控制语句实现。
选择（分支）结构的程序由条件分支语句实现。
二、if语句
1.条件分支语句IF
语法：
if（表达式）{
值为真执行这里代码（分支一）
}else{
值为假执行这里代码（分支二...]]></description><category></category></item><item><title><![CDATA[JS基本语法]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90401330</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90401330</guid><author>Kilitou</author><pubDate>Tue, 21 May 2019 10:09:18 +0800</pubDate><description><![CDATA[Script标签]]></description><category></category></item><item><title><![CDATA[转义字符表]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90400102</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90400102</guid><author>Kilitou</author><pubDate>Tue, 21 May 2019 09:16:36 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[css3背景切割，原点，渐变]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90400063</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90400063</guid><author>Kilitou</author><pubDate>Tue, 21 May 2019 09:14:43 +0800</pubDate><description><![CDATA[一、css3背景切割
语法：background-clip:border-box|padding-box|content-box;
border-box  默认值，背景在border以及border以内的区域可见
padding-box   背景在padding区域和content区域可见
content-box   背景只在content区域可见
注：background-clip就是用来设置背...]]></description><category></category></item><item><title><![CDATA[css3动画]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90399800</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90399800</guid><author>Kilitou</author><pubDate>Tue, 21 May 2019 08:58:05 +0800</pubDate><description><![CDATA[一、css3过渡动画
语法： transition:过渡属性 过渡时间 过渡延迟时间 过渡方式;
1.transition-property(过渡属性)
取值：
a) all  所有发生变化的css属性都添加过渡
eg:  transition:all 1s;
b) ident   指定发生过渡的css属性列表
eg:  transition: transform 3s,background 2s...]]></description><category></category></item><item><title><![CDATA[css3变形基础]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90384173</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90384173</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 23:01:39 +0800</pubDate><description><![CDATA[一、css3变形
语法：transform:rotate(旋转)|scale(缩放)|skew(倾斜)|translate(位移);
1.rotate(旋转)
a) rotateX(180deg)  沿x轴旋转180度  等价于  rotate3d(1,0,0,180deg)
b) rotateY(180deg)  沿y轴旋转180度  等价于  rotate3d(0,1,0,180deg)
c)...]]></description><category></category></item><item><title><![CDATA[css3移动端布局]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90384160</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90384160</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 23:00:18 +0800</pubDate><description><![CDATA[一、移动端相关概念
1.屏幕尺寸
屏幕尺寸是指屏幕对角线的长度，单位为英寸，1英寸=2.54厘米
常见移动端设备屏幕尺寸
iphone4           3.5英寸
iphone6,6s,7,8    4.7英寸
iphone6,7,8plus   5.5英寸
2.屏幕分辨率
屏幕分辨率是指横纵方向上的像素点数，单位为px，1px=1个像素点
常见移动端设备屏幕分辨率
iphone6,6s,7...]]></description><category></category></item><item><title><![CDATA[css3弹性布局]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90384140</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90384140</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 22:58:50 +0800</pubDate><description><![CDATA[一、多列布局(分栏布局)
1.设置栏数(最大栏数)
语法：column-count:数值;
2.设置每栏的宽度(每栏最小宽度)
语法：column-width:数值+单位;
3.设置栏间距
语法：column-gap:数值+单位;
4.设置栏分隔线
语法：column-rule:宽度  solid|dashed|dotted  颜色;
5.设置是否跨栏显示
语法：column-span:all(是...]]></description><category></category></item><item><title><![CDATA[C3选择器]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369519</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369519</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:49:28 +0800</pubDate><description><![CDATA[一、基本选择器
1.通用选择器(通配符)
*{margin:0; padding:0;}
2.标签选择器(元素选择符)
a{text-decoration:none;}
3.id选择器
#box{color:red;}
4.class选择器
.footer{color:blue;}
5.群组选择器
h1,h2,h3,h4,h5,h6{font-weight:100;}
二、层次选择器(关系选择器)...]]></description><category></category></item><item><title><![CDATA[seo优化]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369413</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369413</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:44:15 +0800</pubDate><description><![CDATA[一、seo优化
● 站内优化
1.页面主题优化
通过title标签添加一个合理真实的网站标题
2.页面头部优化
通过meta标签设置关键词和描述
   关键词
  描述
3.超链接优化
a) 尽量避免使用flash做超链接，搜索引擎无法识别flash上的文字内容
b) 给a标签添加title属性
c) 尽量避免使用图片热点链接
4.图片优化
给img标签添加title和alt属性
5.网站地图(网...]]></description><category></category></item><item><title><![CDATA[h5新增标签和表单属性]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369398</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369398</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:43:21 +0800</pubDate><description><![CDATA[一、h5新增结构性标签(有意义的div)
1.header  定义网页的头部
2.nav     定义网页的导航部分
3.section  定义网页的某个区域
4.footer   定义网页的底部
5.article  定义网页的一篇文章
6.aside    定义网页的侧边栏
7.hgroup   将网页的标题进行组合
8.figure   将网页的元素进行组合
9.figcaption   给...]]></description><category></category></item><item><title><![CDATA[表单，表格高级及css统筹]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369320</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369320</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:39:19 +0800</pubDate><description><![CDATA[一、表单高级
表单的组成：表单域，表单控件，提示信息
表单域：&lt;form method="get|post" action="index.php"&gt;...&lt;/form&gt;
表单控件：
a) 文本框  
b) 密码框 
c) 提交按钮  
d) 重置按钮  
e) 单选按钮  
f) 复选按钮  
g) 普通按钮  
h) 下拉列表 a
i) 文本域   
提示信息： 放置在表...]]></description><category></category></item><item><title><![CDATA[DIV+CSS规范命名大全集合 - DIVCSS5]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369169</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369169</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:30:29 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[居中，圆角及图片整合]]></title><link>https://blog.youkuaiyun.com/Kilitou/article/details/90369120</link><guid>https://blog.youkuaiyun.com/Kilitou/article/details/90369120</guid><author>Kilitou</author><pubDate>Mon, 20 May 2019 09:27:10 +0800</pubDate><description><![CDATA[一、元素在屏幕窗口水平垂直都居中
1.定宽高(已知大小)的元素在屏幕窗口水平垂直都居中
语法：元素
{
	 width:数值+单位;
	 height:数值+单位;
	 position:fixed;
	 top:50%;
	 left:50%;
	 margin-left:-width/2+单位;
	 margin-top:-height/2+单位;
}

2.不定宽高(未知大小)的元素在屏幕窗...]]></description><category></category></item></channel></rss>