<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zhy0509的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/zhy0509</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zhy0509]]></copyright><item><title><![CDATA[用CSS写各种简单图形]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/84966821</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/84966821</guid><author>zhy0509</author><pubDate>Wed, 12 Dec 2018 13:40:58 +0800</pubDate><description><![CDATA[1、正方形

最终效果：



CSS代码如下：


#square {
    width: 100px;
    height: 100px;
    background: red;
}
 

 

2、长方形

最终效果：



CSS代码如下：


#rectangle {
    width: 200px;
    height: 100px;
    background: red;...]]></description><category></category></item><item><title><![CDATA[前端开发者一定要会的知识点4]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81953732</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81953732</guid><author>zhy0509</author><pubDate>Thu, 23 Aug 2018 11:41:24 +0800</pubDate><description><![CDATA[**[&quot;1&quot;, &quot;2&quot;, &quot;3&quot;].map(parseInt) 答案是多少？

parseInt() 函数能解析一个字符串，并返回一个整数，需要两个参数 (val, radix)，其中 radix 表示要解析的数字的基数。【该值介于 2 ~ 36 之间，并且字符

串中的数字不能大于radix才能正确返回数字结果值】;

但此处 map 传了 3 个 (element, index, array)...]]></description><category></category></item><item><title><![CDATA[前端开发者一定要会的知识点3]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81953632</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81953632</guid><author>zhy0509</author><pubDate>Thu, 23 Aug 2018 10:27:08 +0800</pubDate><description><![CDATA[**介绍JS基本的数据类型

Undefined、Null、Boolean、Number、String、

ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 )

**介绍JS有哪些内置对象？

Object 是 JavaScript 中所有对象的父对象

 数据封装类对象：Object、Array、Boolean、Number 和 String

 其他对象：...]]></description><category></category></item><item><title><![CDATA[前端开发者一定要会的知识点2]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81949107</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81949107</guid><author>zhy0509</author><pubDate>Wed, 22 Aug 2018 23:29:59 +0800</pubDate><description><![CDATA[CSS

**介绍一下标准的CSS盒子模型？低版本IE的盒子模型有什么不同的？

（1）有两种，IE盒子模型、W3C盒子模型；

（2）盒模型：内容（content）、填充（padding）、边界（margin）、边框（boeder）

（3）区别：IE的content部分把border和padding计算了进去；

**CSS选择符有哪些？哪些属性可以继承？

 

（1）选择符

id选择器（...]]></description><category></category></item><item><title><![CDATA[前端开发者一定要会的知识点1]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81945045</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81945045</guid><author>zhy0509</author><pubDate>Wed, 22 Aug 2018 18:26:25 +0800</pubDate><description><![CDATA[HTML

**Doctype的作用？标准模式与兼容模式各有什么区别？

（1）&amp;lt;!DOCTYPE&amp;gt;声明位于HTML文档的第一行，处于&amp;lt;html&amp;gt;标签之前。告知解析浏览器的解析器用什么文档标准解析这个文档，DOCTYPE不存在或格式不存在会导致文档以兼容模式呈现。

（2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式...]]></description><category></category></item><item><title><![CDATA[JavaScript之隐式类型转换]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81510310</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81510310</guid><author>zhy0509</author><pubDate>Sat, 11 Aug 2018 13:42:28 +0800</pubDate><description><![CDATA[JavaScript的数据类型非常弱，在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算，是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的，如下是数值类型和布尔类型的相加：


3 + true; // 结果：4

结果是一个数值型！如果是在C或者Java环境的话，上面的运算会因为运算符两边的数据类型不...]]></description><category></category></item><item><title><![CDATA[JavaScript之基础面试题]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81510282</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81510282</guid><author>zhy0509</author><pubDate>Sat, 11 Aug 2018 13:41:36 +0800</pubDate><description><![CDATA[1.javascript的typeof返回哪些数据类型

Ｏbject number function boolean underfind  string;

2.强制类型转换

强制（parseInt（），parseFloat（），number（），string（），Boolean（））
3.数组方法pop() push() unshift() shift()

Push()尾部添加 
	pop...]]></description><category></category></item><item><title><![CDATA[JavaScript之闭包]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81512190</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81512190</guid><author>zhy0509</author><pubDate>Thu, 09 Aug 2018 17:28:30 +0800</pubDate><description><![CDATA[1、变量作用域

要理解闭包，首先要理解javascript的特殊的变量作用域。

变量的作用域无非就两种：全局变量和局部变量。

javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。

注意点：在函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明的是一个全局变量！

2、如何从外部读取函数内部的局部变量？

出于...]]></description><category></category></item><item><title><![CDATA[CSS之清除浮动]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81508637</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81508637</guid><author>zhy0509</author><pubDate>Thu, 09 Aug 2018 16:49:27 +0800</pubDate><description><![CDATA[方法一（使用空标签带clear属性）

标签可以是div   br　hr

在浮动元素后使用一个空元素如&amp;lt;div class=&quot;clear&quot;&amp;gt;&amp;lt;/div&amp;gt;，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用&amp;lt;br class=&quot;clear&quot; /&amp;gt;或&amp;lt;hr class=&quot;clear&quot; /&amp;gt;来进行清理。
优点：简]]></description><category></category></item><item><title><![CDATA[CSS之基础面试题]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81508501</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81508501</guid><author>zhy0509</author><pubDate>Thu, 09 Aug 2018 13:10:55 +0800</pubDate><description><![CDATA[ 

1.简要说一下CSS的元素分类


块级元素：div,p,h1,form,ul,li;

行内元素 : span,a,label,input,img,strong,em;

2.CSS隐藏元素的几种方法


*——Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;

*——Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，...]]></description><category></category></item><item><title><![CDATA[CSS之居中方案（内联元素、块级元素）]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81506855</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81506855</guid><author>zhy0509</author><pubDate>Wed, 08 Aug 2018 14:16:22 +0800</pubDate><description><![CDATA[内联元素居中方案

水平居中设置：

1、行内元素

设置 text-align:center;

2、Flex布局

设置 display:flex;

         justify-content:center;（灵活运用，支持Chroime Firefox IE9+）

垂直元素居中：

1、父元素高度确定的单行文本（内联元素）：

设置 height=line-height;


.d...]]></description><category></category></item><item><title><![CDATA[HTML基础简答题]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81506647</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81506647</guid><author>zhy0509</author><pubDate>Wed, 08 Aug 2018 13:35:26 +0800</pubDate><description><![CDATA[

1.XHTML和HTML有什么区别


HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
*——XHTML 元素必须被正确地嵌套。
*——XHTML 元素必须被关闭。
*——标签名必须用小写字母。
*——XHTML 文档必须拥有根元素。

2.前端页面有哪三层构成，分别是什么?作用是什么?


结构层 Html 表示层 CSS 行为层 js;

3....]]></description><category></category></item><item><title><![CDATA[前端之HTTP、HTML和浏览器(1)]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81413402</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81413402</guid><author>zhy0509</author><pubDate>Mon, 06 Aug 2018 13:27:10 +0800</pubDate><description><![CDATA[1、http和https

https的SSL加密是在传输层实现的

（1）http,https基本概念

http:超文本传输协议，是互联网上应用最广的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP）用于从WWW服务器传输超文本到本地浏览器的传输协议，使浏览器更加高效，使网络传输减少。

https:是以安全为目标的HTTP通道，即HTTP的安全版，即HTTP下加入SSL层，HTT...]]></description><category></category></item><item><title><![CDATA[JS回文算法]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81392197</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81392197</guid><author>zhy0509</author><pubDate>Fri, 03 Aug 2018 18:14:08 +0800</pubDate><description><![CDATA[palindrome(回文)是指一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样。

如果给定的字符串是回文，返回true，反之，返回false。

注意:首先需要删除字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是不是回文。

1、先将字符串全部转换为小写

  str1 = str.toLowerCase(); 

2、删除所有非字母数字字符和下划线

   re...]]></description><category></category></item><item><title><![CDATA[JavaScript 综合运用开发老虎机游戏]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81385448</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81385448</guid><author>zhy0509</author><pubDate>Fri, 03 Aug 2018 12:57:18 +0800</pubDate><description><![CDATA[1、首先我们生成3个随机数，范围在1到3之间。分别用 slotOne、slotTwo、slotThree来存储着3个随机数。

Math.floor(Math.random() * (3 - 1 + 1)) + 1;

2、现在我们的老虎机每次生成3个随机数，我们得去检查随机数是否全部相等的情况。

如果全部相等，我们应该提示用户他们赢了，并返回中奖号码，否则我们应该返回null。

当这3个随机...]]></description><category></category></item><item><title><![CDATA[JavaScript 使用循环语句查找通讯录]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81384701</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81384701</guid><author>zhy0509</author><pubDate>Fri, 03 Aug 2018 11:37:56 +0800</pubDate><description><![CDATA[我们有一个联系人列表，里面存储着不同联系人的数组对象。

函数 lookUpProfile 有两个预定义参数：firstName值和prop属性 。

该函数应检查firstName是实际联系人的firstName，给定的属性（prop）是该联系人的属性。

如果firstName 值、prop 属性都存在，函数返回prop属性对应的值。

如果firstName 值不存在，返回 &quot;No such...]]></description><category></category></item><item><title><![CDATA[JSON.parse()和JSON.stringify()用法解析]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81382892</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81382892</guid><author>zhy0509</author><pubDate>Fri, 03 Aug 2018 10:52:54 +0800</pubDate><description><![CDATA[1、JSON.parse用于从一个字符串中解析出json对象

var str = '{&quot;name&quot;:&quot;zhanghaiyan&quot;,&quot;age&quot;:&quot;21&quot;}'

结果：

JSON.parse(str)

Object

age: &quot;21&quot;
	name: &quot;zhanghaiyan&quot;
	__proto__: Object
注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。

2、]]></description><category></category></item><item><title><![CDATA[JavaScript JSON集合操作]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81382145</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81382145</guid><author>zhy0509</author><pubDate>Fri, 03 Aug 2018 10:28:09 +0800</pubDate><description><![CDATA[有一个JSON对象，代表着你的专辑集。每一张专辑由一个唯一的id标识，并具有多种属性。但并非所有的专辑都有完整的信息。

写一个函数，它有个三个参数，id、prop、 value。

如果 value !='' 而且prop != 'tracks' ，collectionCopy[id][prop]=value;。

如果 value !='' 而且prop == 'tracks' ，collec...]]></description><category></category></item><item><title><![CDATA[JavaScript对象操作]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81335506</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81335506</guid><author>zhy0509</author><pubDate>Wed, 01 Aug 2018 18:06:58 +0800</pubDate><description><![CDATA[1.对象属性的访问方式

（1）、点操作符访问对象属性(.)



（2） 、中括号操作符访问对象属性([])（如果要使访问的属性的名称有一个空格，只能使用中括号操作符）



2. 中括号操作符：用变量来访问一个属性。（需要遍历对象的属性列表或查表）



3.更新对象的属性：点操作符或中括号操作符



4.给对象添加属性：点操作符或中括号操作符



5. 删除对象的属性

例如：delet...]]></description><category></category></item><item><title><![CDATA[JavaScript 使用对象进行查找值]]></title><link>https://blog.youkuaiyun.com/zhy0509/article/details/81334560</link><guid>https://blog.youkuaiyun.com/zhy0509/article/details/81334560</guid><author>zhy0509</author><pubDate>Wed, 01 Aug 2018 17:23:33 +0800</pubDate><description><![CDATA[对象和字典一样，可以用来存储键/值对。如果你的数据跟对象一样，你可以用对象来查找你想要的值，而不是使用switch或if/else语句。当你知道你的输入数据在某个范围时，这种查找方式极为有效。

这是简单的反向字母表:

var alpha = {
1:&quot;Z&quot;,
2:&quot;Y&quot;,
3:&quot;X&quot;,
4:&quot;W&quot;,
...
24:&quot;C&quot;,
25:&quot;B&quot;,
26:&quot;A&quot;
};
alp]]></description><category></category></item></channel></rss>