创建局域网分享图片及html页面服务（简单讲下）

---

要让前端自己创建的原生HTML网页在局域网内分享，最简单的方法是通过搭建一个简单的本地Web服务器。以下是具体的步骤：

1. 使用Python的SimpleHTTPServer（适用于Windows）

如果你的电脑上安装了Python，你可以使用Python的内置模块http.server（在Python 2中是SimpleHTTPServer）来快速搭建一个Web服务器。

1. 打开命令行工具（在Windows上是CMD或PowerShell，在macOS上是Terminal）。
2. 导航到包含你的HTML文件的目录。例如，如果你的HTML文件在C:\Users\17164\Desktop\fff

这里是文件夹路径

cd C:\Users\17164\Desktop\fff

|

或者直接在文件夹里面找到你的文件

1. 路径cmd打开
2. 运行以下命令来启动Web服务器
3. | | |
   | — | — |
   | 注意端口占用问题 |

python -m http.server 8080

|

正在运行中，但是不会实时更新，每次进入页面就会执行一次请求（手动刷新）
4. 在Python 2中，命令是：

注意端口占用问题

python -m SimpleHTTPServer 8080

|

这将在端口8080上启动一个Web服务器。你可以通过访问http://localhost:8080来在本地浏览器中查看你的网页。

用这个打开text会乱码，编码不一致导致的，但是下面的第二种方法不会

打开其中的.html文件：

打开其中的.png文件：

分享完成

推荐第2种：

2. 使用Node.js和http-server（适用于所有平台）

如果你已经安装了Node.js，你可以使用http-server这个npm包来快速搭建Web服务器。

1. 安装http-server（如果你还没有安装的话）：

2. | | |
   | — | — |
   | |

npm install -g http-server

|

1. 导航到包含你的HTML文件的目录。
2. 运行以下命令来启动Web服务器：

http-server

|

这将在默认端口（通常是8080）上启动一个Web服务器。你可以通过访问http://localhost:8080来在本地浏览器中查看你的网页。
3.

或者用其他设备打开

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

mit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-GsOGXxtK-1714557082868)]