食尚项目总结

最新推荐文章于 2025-05-03 09:07:35 发布

行走的柯南

最新推荐文章于 2025-05-03 09:07:35 发布

阅读量374

点赞数

分类专栏：项目总结

本文链接：https://blog.youkuaiyun.com/qq_31123547/article/details/51859682

版权

8 篇文章

订阅专栏

这篇博客介绍了如何利用Node.js的fs模块处理静态页面，并在搜索页面应用正则表达式进行搜索。还探讨了CSS实现侧边栏百分百高度的两种方法，包括使用js控制和CSS定位，强调了当内容不足一屏时CSS方法的局限性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为想试试利用node的文件模块fs 切分静态页，所以简单写了几个页面，点击我看看

这里写图片描述

1 然后在搜索页的时候，利用正则做了一次搜索事件

var searchVal = $("input[name='search']").val();
。。。
var find = new RegExp(searchVal,'g');
if(find.test($it)){
     $(item).parents("li").fadeIn();
}

如果正则表达式的动态变化的，就需要使用 new RegExp ，如果在页面中实用的是写死的正则表达式，就可以不用这么写

2 有时候需要一个侧边栏高度百分百的要求，以前是使用js来控制的，比如

$(".navList").css('height':$(document).height );

其实还可以换一种使用css的方法
这里写图片描述

这里写图片描述

也就是导航列表的外面的盒子使用position 然后给高度100% 内部导航列表也是高度100%

注意，这种方法在一种情况下没有用
那就是
当你的主体内容部分高度还不足一屏幕的时候，使用这方法无效。因为导航高度是参照内容高度来进行百分百设置的，如果内容高度不够一屏，那导航自然也不会达到一屏了，这个主要可能发生在类似个人中心那种一屏显示的页面中，需要注意