Nginx配置文件修改结合内网穿透实现公网访问多个本地web站点

访问http://127.0.0.1:9200/登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑。接下来,我们通过强大的且稳定的内网穿透工具cpolar，将本地nginx服务暴露至公网环境,以实现穿透多个站点端口需求，无需公网IP，也不用设置路由器。提示更新隧道成功，点击左侧仪表盘的状态——在线隧道列表，可以看到公网地址已经更新为保留成功的二级子域名，将其复制下来。来访问两个站点，测试访问成功，现在该公网地址不会随机变化了。

【web算法】列车车厢重排问题

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件

最近在维护老系统，尽量使用过layui，但是时间久了，总会忘记一些方法的使用。因此通过本篇文章大概记录常用的功能方法，比如，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件等

【javaScript面试题】2023前端最新版javaScript模块，高频24问

2023前端领域jsvaScript面试题精选

ASP.NET-WebFoms常见前后端交互方式

本文介绍了ASP.NET Web Forms开发中常见的前后端交互方式，包括控件绑定、Ajax、WebService、自定义处理程序和Form提交等。通过详细解读每种方式的特点、使用方法和示例代码，读者可以全面了解各种方式的优缺点以及适用场景。这些方法为实现前后端数据交互提供了灵活多样的选择，有助于开发者根据项目需求选择最合适的方式进行开发。

200个有趣的HTML前端游戏项目合集（持续更新中）

两百个简单的 HTML 游戏项目，可提高你的前端技能。

10个常考的前端手写题，你全都会吗？（上）

本文分享了10个常见的JavaScript手写功能。🔥如果此文对你有帮助的话，欢迎💗关注、👍、⭐✍️评论支持一下博主~

前端已死？探讨人工智能与低代码对前端的影响

随着人工智能和低代码的崛起，“前端已死”的声音逐渐兴起，现在前端工作不好找，说前端已死？前端已死这个说法并不是事实，而是一种极端的观点。事实上，前端开发在当今的互联网行业中扮演着至关重要的角色，它是构建 Web 应用程序所必需的一部分，能够实现动态交互、良好的用户体验和友好的界面设计。随着前端技术的不断发展和升级，前端开发的工作也日益复杂和多样化。

vue2.0接入海康威视控件包V3.3.0——海康威视摄像头接入前端页面(webSDK包)模式

1.首先去海康威视官网-海康开放平台(2.如果没有账号的可以先注册一个账号,有账号的直接登录3.支持与服务-资源中心4.设备开放5.设备开放-资源工具6.选择Web开发包7.点击Web3.3控件开发包V3.3的立即下载(不用下载开发指南因为下载的压缩包里已经携带了开发指南)8.这是下载下来的压缩包,进行解压(自己找个地方放就行没有具体的位置要求)9.解压下来之后进入文件夹有三个文件夹，第一个是demo，第二个是使用说明，第三个是代理。

学会Web UI框架--Bootstrap，快速搭建出漂亮的前端界面

bootstrap是一个基于HTML、CSS和Javascript语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件，bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面。Bootstrap诞生于2011年，来自Twitter公司，是目前最受欢迎的前端框架。是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JS的，简洁灵活，使得Web开发更加快捷。

Node安装教程

2、网盘获取提取码：1LUe二、安装过程1、双击安装包2、点击next。

【前端寻宝之路】学习和使用表单标签和表单控件

学习和使用表单标签和表单控件

前端下载后端文件流，文件可以下载，但是打不开，显示“文件已损坏”的问题分析与解决方案

前端下载后端文件流，xlsx文件可以下载，但是打开显示“文件已损坏”的处理方案

安装nvm，并使用nvm安装nodejs及配置环境变量

1.下载nvm解压后点击exe文件进行安装：2、点击下一步安装到 D:\NVM 下3、先在D:\NVM 下创建nodejs文件夹，然后将路径设置如下：4、点击next 一直点击 完成安装；

海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案

海康威视，WEB插件，WebSDK_V3.3.0，插件销毁报错，插件生成报错

allowedOriginPatterns和allowedOrigins方法有什么不同

这段代码表示，允许来自以 http://localhost: 开头的任意端口和以 https:// 开头的以 .example.com 结尾的任意二级域名的跨域请求访问任何请求路径，允许的 HTTP 方法包括 GET 和 POST，启用允许发送凭据，预检请求的缓存时间为 1 小时。allowedOrigins 方法使用的是字符串匹配，即只能指定具体的跨域来源，而不能使用通配符；而 allowedOriginPatterns 方法使用的是 Ant 风格的路径匹配规则，可以使用通配符来匹配多个来源。

Unity 工具之 UniWebView 内嵌网页/浏览器到应用中，并且根据UGUI大小放置（简单适配UGUI）

unity

若依vue（前后端分离版本）前端获取登录用户id

若依vue版本（前后端分离版），从缓存中获取当前登录的用户id

如何前端存token，后端获取token

在身份验证方面，Token通常用于替代传统的基于会话的身份验证机制，如使用Cookie+Session的方式。使用Token进行身份验证的好处是，服务器不需要在内存中保存用户的会话信息，因为Token本身包含了所有验证所需的信息。在前端，使用浏览器提供的 Web Storage（如LocalStorage或SessionStorage）或者使用HTTP Cookie来存储Token。Token是一种用于身份验证和授权的令牌（Token）机制，在网络通信中广泛使用。注解来接收前端传递的Token值。

十四届蓝桥杯省赛Web大学组真题（1）

再添加到父容器container中。通过编写样式，将图一变成图二，那么首先我们要知道为什么会呈现图一的样子，我们结合index.js和style.css可以知道screen与seat-area为container的子元素平级，呈现出图一是因为块级元素div将screen撑到了看不到的位置。实现目标3，我们用到.seat:nth-children(4n-2)巧妙地设立了第二行与第六行间隔下一行为30px，这时我们发现没有容下8个座位，我们只需.seat:nth-children(8n)将间隔设置为0。