<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xtingjie的博客]]></title><description><![CDATA[小小记]]></description><link>https://blog.youkuaiyun.com/xtingjie</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xtingjie]]></copyright><item><title><![CDATA[一个简单的HTML渲染器]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/128953879</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/128953879</guid><author>xtingjie</author><pubDate>Thu, 09 Feb 2023 15:32:14 +0800</pubDate><description><![CDATA[使用vue做出一个简单的HTML渲染器]]></description><category></category></item><item><title><![CDATA[二分法查找（递归）]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/117336923</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/117336923</guid><author>xtingjie</author><pubDate>Thu, 27 May 2021 20:19:35 +0800</pubDate><description><![CDATA[&lt;script&gt;
    let array = [1.2, 2.3, 2.6, 3.5, 4.8, 6.7, 7.7, 8.9];
    let leftIndex = 0;
    let rightIndex = array.length-1;
    // let element = 4.8;

    for(let i=0; i&lt;array.length; i++){
        let index = binarySearch(array, leftIndex, rig]]></description><category></category></item><item><title><![CDATA[CSS cubic-bezier() 函数 贝塞尔曲线 动画]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115565683</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115565683</guid><author>xtingjie</author><pubDate>Sat, 10 Apr 2021 10:24:01 +0800</pubDate><description><![CDATA[https://www.runoob.com/cssref/func-cubic-bezier.html

]]></description><category></category></item><item><title><![CDATA[如何使得谷歌浏览器的网址框里变成百度搜索]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115551719</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115551719</guid><author>xtingjie</author><pubDate>Fri, 09 Apr 2021 15:24:12 +0800</pubDate><description><![CDATA[https://jingyan.baidu.com/article/9225544697a851c41748f446.html

]]></description><category></category></item><item><title><![CDATA[CSS学习笔记：一个网页布局]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115413501</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115413501</guid><author>xtingjie</author><pubDate>Sat, 03 Apr 2021 10:44:54 +0800</pubDate><description><![CDATA[效果图：

知识点

浮动：float
网页布局要素（一般有top、banner、box等）
给元素取名字
顶层大元素一般是标准流，大元素里面包着浮动元素
隐藏列表前面的小黑点：liststyle: none

代码
&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=ed]]></description><category></category></item><item><title><![CDATA[CSS学习笔记：一个产品模块]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115312372</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115312372</guid><author>xtingjie</author><pubDate>Mon, 29 Mar 2021 21:49:23 +0800</pubDate><description><![CDATA[效果：

知识点

padding和margin
CSS中元素定位，父元素加子元素
对于一个盒子，先定义其宽高、颜色等大体的样式
文字删除线（用于原价）
span行内元素，不会换行

代码
&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;
    &l]]></description><category></category></item><item><title><![CDATA[CSS笔记（盒子模型margin、border、padding）]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115131551</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115131551</guid><author>xtingjie</author><pubDate>Wed, 24 Mar 2021 17:15:37 +0800</pubDate><description><![CDATA[本文来源于pink老师教学视频


border、padding都会使盒子变大

新浪导航栏制作效果图

知识点

上下边框设置（粗细、颜色）
通过设置padding，使得元素之间的距离相等
hover伪类
CSS样式设置之前首先清除内外边距

代码
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;新浪导航栏&lt;/title&gt;
    &lt;style&gt;
        /* 先清除内外边距 */
     ]]></description><category></category></item><item><title><![CDATA[CSS学习笔记（选择器的优先级）]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115087749</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115087749</guid><author>xtingjie</author><pubDate>Mon, 22 Mar 2021 17:42:06 +0800</pubDate><description><![CDATA[本文是对pink老师教学视频的笔记
CSS中如何对元素进行定位？
CSS中通过选择器进行定位。有元素选择器、类选择器（伪类选择器）、id选择器
CSS选择器的权重？




选择器
选择器权重




继承 或者 *
0，0，0，0


元素选择器
0，0，0，1


类选择器、伪类选择器
0，0，1，0


ID选择器
0，1，0，0


行内样式 style=“ ”
1，0，0，0


!important
∞无穷大


复合选择器的权重叠加性
复合选择器的权重具有叠加性，比如“ul li”的权重就高于]]></description><category></category></item><item><title><![CDATA[CSS笔记-一个按钮]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115025352</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115025352</guid><author>xtingjie</author><pubDate>Sat, 20 Mar 2021 12:04:46 +0800</pubDate><description><![CDATA[参考pink老师的教程
效果图

知识点

行内元素转换为行内块元素（目的是使得宽高可设置）
背景图片改变
标签选择

代码
&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;style&gt;
        .nav a {
            display: inline-blo]]></description><category></category></item><item><title><![CDATA[CSS笔记2021.03.20]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/115022677</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/115022677</guid><author>xtingjie</author><pubDate>Sat, 20 Mar 2021 09:46:10 +0800</pubDate><description><![CDATA[本文仿照pink老师的视频
效果图

知识点

行内元素转为块元素
a标签如何取得下划线
文字如何对齐
鼠标滑过  hover

代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;style&gt;
        a {
            display: block;
            line-height: 40px;
 ]]></description><category></category></item><item><title><![CDATA[一个小工具snipaste]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114991627</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114991627</guid><author>xtingjie</author><pubDate>Thu, 18 Mar 2021 21:38:36 +0800</pubDate><description><![CDATA[下载地址
功能：

可以截图（F1）
能将截图置顶，就不用切换屏幕了
可以在截图上写字、标注
可以对图片打码
可以显示像素点的RGB值


]]></description><category></category></item><item><title><![CDATA[CSS笔记]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114989715</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114989715</guid><author>xtingjie</author><pubDate>Thu, 18 Mar 2021 21:29:10 +0800</pubDate><description><![CDATA[CSS的元素显示模式

分为块元素和行内元素
常见的块元素：&lt;h1&gt;~&lt;h6&gt;,&lt;p&gt;,&lt;div&gt;,&lt;ul&gt;,&lt;ol&gt;,&lt;li&gt;

块元素的特点：

独占一行
高度、宽度、内外边距可设置
默认宽度是容器的宽度（一整行）
是一个容器及盒子，里面可以放行类或块级元素
文字类的元素里面不能包块级元素，比如p里面不能放div
a标签里面可以放块级元素

行内元素的特点：

相邻行内元素在一行
宽高无法直接设置
默认宽度就是内容本身的]]></description><category></category></item><item><title><![CDATA[网页排版1]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114946728</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114946728</guid><author>xtingjie</author><pubDate>Wed, 17 Mar 2021 20:02:45 +0800</pubDate><description><![CDATA[效果图

知识点

批量字体设置
如何定位到某个元素（用class）
行高line-height

代码：
&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=dev]]></description><category></category></item><item><title><![CDATA[PPT目录页设计]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114764671</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114764671</guid><author>xtingjie</author><pubDate>Sat, 13 Mar 2021 21:56:21 +0800</pubDate><description><![CDATA[知识点

形状（矩形）
形状的阴影
元素合并（ctrl+G）
动画

参考：

                    
                    别人家的PPT 高级滑动创意动画 创意究极究极究极无限 powerpoint
                  

]]></description><category></category></item><item><title><![CDATA[设计一张PPT]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114753485</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114753485</guid><author>xtingjie</author><pubDate>Sat, 13 Mar 2021 17:08:55 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[HTML 滑动条改变页面背景颜色]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114376099</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114376099</guid><author>xtingjie</author><pubDate>Thu, 04 Mar 2021 19:42:17 +0800</pubDate><description><![CDATA[效果图

&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;style&gt;
            div {
                position: absolute;
                left: 35%;
                top: 40%;
            }
            input {
]]></description><category></category></item><item><title><![CDATA[HTML5 canvas 2048小游戏]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114181411</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114181411</guid><author>xtingjie</author><pubDate>Sat, 27 Feb 2021 17:16:32 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;2048&lt;/title&gt;
		&lt;style&gt;
			canvas{
				background-color: white;

			}
		&lt;/style&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;canvas id="mycanvas" style="position:absolute "&gt;该浏览器不支持.]]></description><category></category></item><item><title><![CDATA[HTML5之canvas，画一个时钟]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114106634</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114106634</guid><author>xtingjie</author><pubDate>Thu, 25 Feb 2021 21:10:56 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;北京时间&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;canvas id="mycanvas"&gt;该浏览器不支持canvas&lt;/canvas&gt;
        &lt;script&gt;
            var canvas = document.getEle.]]></description><category></category></item><item><title><![CDATA[HTML5 canvas 画平抛小球]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/114044487</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/114044487</guid><author>xtingjie</author><pubDate>Wed, 24 Feb 2021 22:08:57 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;小球平抛运动&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;canvas id="mycanvas"&gt;该浏览器不支持canvas&lt;/canvas&gt;
        &lt;script&gt;
            var mycanvas = document.ge.]]></description><category></category></item><item><title><![CDATA[pandas中dataframe相关操作：截取一行或几行，拼接，添加一行]]></title><link>https://blog.youkuaiyun.com/xtingjie/article/details/113869975</link><guid>https://blog.youkuaiyun.com/xtingjie/article/details/113869975</guid><author>xtingjie</author><pubDate>Fri, 19 Feb 2021 19:37:15 +0800</pubDate><description><![CDATA[import pandas as pd

data = pd.DataFrame()
series = pd.Series({"x":1,"y":2},name="a")
data = data.append(series)
print(data)
data = data.append(series)
print(data)

     x    y
a  1.0  2.0
     x    y
a  1.0  2.0
a  1.0  2.0


]]></description><category></category></item></channel></rss>