<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[p_hao的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/p_hao</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; p_hao]]></copyright><item><title><![CDATA[CSS element1~element2选择器，选择某元素后的某批元素]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103490499</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103490499</guid><author>p_hao</author><pubDate>Wed, 11 Dec 2019 12:52:00 +0800</pubDate><description><![CDATA[CSS3 element1~element2 选择器
定义和用法
element1~element2
选择element1 之后出现的所有 element2。
两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。
示例
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;...]]></description><category></category></item><item><title><![CDATA[【知识点回顾】JavaScript运算符，递增和递减]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103421371</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103421371</guid><author>p_hao</author><pubDate>Fri, 06 Dec 2019 13:43:25 +0800</pubDate><description><![CDATA[递增和递减
1.递增
++a与a++都是对a进行递增的操作
区别：
++a先返回递增之后的a的值
a++先返回a的原值，再返回递增之后的值
2.递减同理
3.案例
++a先返回递增之后的a的值：
var num1 = 12;
var num2 = 8;
var num3 = ++num1 + ++num2;	//这里会先返回变量递增之后的值来参与运算，所以是13+9

console.log(nu...]]></description><category></category></item><item><title><![CDATA[JavaScript中的return语句]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103414257</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103414257</guid><author>p_hao</author><pubDate>Fri, 06 Dec 2019 11:01:48 +0800</pubDate><description><![CDATA[return语句终止函数的执行，并返回一个指定的值给函数调用者。
下面的 return 语句都会终止函数的执行：

return;
return true;
return false;
return x;
return x + y / 3;

直接写return;返回的值就是undefined
return false;在js中具有阻止目标元素默认行为的作用，例如：
a标签的onclick事件里r...]]></description><category></category></item><item><title><![CDATA[【知识点回顾】一种级联菜单的思路以及jQuery :gt 选择器介绍]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103412765</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103412765</guid><author>p_hao</author><pubDate>Thu, 05 Dec 2019 22:14:10 +0800</pubDate><description><![CDATA[一、需要实现的级联效果
常见的级联菜单是这样的：

当改变了一个select下拉框的值，后面下拉框的值会做出相应的改变。
二、实现级联思路
这里采用jQuery来实现
通过change() 方法，
当一个select下拉框（假设叫a）的值发生改变时，
把a的值传入一方法去获取一批新的数据，
然后a后面所有select下拉框中的option选项清空掉，
把获取到的数据放入option选项添加到紧随在...]]></description><category></category></item><item><title><![CDATA[Js apply方法详解,及其apply()方法的妙用]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103352398</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103352398</guid><author>p_hao</author><pubDate>Mon, 02 Dec 2019 17:01:18 +0800</pubDate><description><![CDATA[Js apply方法详解
主要解决一下几个问题:

apply和call的区别在哪里
什么情况下用apply,什么情况下用call
apply的其他巧妙用法（一般在什么情况下可以使用apply）

首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用.
apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.
Function.apply(obj,ar...]]></description><category></category></item><item><title><![CDATA[JS函数直接调用和new的区别]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103342878</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103342878</guid><author>p_hao</author><pubDate>Mon, 02 Dec 2019 09:08:43 +0800</pubDate><description><![CDATA[JS中函数既可以直接调用，也可以使用new关键字来构造。那么他们的区别是什么呢？
来看一段代码：
var a = 1;
function main()
{
    console.log(a);
    var a = 2;
    console.log(this.a);
    this.a = 3;
}

main();
new main();

输出结果：

undefined
1
und...]]></description><category></category></item><item><title><![CDATA[JS中var a=new function(){}与var a=function(){}与function a(){}的区别]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103342728</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103342728</guid><author>p_hao</author><pubDate>Mon, 02 Dec 2019 09:00:12 +0800</pubDate><description><![CDATA[1.function a(){}
该方法的定义是全局性的，就算在调用之后定义，系统也不会报错，可以理解为，系统在执行到该方法时再去找该方法的定义位置进行初始化。
2.var a=function(){}
匿名函数的定义方法，若是在定义之前调用了，系统会报错。可以理解为，只用运行到这个方法时才能对变量a进行初始化，若是没有对变量a初始化，则会报错。此时，a代表后面匿名函数的返回值。
3.var a=...]]></description><category></category></item><item><title><![CDATA[jQuery的$.fn]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103342625</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103342625</guid><author>p_hao</author><pubDate>Mon, 02 Dec 2019 08:44:19 +0800</pubDate><description><![CDATA[属于一种JQ插件开发方法
通过$.fn向jQuery添加新的方法
$.fn.blue = function(){
	this.css('background-color','blue');
}  

$('div').blue();
$('body').blue();


]]></description><category></category></item><item><title><![CDATA[【知识点回顾】前端分页实现思路]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103334003</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103334003</guid><author>p_hao</author><pubDate>Sun, 01 Dec 2019 12:54:11 +0800</pubDate><description><![CDATA[1.多条件查询，得到符合条件的数组result，以及关键参数：数组长度
2.设定分页参数：每页显示条目数
3.计算分页关键参数：
总页数（数组长度 / 每页显示条数）
当前页（默认为第0页）
4.获取符合条件的数组中当前页数据
result.slice（当前页 * 每页显示条目数，（当前页+1） * 每页显示条目数）

...]]></description><category></category></item><item><title><![CDATA[jQuery的delegate()方法，为由脚本创建的新元素绑定事件]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103333423</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103333423</guid><author>p_hao</author><pubDate>Sun, 01 Dec 2019 12:22:39 +0800</pubDate><description><![CDATA[案例
在开发中可能会遇到这样一种情况，需要给某些元素绑定事件，但这些元素在后续才会新建出来，导致绑定无效。
例如下面的案例：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;test&lt;/title&gt;
&lt;/head&gt;
&l...]]></description><category></category></item><item><title><![CDATA[jQuery中的 $().each以及 $.each()的区别]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103332150</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103332150</guid><author>p_hao</author><pubDate>Sun, 01 Dec 2019 09:24:05 +0800</pubDate><description><![CDATA[1.$(selector).each(function(index,element))

2.$.each(dataresource,function(index,element))

接下来就对这两个函数做深入的探讨：
1.$(selector).each(function(index,element))
作用：在dom处理上面用的较多
示例：
html部分文档
&lt;ul id="each_...]]></description><category></category></item><item><title><![CDATA[【知识点回顾】取余数怎么计算]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103321799</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103321799</guid><author>p_hao</author><pubDate>Sat, 30 Nov 2019 10:42:22 +0800</pubDate><description><![CDATA[参考链接：
https://zhidao.baidu.com/question/431130997.html
取余数，
是指整数除法中被除数未被除尽部分，且余数的取值范围为0到除数之间（不包括除数）的整数。
例如27除以6，商数为4，余数为3。
一个数除以另一个数，要是比另一个数小的话，商为0，余数就是它自己.。
例如:1除以2，商数为0，余数为1。2除以3，商数为0，余数为2。

...]]></description><category></category></item><item><title><![CDATA[【知识点回顾】js在页面中输出1000以内的水仙花数]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/103321375</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/103321375</guid><author>p_hao</author><pubDate>Sat, 30 Nov 2019 10:20:33 +0800</pubDate><description><![CDATA[题目
题目如下：

思路
我的编写思路是：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang="en"&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;水仙花数&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script&gt;
	// 	填写代码...]]></description><category></category></item><item><title><![CDATA[nth-child() 选择器实用技巧，选择倍数的元素]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/100112913</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/100112913</guid><author>p_hao</author><pubDate>Wed, 28 Aug 2019 10:21:18 +0800</pubDate><description><![CDATA[想要结果的可以直接看第三点，一二点算是我个人的一个记录。
一、问题产生
在写一个页面时，我碰到这么一个问题，页面有可以横向滚动展示的一批块状元素，我需要它们颜色不一样来显得美观些。我的预想是大概有五个颜色，因为一屏展示五个。

我的脑海中浮现了两个想法，一个使用js来做，一个则是css的nth-child() 选择器。因为我记得nth-child(n)这里面的n是可以放公式的。
二、解决方法
W3...]]></description><category></category></item><item><title><![CDATA[display:inline-block产生的间距]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/100073746</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/100073746</guid><author>p_hao</author><pubDate>Mon, 26 Aug 2019 11:29:31 +0800</pubDate><description><![CDATA[一、存在问题
今天在写页面时碰到个问题，我设置元素为display:inline-block，但是在一行排列的时候，总是有莫名其妙的间距，依稀记得这个问题以前碰到过，于是去网上进行查阅。

二、解决方法
(1) 在网上看了下，有一个是用margin负值来解决，让这些元素margin-left:-3px。但是我试了下，在我这边是谷歌浏览器，用了margin:-5px才解决了间距问题。

(2) 还看...]]></description><category></category></item><item><title><![CDATA[用JavaScript实现网页动态水印]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/92805595</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/92805595</guid><author>p_hao</author><pubDate>Wed, 19 Jun 2019 10:15:15 +0800</pubDate><description><![CDATA[原文链接：https://www.cnblogs.com/GongQi/p/4074609.html
1.基本原理
1.页面加载后，通过javascript创建页面元素div，并在div元素中创建文本节点，展示水印内容
2.设置div元素样式，将其zIndex设置一个较高的值，并设置透明度，实现浮在页面的水印效果
其核心逻辑如下所示
 var mask_div = document.createE...]]></description><category></category></item><item><title><![CDATA[JavaScript中的name以及prompt（）对话框取消时的值]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/90445806</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/90445806</guid><author>p_hao</author><pubDate>Wed, 22 May 2019 16:28:07 +0800</pubDate><description><![CDATA[一、存在问题
在写demo时，发现的一个问题。就是prompt()方法弹出的对话框点击取消按钮时，获取到的值应该是null，我却获取到"null"。
二、问题分析
我的demo是：
&lt;script&gt;
	var name = '';
	while(name == '' || name == null){
		name = prompt('请输入你的账号:',"");
	}
&lt;/sc...]]></description><category></category></item><item><title><![CDATA[While循环的用处以及prompt（）方法的注意点]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/90442731</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/90442731</guid><author>p_hao</author><pubDate>Wed, 22 May 2019 14:00:03 +0800</pubDate><description><![CDATA[之前写demo时，有这样一个需求，就是页面弹窗让用户输入账号密码，没输入的话就一直弹窗。
我下意识的想法就是if语句和for循环。后来想起一个东西，就是while循环，while循环的话，只要不满足你设定的条件，while循环里的代码就会一直执行。弹窗因为只是做个demo，就直接用prompt()方法，使用该方法浏览器会弹出对话框让用户输入内容。
于是，效果如下：
&lt;!DOCTYPE htm...]]></description><category></category></item><item><title><![CDATA[圆形百分比进度条效果]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/90376762</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/90376762</guid><author>p_hao</author><pubDate>Mon, 20 May 2019 16:43:56 +0800</pubDate><description><![CDATA[一、前言
最近有点懈怠啊，没怎么整理发布博客。今天写篇文章和大家分享一个常用的效果，圆形百分比进度条。前段时间我有个页面需要该效果，就在网上看了下，实现方式有好几种，我找了一种比较好实现的给大家一步步讲解。
如果您觉得对您有帮助的话，请给我个赞或评论，谢谢~
先放效果图：

参考别人的链接：HTML+CSS 实现环形比例图效果
二、整体思路
1.设置一个浅灰色的圆当背景，里面只有两个子元素，
一个...]]></description><category></category></item><item><title><![CDATA[文本内容过长显示省略号]]></title><link>https://blog.youkuaiyun.com/p_hao/article/details/89528776</link><guid>https://blog.youkuaiyun.com/p_hao/article/details/89528776</guid><author>p_hao</author><pubDate>Thu, 25 Apr 2019 23:52:42 +0800</pubDate><description><![CDATA[一、单行文本内容过长
/*overflow 属性规定当内容溢出元素框时发生的事情。
当值为hidden内容会被修剪，并且其余内容是不可见的。*/
overflow: hidden;

/*white-space 属性设置如何处理元素内的空白。
当值为nowrap规定段落中的文本不进行换行。*/
white-space: nowrap;

/*text-overflow 属性规定当文本溢出包含元素时...]]></description><category></category></item></channel></rss>