<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[shbk_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/shbk_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; shbk_]]></copyright><item><title><![CDATA[jQuery——Ajax]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/115314647</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/115314647</guid><author>shbk_</author><pubDate>Mon, 29 Mar 2021 23:48:44 +0800</pubDate><description><![CDATA[Ajax
1、Ajax简介
asynchronous JavaScript and XML        异步的 JS 和 XML
ajax通过http协议向服务器端请求数据，异步操作
无刷新获取数据

XML：
	可扩展标记语言
	XML被设计用来传输和存储数据，HTML来呈现数据
	XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全是自定义标签，用来表示一些数据
	
Http：
	hypertext transport protocol    超文本传输协议
	详细规定]]></description><category></category></item><item><title><![CDATA[jQuery]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/115314593</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/115314593</guid><author>shbk_</author><pubDate>Mon, 29 Mar 2021 23:44:06 +0800</pubDate><description><![CDATA[jQuery
1、jQuery介绍
	简洁JS库，封装了JS，只有一个叫jQuery的函数，jQuery函数调用的结果是一个jQuery对象
	dom  
		选择器
		事件
		属性
		…
		
	bom 
		Ajax
		
	ES5   

jQuery特点
选择器
事件
dom操作
属性操作

2、jQuery安装
a、本地引入
	&lt;!-- 本地引入 --&gt;
    &lt;!-- &lt;script src="../jquery-3.5.1/jquery-3.5.1.js"&gt]]></description><category></category></item><item><title><![CDATA[JavaScript——DOM]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/115129005</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/115129005</guid><author>shbk_</author><pubDate>Tue, 23 Mar 2021 16:34:04 +0800</pubDate><description><![CDATA[1、文档对象模型，Document Object Model
DOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化
的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范
成为W3C的推荐标准，为基本的文档结构以及查询提供了接口。但是要注意，IE中的所
有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生
JavaScript对象的行为或活动特点并不一致。

DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的]]></description><category></category></item><item><title><![CDATA[JavaScript——包装器函数、Math]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114833229</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114833229</guid><author>shbk_</author><pubDate>Mon, 15 Mar 2021 14:48:19 +0800</pubDate><description><![CDATA[○ 包装器函数（构造函数）
	var str = "hello";
	console.log(str.length);
	
	var num = 10;
	console.log(num.toString());         //基本数据类型怎么会有方法
	§ a、自动装箱
		new String(str)；
	§ b、操作：调用属性和方法
		new String(str).length
	§ c、自动拆箱
		str
		
	§ Number()
		□ new Number();
			® 构造]]></description><category></category></item><item><title><![CDATA[JavaScript——数组Array]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114832167</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114832167</guid><author>shbk_</author><pubDate>Mon, 15 Mar 2021 14:28:15 +0800</pubDate><description><![CDATA[（2）数组
□ []
□ 一组数据的集合
□ 数据中的所有数组元素，使用逗号隔开，每一个数组元素数据类型任意
□ 数组长度可以动态修改

□ 1、创建
	® a、数组字面量
		◊ var arr = [];       //空数组
		◊ var arr = [null, undefined, "", false, {name: "lisi"}]
	® b、构造函数
		◊ var arr = new Array();         //空数组
		◊ var arr = new Array("hell]]></description><category></category></item><item><title><![CDATA[构造函数  原型对象 实例三者关系]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114635470</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114635470</guid><author>shbk_</author><pubDate>Wed, 10 Mar 2021 14:52:19 +0800</pubDate><description><![CDATA[构造函数  原型对象 实例三者关系
  每一个构造函数都有一个原型对象
  在构造函数内有prototype属性指向它的原型对象
  在原型对象中有constructor属性指向它对应的构造函数
  在原型对象中有一些属性和方法，是公用的，实例可以调用
  实例是通过构造函数创建出来的对象
  var obj = new Object();
  Object.prototype.constructor === Objectobj.constructor === Object
  Object.prototy]]></description><category></category></item><item><title><![CDATA[JavaScript——函数function]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114626439</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114626439</guid><author>shbk_</author><pubDate>Wed, 10 Mar 2021 09:45:54 +0800</pubDate><description><![CDATA[§ 函数
（1）函数
	□ a、函数字面量
		var say = function(){ }
	□ b、函数声明
		function say() { }
	□ c、匿名函数
		function() { }
		在被创建时立即调用
		(function () {} ) ()
		(声明) ()
	□ d、对象中
		var obj = {
			◊ name：'lisi'
			◊ say：function(){ }
		}
		obj.name
		obj.say()
		obj["say"]()
]]></description><category></category></item><item><title><![CDATA[JavaScript——对象Object]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114438445</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114438445</guid><author>shbk_</author><pubDate>Sat, 06 Mar 2021 13:36:36 +0800</pubDate><description><![CDATA[11、对象
○ Object
	§ 一组属性和方法的集合
	§ 1、创建实例对象
		□ a、对象字面量
			® 每一次new一个新的对象，就在堆空间有一个新的空间
			var obj = {
				name:'lisi',
				age:20
			}
		□ b、构造函数方式
			var obj = new Object()；
			obj.name = 'lisi';
	§ 2、访问属性
		□ a、点操作符
			var obj = {
				name:'lisi',
				age:2]]></description><category></category></item><item><title><![CDATA[JavaScript——操作符]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114438354</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114438354</guid><author>shbk_</author><pubDate>Sat, 06 Mar 2021 13:35:31 +0800</pubDate><description><![CDATA[10、操作符
○ 算数操作符：
	=：赋值操作符 从右向左赋值
		var a=10;

	+ +=：
		+：
			a+b：
			1.如果两个变量均为number类型，直接相加
			2.如果两个变量均为非number类型，并且均不为string类型，也不为object类型
				null undefined boolean 
				直接转换为number类型进行相加(Number())
			3.如果其中一个值为string类型，另一个不为object类型，直接进行字符串拼接	
				10+"]]></description><category></category></item><item><title><![CDATA[JavaScript——数据类型转换]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114362225</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114362225</guid><author>shbk_</author><pubDate>Thu, 04 Mar 2021 10:31:06 +0800</pubDate><description><![CDATA[• 8、数据类型转换
○ null和undefeind不参与转换

○ Number:
	*-&gt;number

	§ 1&gt;Number转换函数
		□ Number(a);
			null:0
			undefiend:NaN
			true:1
			false:0
			"":0
			"hello":NaN
			"10":10
			"10l":NaN
			"+10":10
			"10.3":10.3
			"a10":NaN
		□ parseInt(a):
			null:NaN]]></description><category></category></item><item><title><![CDATA[xshell安装服务器端软件]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114360327</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114360327</guid><author>shbk_</author><pubDate>Thu, 04 Mar 2021 10:12:49 +0800</pubDate><description><![CDATA[1.vsftpd安装与配置，文件上传与下载
2. mysql安装与配置，数据库
3. nodeJS npm安装与配置，javascript的运行平台
4. apache安装与配置，前端项目的部署环境
5. JDK安装与配置，文件上传与下载
6. 将第一阶段的项目部署到云服务器上

1.购买云服务器   unix–Linux— ubuntu
  腾讯云 服务器版  ubuntu版本
	https://cloud.tencent.com/act/campus?utm_source=qcloud&amp;utm_]]></description><category></category></item><item><title><![CDATA[h5+C3面试题总结]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114277521</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114277521</guid><author>shbk_</author><pubDate>Tue, 02 Mar 2021 10:19:26 +0800</pubDate><description><![CDATA[一、块级标签和行内标签的区别：
1.块级独占一行，行内可以与其他元素共享一行
2.块级元素可以包含块级元素和行内元素 ，行内元素只能包含文本或者其它行内元素。
3.块级元素可以直接设置宽高，行内元素不能直接设置宽高

二、行内元素与块级元素总结：
行内：

&lt;a&gt;&lt;/a&gt;超链接
&lt;b&gt;&lt;/b&gt;加粗 
&lt;span&gt;&lt;/span&gt; 最常用的行内元素
&lt;img src="" alt=""&gt; 图片
&lt;input type="t]]></description><category></category></item><item><title><![CDATA[什么是JavaScript以及其基本语法]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114265006</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114265006</guid><author>shbk_</author><pubDate>Mon, 01 Mar 2021 16:11:03 +0800</pubDate><description><![CDATA[浏览器
mosaic（马赛克）
	第一个获得普遍使用和能够显示图片的网页浏览器
	后来被Microsoft收购，在mosaic的基础上开发出Internet Explore
	
Netscape Navigator（网景）
	也是基于mosaic的基础上开发的，后来改名Mozilla Firefox（火狐）
	
浏览器分为shell和内核部分
shell


	内核
	渲染引擎
	js引擎
	其它模块

JavaScript
起初目的是为了改善用户体验，后来Sun公司被Oracle收购，JavaScript]]></description><category></category></item><item><title><![CDATA[Linux(下)——vi编辑器]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114264373</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114264373</guid><author>shbk_</author><pubDate>Mon, 01 Mar 2021 15:48:49 +0800</pubDate><description><![CDATA[vi编辑器
• 1、打开vi
	○ 1）打开编辑器
		vi 
		：wq a.txt	另存为a.txt
	○ 2）打开文件
		§ vi a.txt
	○ 3）打开文件的同时定位光标
		§ vi +number a.txt
			number行号
			
• 2、模式
	○ 输入模式(i 编辑状态)
		§ 编写代码
	      输入模式--&gt;esc--&gt;命令模式 (按esc进入命令模式)
	      命令--&gt; : --&gt;底行 ()
	
		i：在当前光标位置插入文本
		]]></description><category></category></item><item><title><![CDATA[Linux(上)]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/114060953</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/114060953</guid><author>shbk_</author><pubDate>Thu, 25 Feb 2021 09:41:42 +0800</pubDate><description><![CDATA[Ubuntu
xshell
链接远程服务器

小黄鸭
文件传输的图形化界面
1.根目录
	var/www/html
2.上传文件
3.访问：
	http://ip:80/demo/index.html
	http://ip:80

一、什么是Linux？
Linux是一个操作系统的内核
Unix：收费、大型项目商业用途
Linux：开源免费
unbuntu：桌面操作系统

二、特点
1.安全性
	Linux针对多用户的系统
	针对不同用户Linux设定了不同用户权限/属性，普通用户不能直接操作系统文件/敏感]]></description><category></category></item><item><title><![CDATA[加载不出css时用文字展示]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/113522909</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/113522909</guid><author>shbk_</author><pubDate>Mon, 01 Feb 2021 16:16:17 +0800</pubDate><description><![CDATA[方法一
text-indent: 200px;
white-space: nowrap;
overflow: hidden;

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;淘宝网&lt;/title&gt;
		&lt;link rel="stylesheet" type="text/css" href="../css/淘宝网.css"/&gt;
	&lt;/he]]></description><category></category></item><item><title><![CDATA[文本多余部分用...表示]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/113520898</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/113520898</guid><author>shbk_</author><pubDate>Mon, 01 Feb 2021 15:42:23 +0800</pubDate><description><![CDATA[单行文本
white-space: nowrap;        /* 文字到边界不换行展示 */
overflow: hidden;              /*  溢出边界部分文字隐藏 */
text-overflow: ellipsis;       /* 溢出部分用...展示 */

多行文本
PC端不好实现，大多都是直接文档末尾自己写的...
然后overflow：hidden；


...]]></description><category></category></item><item><title><![CDATA[浮动流——让父级元素包住子元素]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/113486526</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/113486526</guid><author>shbk_</author><pubDate>Sun, 31 Jan 2021 22:22:06 +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;!-- &lt;link rel="stylesheet" type="text/css" href="../css/浮动流.css"/&gt; --&gt;
		&lt;style&gt;
			*{
				margin: 0;
				padding: 0;
			}]]></description><category></category></item><item><title><![CDATA[margin塌陷、margin合并的解决]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/113485851</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/113485851</guid><author>shbk_</author><pubDate>Sun, 31 Jan 2021 21:51:44 +0800</pubDate><description><![CDATA[一、margin塌陷
父子嵌套元素垂直方向的 margin，
父子元素是结合在一起的，
他们两个会取其中最大的值

正常情况应该是父级相对于浏览器进行定位，
子级应该相对于父级定位的

但是 margin 塌陷是在父级相对于浏览器进行定位时，
子级没有相对于父级定位，
就像父级的棚子没有了一样子级相对于父级，
就像塌陷了一样

a.给父元素设置边框属性
b.将原本设置给子元素的margin属性修改为设置父元素的padding
c.给父子级其中一个设置浮动属性
d.给父子级其中一个设置position：abs]]></description><category></category></item><item><title><![CDATA[两栏布局]]></title><link>https://blog.youkuaiyun.com/shbk_/article/details/113484814</link><guid>https://blog.youkuaiyun.com/shbk_/article/details/113484814</guid><author>shbk_</author><pubDate>Sun, 31 Jan 2021 21:06:43 +0800</pubDate><description><![CDATA[两栏布局
方法一：通过position
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;style&gt;
      ]]></description><category></category></item></channel></rss>