<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[SSLUKA的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/SSLUKA</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; SSLUKA]]></copyright><item><title><![CDATA[Js运算符与表达式]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106721832</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106721832</guid><author>SSLUKA</author><pubDate>Fri, 12 Jun 2020 20:55:38 +0800</pubDate><description><![CDATA[1.表达式
表达式时用于JavaScript脚本运行时进行计算的式子，可以包含常量、变量、运算符
2.运算符
1）算术运算符




+、-、*、/、%





++、–
分为前缀和后缀形式，前缀形式先加/减1再执行，后缀先执行再加/减1


tip：

+号用来连接两个字符串
只要+连接的操作数中有一个时字符串型，Js就会自动把非字符串型数据作为字符串型数据来处理
Js代码的执行顺序是从左到右，所以在+连接的表达式中，遇到字符，可以自动转换为数值型的数据，）仍被作为数值来处理。为了避免这种情况，我们可以]]></description><category></category></item><item><title><![CDATA[JS数据类型]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106694739</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106694739</guid><author>SSLUKA</author><pubDate>Thu, 11 Jun 2020 20:51:55 +0800</pubDate><description><![CDATA[1.数据类型
1&gt;数值型
JavaScript中的数值包含整数和浮点数，所有的数值都以双精度浮点型来表示。
双精度浮点值可以表示-2的53次方到2的53次方的整数，也可以表示为正负1.7976的10次方的最大值和正负2.2250乘以10的-308次方的浮点数
&lt;1&gt;十进制数
例：12，1.2，-23，.222e33，-1.3e
3，3.E-2，12e+20
&lt;2&gt;十六进制数
例：0X0，0XABCDEF，0x1a2b3c4d
&lt;3&gt;八进制数
例：00,0123,02]]></description><category></category></item><item><title><![CDATA[JS变量]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106661244</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106661244</guid><author>SSLUKA</author><pubDate>Wed, 10 Jun 2020 11:36:54 +0800</pubDate><description><![CDATA[1.声明变量

声明变量

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script&gt;
//通过var关键字声明变量
        var a;
//声明变量的同时给变量赋值
        var text='this is a test';
        var text1=12]]></description><category></category></item><item><title><![CDATA[JS简介]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106649166</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106649166</guid><author>SSLUKA</author><pubDate>Tue, 09 Jun 2020 20:32:57 +0800</pubDate><description><![CDATA[1.概念
JavaScript是Netscape公司为navigator浏览器开发的，是显示在HTML文件中的一种脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互的操作来改变网页的内容，来实现HTML语言无法实现的效果。
2.如何使用JavaScript
三种形式：

通过&lt; script &gt;&lt; /script &gt;中直接编写
通过&lt; script src=“目标文件的URL”&gt;&lt; /script &]]></description><category></category></item><item><title><![CDATA[CSS3的变形功能]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106628243</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106628243</guid><author>SSLUKA</author><pubDate>Mon, 08 Jun 2020 21:14:17 +0800</pubDate><description><![CDATA[transform功能的使用

transform：功能；
-ms-transform：功能；/* IE9 */
-moz-transform: 功能;/Firefox/
-webkit-transform: 功能;/Safari 和 Chrome/
-o-transform:功能;/Opera/

rotate旋转，在参数中规定角度
1.使用方法：

-ms-transform: rotate(角度);/IE9/
-moz-transform: rotate(角度);/Firefox/
-webkit-t]]></description><category></category></item><item><title><![CDATA[盒模型的知识总结]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106591989</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106591989</guid><author>SSLUKA</author><pubDate>Sat, 06 Jun 2020 20:59:04 +0800</pubDate><description><![CDATA[1.盒的基本类型
1&gt; 盒基本分为block类型和inline类型
2&gt; 对比

inline-block类型
1&gt;概念
inline-block属于block盒的一种，在CSS2.1中追加inline-block类型，是为了让并列显示多个block类型的元素操作变得简单，但是在显示时具有inline类型盒的特点。
例：在div元素中分别将display设置为inline-block和inline后他们的效果一样。
2&gt; inline-block和inline区别
&lt;!DOCT]]></description><category></category></item><item><title><![CDATA[CSS3中边框相关的样式]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106586927</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106586927</guid><author>SSLUKA</author><pubDate>Sat, 06 Jun 2020 16:32:23 +0800</pubDate><description><![CDATA[border-radius属性(圆角边框）
1.作用
可以进行圆角边框的绘制
2.使用方法




样式
备注




border-radius：半径；



border-radius：半径   半径；
第一个半径作为边框左上角和边框右下角的圆半径来绘制；第二个半径作为边框右上角和边框左下角的圆半径来绘制


border-top-left-radius：左上角半径
–


border-bottom-left-radius：左下角半径



border-top-right-radius：右上角半径
]]></description><category></category></item><item><title><![CDATA[CSS3中新增的背景属性]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106576570</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106576570</guid><author>SSLUKA</author><pubDate>Fri, 05 Jun 2020 20:37:16 +0800</pubDate><description><![CDATA[新增的背景属性




属性
功能




backgroun-clip
指定背景的显示范围


background-origin
指定绘制背景图像时的起点


background-size
指定背景中图像的尺寸


background-break
指定内联元素的背景图像进行平铺时的循环方式


1.background-clip属性
（1）作用
主要是用来控制背景显示区域
background-clip：border-box||padding-box||content-box
（2）分类




名]]></description><category></category></item><item><title><![CDATA[overflow属性]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106556495</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106556495</guid><author>SSLUKA</author><pubDate>Thu, 04 Jun 2020 20:18:06 +0800</pubDate><description><![CDATA[overflow属性
1.概念
用来指定对盒中容纳不下的内容的显示办法
2.取值




属性名
作用




hidden
超出容纳范围的文字被隐藏起来


scroll
在div元素中出现水平与垂直的滚动条，超出的内容被滚动显示


auto
在文字超出div元素的容纳范围时，根据需要出现水平滚动条或者是垂直滚动条，滚动显示超出的内容


visible
和不使用overflow时候的显示效果一样，超出容纳范围的文字按原样显示


3.例子
例1：
&lt;!DOCTYPE html&gt;
&lt;h]]></description><category></category></item><item><title><![CDATA[@font-face属性和服务器端字体]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106531429</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106531429</guid><author>SSLUKA</author><pubDate>Wed, 03 Jun 2020 21:14:22 +0800</pubDate><description><![CDATA[@font-face
1.@font-face属性的使用方法
@font-face{
font-family:webFont;
src:url(‘font/字体名称.otf’)format(“opentype”);
}
ps:

font-family属性值中使用webfont来声明使用的是服务器端字体，即设置文本的字体名称。
src属性值中首先指定了字体文件所在的路径。
format声明字体文件的格式，可以省略文件格式的声明，单独使用src属性值。

2.可以使用的字体文件格式




字体格式
字体属性]]></description><category></category></item><item><title><![CDATA[文字阴影和自动换行]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106504621</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106504621</guid><author>SSLUKA</author><pubDate>Tue, 02 Jun 2020 21:27:34 +0800</pubDate><description><![CDATA[1.文字阴影
text-shadow:length length length color
第一个length表示的是阴影离开文字的横方向距离。
第二个length表示的是阴影离开文字的纵方向距离。
第三个length表示的是阴影的模糊半径，代表阴影向外模糊时的模糊范围。
color表示的是阴影的颜色，可以放在三个参数之前，也可以放在三个参数之后 。（去掉color这个参数后会默认继承和h1的颜色）
例：
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &]]></description><category></category></item><item><title><![CDATA[UI元素状态选择器：E:hover，E:focus，E:active]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106480561</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106480561</guid><author>SSLUKA</author><pubDate>Mon, 01 Jun 2020 20:18:22 +0800</pubDate><description><![CDATA[基础知识
1.E:hover选择器
1)概念：被用来指定当鼠标指针移动到元素上时元素所使用的样式。
2)使用方法：
&lt;元素&gt;:hover{
CSS样式
}
2.E:active选择器
1)概念：被用来指定元素被激活时使用的样式。
2)使用方法：
&lt;元素&gt;:active{
CSS样式
}
3.E:focus选择器
1)概念：被用来指定元素获得光标集聚点使用的样式，主要是文本框控件获得聚集点并进行文字输入时使用。
2)使用方法：
&lt;元素&gt;:focus{
CSS样式
}
Tip]]></description><category></category></item><item><title><![CDATA[CSS3中的属性选择器]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106460976</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106460976</guid><author>SSLUKA</author><pubDate>Sun, 31 May 2020 21:29:39 +0800</pubDate><description><![CDATA[相较于CSS，CSS3中增加了三个属性选择器：[att*=val],[att^=val],[att$=val].
[att^=val]属性选择器
基本概念：如果元素用att’表示的属性的值中包含用val指定的字符，那么该元素使用这个样式。
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;style&gt;
        [id*=section]{
            background: blue;
        }
	&lt;/style&gt;]]></description><category></category></item><item><title><![CDATA[一个网页请求从输入到最终显示到页面的流程个人理解笔记]]></title><link>https://blog.youkuaiyun.com/SSLUKA/article/details/106446086</link><guid>https://blog.youkuaiyun.com/SSLUKA/article/details/106446086</guid><author>SSLUKA</author><pubDate>Sat, 30 May 2020 20:11:48 +0800</pubDate><description><![CDATA[一个网页请求从输入到最终显示到页面的流程
一个网页请求从输入到最终显示到页面的流程，大致如下：

1）在客户端浏览器中输入网址URL；

2）客户端浏览器会先查看浏览器缓存—系统缓存—路由缓存，如存在缓存，就直接显示。如果没有，则至第三步

3）发送至DNS服务器(域名服务器)并获得域名对应的WEB服务器的IP地址；

4）客户端浏览器与WEB服务器建立TCP(传输控制协议)连接；

5）客户端浏览器向WEB服务器的IP地址发送相应的HTTP或HTTPS请求；

6) WEB服务器响应请求并且返回指定的UR]]></description><category></category></item></channel></rss>