<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Templar136的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Templar136</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Templar136]]></copyright><item><title><![CDATA[浏览器请求nodejs搭建的web服务器上的html文件时引用不了jQuery.js文件解决办法]]></title><link>https://blog.youkuaiyun.com/Templar136/article/details/115646179</link><guid>https://blog.youkuaiyun.com/Templar136/article/details/115646179</guid><author>Templar136</author><pubDate>Mon, 12 Apr 2021 23:11:07 +0800</pubDate><description><![CDATA[构建web服务器代码(nodejs构建)
//引入核心模块http和fs
var http=require("http");

var fs=require("fs");

//创建服务器
var server=http.createServer();

server.on("request",function(req,res){
    let url=req.url;
    if(url=="/")
    {
        //请求时响应html文件
        fs.readFile("to]]></description><category></category></item><item><title><![CDATA[精灵图]]></title><link>https://blog.youkuaiyun.com/Templar136/article/details/114478579</link><guid>https://blog.youkuaiyun.com/Templar136/article/details/114478579</guid><author>Templar136</author><pubDate>Sun, 07 Mar 2021 11:00:00 +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;
    ]]></description><category></category></item><item><title><![CDATA[给body设置背景图片]]></title><link>https://blog.youkuaiyun.com/Templar136/article/details/114463222</link><guid>https://blog.youkuaiyun.com/Templar136/article/details/114463222</guid><author>Templar136</author><pubDate>Sat, 06 Mar 2021 23:36:46 +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]]></description><category></category></item><item><title><![CDATA[JS动态瀑布流]]></title><link>https://blog.youkuaiyun.com/Templar136/article/details/114417085</link><guid>https://blog.youkuaiyun.com/Templar136/article/details/114417085</guid><author>Templar136</author><pubDate>Fri, 05 Mar 2021 23:06:03 +0800</pubDate><description><![CDATA[效果图


第一排图片加载后，接下来的每一张图片选择瀑布流6列中高度最小的一列添加，添加后修改该列的高度，随后的图片依此类推完成瀑布流
当浏览器滚动条下滑到当前最后一张图片时，自动继续加载图片

html代码

先定义一个水平居中的大盒子id=container，包含所有图片
每一张图片

		&lt;div class="box"&gt; 
            &lt;div class="box_img"&gt;
                &lt;img src="img/1.jpg"&gt;]]></description><category></category></item><item><title><![CDATA[显示文本框隐藏内容]]></title><link>https://blog.youkuaiyun.com/Templar136/article/details/114380259</link><guid>https://blog.youkuaiyun.com/Templar136/article/details/114380259</guid><author>Templar136</author><pubDate>Thu, 04 Mar 2021 23:22:57 +0800</pubDate><description><![CDATA[搜索栏示例

目的

搜索栏默认显示默认信息，默认颜色#999
当鼠标聚焦时默认信息消失，准备输入,颜色变为#333



丢失焦点时若搜索栏为空，则显示默认信息，若不为空则保持当前状态，颜色变为#999

显示默认信息

保持当前状态


代码
&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"]]></description><category></category></item></channel></rss>