<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CZNEU的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/CZNEU</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; CZNEU]]></copyright><item><title><![CDATA[定时器——移动div]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/115036226</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/115036226</guid><author>CZNEU</author><pubDate>Sat, 20 Mar 2021 22:20:14 +0800</pubDate><description><![CDATA[// 创建一个执行简单动画的函数。box要执行盒子，attr要执行动画的样式，target，speed速度（正右负左）,callback动画执行完毕之后执行
			function move(box, attr, target, speed, callback) {
				clearInterval(box.timer);
				var current = parseInt(getStyle(box, attr));
				if (current &gt; target) {
					speed =]]></description><category></category></item><item><title><![CDATA[JavaScript基础学习02]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114931318</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114931318</guid><author>CZNEU</author><pubDate>Sat, 20 Mar 2021 21:21:14 +0800</pubDate><description><![CDATA[1 DOM
1.1 DOM简介
Document Object Module文档对象模型
JS中通过DOM对HTML文档进行操作

文档表示的就是整个HTML网页文档
对象表示将网页中的每一个部分都转换为了一个对象
使用模型来表示对象之间的关系，这样方便我们获取对象


节点Node
构成网页的最基本的组成部分，网页中的每一个部分都是一个节点

文档节点：整个HTML文档
元素节点：HTML文档中的HTML标签
属性节点：元素的属性
文本节点：HTML标签中的文本内容

节点属性

例：获取到button对]]></description><category></category></item><item><title><![CDATA[自动切换图片]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/115030611</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/115030611</guid><author>CZNEU</author><pubDate>Sat, 20 Mar 2021 19:40:38 +0800</pubDate><description><![CDATA[&lt;body&gt;
	&lt;img src="img/1.jpg" id="img1"&gt;
	&lt;br&gt;
	&lt;br&gt;
	&lt;button id="btn"&gt;播放&lt;/button&gt;
	&lt;button id="end"&gt;结束&lt;/button&gt;
&lt;/body&gt;

window.onload = function() {
	// 自动切换图片
	var img1 = document.getElementById("img.]]></description><category></category></item><item><title><![CDATA[拖拽]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/115022740</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/115022740</guid><author>CZNEU</author><pubDate>Sat, 20 Mar 2021 10:10:09 +0800</pubDate><description><![CDATA[拖拽box1元素
流程：

当鼠标在被拖拽元素上按下时，开始拖拽
当鼠标被移动时被拖拽元素跟随鼠标移动
当鼠标松开时被拖拽元素固定在当前位置

改进


问题
当我们拖拽一个网页中的内容时，浏览器会默认去搜索引擎中搜索内容，此时会导致拖拽功能异常

可以通过return false取消默认行为，对IE8不兼容

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;]]></description><category></category></item><item><title><![CDATA[使div跟随鼠标移动]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/115009781</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/115009781</guid><author>CZNEU</author><pubDate>Fri, 19 Mar 2021 16:35:01 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Do]]></description><category></category></item><item><title><![CDATA[用户阅读协议完毕之后才可以注册]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/115005696</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/115005696</guid><author>CZNEU</author><pubDate>Fri, 19 Mar 2021 14:26:14 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Do]]></description><category></category></item><item><title><![CDATA[全选练习]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114968811</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114968811</guid><author>CZNEU</author><pubDate>Thu, 18 Mar 2021 11:02:48 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;script type="text/javascript"&gt;
			window.onload = function() {
				var items = document.getElementsByName("items");
				// checkedAllBtn
]]></description><category></category></item><item><title><![CDATA[图片切换]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114947845</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114947845</guid><author>CZNEU</author><pubDate>Wed, 17 Mar 2021 20:23:42 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			* {
				margin: 0;
				padding: 0;
			}
			#outer {
				width: 320px;
				margin: 50px auto;
				padding: 10px;]]></description><category></category></item><item><title><![CDATA[JavaScript基础学习01]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114195622</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114195622</guid><author>CZNEU</author><pubDate>Tue, 16 Mar 2021 21:07:19 +0800</pubDate><description><![CDATA[JavaScript
概念
一门客户端脚本语言

运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
脚本语言：不需要编译，直接就可以被浏览器解析执行了

功能

可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。

JavaScript发展史
如果没有JavaScript，我们在浏览器端注册账号时，会把注册的表单发送到服务器，如果填写的信息有误不能注册，服务器会隔一段时间才返回错误，需要重新填写，这样就很费时间。

1992年，No]]></description><category></category></item><item><title><![CDATA[水仙花数]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114708342</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114708342</guid><author>CZNEU</author><pubDate>Fri, 12 Mar 2021 21:25:38 +0800</pubDate><description><![CDATA[水仙花数

水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。
（例如：1^3 + 5^3+ 3^3 = 153）,请打印所有的水仙花数。

for (i = 100; i &lt;= 999; i++) {
	//第一位
	var i1 = parseInt(i / 100);
	//第二位
	var i2 = parseInt(i / 10) % 10;
	//var i2 = parseInt((i-i1*100)/10);
	//第三位
	var i3 = i % 10;
	if ]]></description><category></category></item><item><title><![CDATA[99乘法表]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114319023</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114319023</guid><author>CZNEU</author><pubDate>Wed, 03 Mar 2021 15:44:14 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			td {
				border: 1px solid;
			}
		&lt;/style&gt;
		&lt;script type="text/javascript"&gt;
			document.write("&l]]></description><category></category></item><item><title><![CDATA[判断一个数是否是质数]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114314737</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114314737</guid><author>CZNEU</author><pubDate>Wed, 03 Mar 2021 15:05:19 +0800</pubDate><description><![CDATA[在页面中接收一个用户输入的数字，并判断该数是否是质数
质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数

var num = prompt("please");

//判断这个值是否合法
if (num &lt;= 1) {
	alert("该值不合法！");
} else {
	
	//创建一个数来保存当前数的状态
	var flag = true;
	
	//判断num是否是质数
	//获取2-num之间的数
	for (var i = 2; i &lt; num; i+.]]></description><category></category></item><item><title><![CDATA[给三个数排序]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114295146</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114295146</guid><author>CZNEU</author><pubDate>Tue, 02 Mar 2021 21:32:59 +0800</pubDate><description><![CDATA[/*
			 * 	编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
			 * 	对他们进行排序，并且从小到大输出。
			 */
			var num1 = prompt("请输入第一个整数");
			var num2 = prompt("请输入第二个整数");
			var num3 = prompt("请输入第三个整数");

			var temp;
			if (num1 &gt; num2) {
				temp = num2;
				num2 = num1;
			]]></description><category></category></item><item><title><![CDATA[JS中如何判断一个变量是否为数字]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/114294915</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/114294915</guid><author>CZNEU</author><pubDate>Tue, 02 Mar 2021 21:23:52 +0800</pubDate><description><![CDATA[用isNaN()函数来判断
isNaN()：判断参数是否为NaN（不是数的数）

如果参数不是数字，会进行类型转换然后判断

a = "12";
b = isNaN(a);
console.log(b); //false,是数字
console.log(typeof a); //string

a = "ab";
b = isNaN(a);
console.log(b); //true,不是数字
console.log(typeof a); //string


...]]></description><category></category></item><item><title><![CDATA[品优购项目]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/112732444</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/112732444</guid><author>CZNEU</author><pubDate>Sat, 27 Feb 2021 20:56:23 +0800</pubDate><description><![CDATA[pink老师看到p299，开始品优购项目

1 品优购项目介绍
1.1
1.5 项目搭建工作
模块化开发：
有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。 此时，可以把这些结构和样式单独作为一个模块，然后重复使用

1.6  网站favicon图标
制作favicon图标

把品优购图标切成 png 图片。
把 png 图片转换为 ico 图标， 这需要借助于第三方转换网站， 例如比特虫： http://www.bitbug.net/

favicon图标放到网站根目录下
HTML.]]></description><category></category></item><item><title><![CDATA[HTML5和CSS3新特性]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/112654150</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/112654150</guid><author>CZNEU</author><pubDate>Sat, 16 Jan 2021 20:51:10 +0800</pubDate><description><![CDATA[1 HTML5新特性
1.1 语义化标签
html5中为了提高程序的可读性，提供了一些标签。

&lt;header&gt; &lt;/header&gt;：头部标签
&lt;footer&gt; &lt;/footer&gt;：尾部标签
&lt;nav&gt; &lt;/nav&gt;：导航标签
&lt;article&gt; &lt;/article&gt;：内容标签
&lt;aside&gt; &lt;/aside&gt;：侧边栏标签
&lt;main&gt; &lt;/main&gt;
&lt;se]]></description><category></category></item><item><title><![CDATA[学成在线案例]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/112205893</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/112205893</guid><author>CZNEU</author><pubDate>Fri, 08 Jan 2021 19:28:47 +0800</pubDate><description><![CDATA[0 准备工作
0.1 准备素材和工具

学成在线psd源文件


]]></description><category></category></item><item><title><![CDATA[前端小工具]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/112123704</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/112123704</guid><author>CZNEU</author><pubDate>Sun, 03 Jan 2021 22:30:59 +0800</pubDate><description><![CDATA[FastStoneCapture（官方付费）：屏幕量尺
在前端中的作用：

行高的测量：沿着本行的最靠近字体的下边界到上一行的靠近字体的下边界。

Snipaste（官方免费）：截图贴图
使用：

f1截图。同时可以测量大小，设置箭头，书写文字等
f3在桌面置顶显示
点击图片，按住alt键可以取色
按下esc取消图片显示


...]]></description><category></category></item><item><title><![CDATA[vscode快捷键]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/112095147</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/112095147</guid><author>CZNEU</author><pubDate>Sat, 02 Jan 2021 16:21:03 +0800</pubDate><description><![CDATA[注释&lt;!-- --&gt;




Windows快捷键
作用




ctrl+/
在一行任意位置单行注释选中多行对多行全部注释


alt+shift+A
多行注释


编辑操作




Windows快捷键
作用




alt+shift+↓
将代码向下复制


alt+shift+↑
将代码向上复制


alt + ↑
将代码向上移动


alt + ↓
将代码向下移动


ctrl+enter
在当前行（光标任意位置）的下方增加一行，然后跳至新行


ctrl+shift+enter
在当]]></description><category></category></item><item><title><![CDATA[CSS基础学习总结]]></title><link>https://blog.youkuaiyun.com/CZNEU/article/details/111994368</link><guid>https://blog.youkuaiyun.com/CZNEU/article/details/111994368</guid><author>CZNEU</author><pubDate>Thu, 31 Dec 2020 10:53:38 +0800</pubDate><description><![CDATA[2020.12.30 晚上

HTML基础学习总结之后是CSS学习总结，区别HTML与CSS：

HTML用于搭建基础网页，展示页面的内容
CSS用于美化和布局页面


CSS页面美化和布局控制：Cascading Style Sheets（层叠样式表）
1 CSS与html结合方式
1.1 内联样式

在标签内使用style属性指定CSS代码。
如：&lt;div style="color:red;"&gt;hello css&lt;/div&gt;

1.2 内部样式

在head标签内，定义style]]></description><category></category></item></channel></rss>