前端开发【WEUI框架H5网页开发】—— WEUI+Node.js+fis3 项目开发

本文链接：https://blog.youkuaiyun.com/Pointer_Sky/article/details/106916396

本文介绍了使用WEUI框架进行H5网页开发，结合fis3进行资源路径批量转化，利用node.js的http模块实现根据请求返回不同页面的功能。详细讲解了WEUI的引入，flickity手势滑动图片效果的应用，特殊字体的引进以及fis3的配置和使用。

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

一、项目架构

项目包含CSS，HTML，images，js等静态资源文件，各自存放在以文件后缀名命名的文件夹下。
在这里插入图片描述

二、WEUI框架

1、框架说明

开发采用腾讯开发的WEUI样式，WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。
官方地址：
1）UI演示：https://weui.io/
2）JQuery库：http://www.jqweui.cn/components
3）源码地址：https://github.com/Tencent/weui

在这里插入图片描述

2、引进方式
1、源码下载链接: WEUI；
2、打开下载后的项目目录，将weui-wxss-master\dist\style\weui.min引入自己项目对应文件夹下。
3、jQuery WeUI 依赖 weui.css 和 jQuery，jQuery 的版本至少在 V1.7.0 以上。
4、HTML引入：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>火车票搜索结果页</title>
    <!-- 引入 WeUI -->
    <link rel="stylesheet" href="../css/weui.min.css">
</head>

5、其他方式引入&#