前后端分离这个问题其实松哥和大家聊过很多了，上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览（喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了），然后群里就有小伙伴想让松哥来聊聊如何结合 Nginx 来部署前后端分离项目？今天我们就来聊一聊这个话题。不得不说的跨域很多人对前后端分离部署感到困惑，其实主要是困惑跨域问题怎么解决。
转载
2024-10-09 17:12:22
282阅读
一、WebGL和传统网页的区别：普通网页组成成分：HTML、JavaScript；WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)；二、WebGL采用H5中的<canvas>元素来定义绘图区域，然后通过JavaScript内嵌GLSL ES在canvas中绘制三维图形。canvas可以同时支持二维图形和三维图形，它不直接提供绘图
转载
2024-05-06 13:23:26
69阅读
# Docker部署Nginx服务器用于H5网站
在现今的互联网时代，H5网站已经成为了各种应用的重要载体。而为了更好地部署H5网站，使用Docker来快速搭建Nginx服务器是一种常见的方式。本文将介绍如何使用Docker来部署一个简单的Nginx服务器，用于托管H5网站。
## 1. 准备工作
在开始之前，我们需要确保已经安装了Docker和Docker Compose。如果还没有安装，
原创
2024-04-15 05:30:48
232阅读
HTML5 Web 存储在HTML5之前，主要是使用cookies存储，cookies的缺点有：需要在请求头上带着数据，存储大小不过，在4k之内。本节，HTML5 web 存储，一个比cookie更好的本地存储方式。什么是 HTML5 Web 存储?使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被
# 如何使用Docker部署Nginx服务器来托管H5网页
## 整体流程
为了让你更好地理解如何使用Docker部署Nginx来托管H5网页，我们可以分为以下几个步骤：
| 步骤 | 描述 |
| ---- | ------------------------------ |
| 1 | 安装Docker
原创
2024-04-06 06:14:17
324阅读
安装nginx1. 找到/usr/local/src/的目录（不一定非要这个目录，可根据自己服务器情况而定），下载，解压安装包，若无外网，下面提供了网盘的下载nginx的地址cd /usr/local/src/ # 找到目录
wget http://nginx.org/download/nginx-1.6.2.tar.
转载
2024-04-01 09:47:14
137阅读
1、修改nginx的程序管理用户和组1）nginx运行的默认用户 Nobody2）创建管理用户和组 [root@nginx /]# groupadd nginx
[root@nginx /]# useradd -M -s /sbin/nologin -g nginx nginx3）配置编译和安装 [root@nginx nginx-1.6.0]# ./configure --prefix=/us
转载
2024-10-18 08:37:41
133阅读
Docker实战演练之组件篇:docker 部署nginx 前面我们已经熟悉了一些基本的docker操作命令和搭建了私有仓库，但是我们的目标是搭建出一个完整的开发环境来，接下来要做什么呢？我的想法是先部署个nginx，把前端页面给显示出来，所以部署nginx就成了当务之急。 一、准备 &nb
转载
2023-08-22 17:54:50
152阅读
省去了安装、测试文件、虚拟环境建立部分，根据多次部署的经验总结出一套自己的部署方法，包括问题排查措施、文件配置等。django部分1、 本地部分1.1 .gitignore 设置向代码托管服务器上 push 代码的时候，一定注意忽略几个可能会影响到网站部署的文件以及文件夹*.pyc 所有编译文件pycache/ 文件夹还有一些不用上传的文件以及文件夹：.idea 文件夹db.sqlite3 尽量
功能说明nginxWebUI 是一款图形化管理 nginx 配置得工具，可以使用网页来快速配置 nginx 的各项功能，包括 http 协议转发，tcp 协议转发，反向代理，负载均衡，静态 html 服务器，ssl 证书自动申请、续签、配置等，配置好后可一建生成 nginx.conf 文件，同时可控制 nginx 使用此文件进行启动与重载，完成对 nginx 的图形化控制闭环.nginxWebUI
转载
2024-03-05 17:48:29
197阅读
前段时间无意间翻看某个大神的QQ个人说明，有句话突然点醒了迷途中的我 —— 知道 + 做到 = 得到。这句话在我当下的状况显得特别的符合语境，学习某个知识或者解决某个问题的时候，习惯性的总是通过大量的搜索来扩展自己的知识面，但是我发现，能够搜出来百分之50以上的东西，知识的重复性非常的大，因此萌生了做一些专题的知识性总结。这篇文章的目的是搭建前端项目的自动化部署，其中涉及到 docker 的安装部
转载
2023-08-23 16:56:41
11阅读
H5常用标签:h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,dl,dt,dd,img,a,span,b,strong,i,em,sub,sup,pre,input其中h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,dl,dt,dd都属于块(block)级标签,块级标签可以设置宽高，以及内外边距，但是独占一行；img,a,span,b,strong,i,em,s
一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移
转载
2024-05-31 15:28:56
57阅读
需求：以微信公众号为入口，提供h5页面共用户进行业务操作，用户信息完全依赖公众号；方案：创建公众号-》用户关注公众号-》静默授权到h5页面-》h5页面获取用户信息-》用户在h5页面上进行业务操作；准备：公众号一个（必须是需要认证的，认证需要硬性条件，无奈只能用测试账号，测试账号有一个坑的地方，下边会讲到）， 可以进行域名访问80端口的服务器一台（域名和服务器都好搞也便宜，但是域名需要备案才能访问，
转载
2024-05-03 15:00:02
93阅读
1、语义化标签：header、footer、section、nav、aside、article2、增强型表单：input的多个 type3、新增表单元素：datalist、keygen、output4、新增表单属性：placehoder、required、min 和 max5、音频视频：audio、video6、canvas绘画7、地理定位8、拖拽9、本地存储：localStorage - 没有时
# 实现“docker nginx 部署多个 h5 服务”教程
## 整体流程
首先，我们需要在一个Docker容器中部署Nginx，并配置该Nginx容器可以同时代理多个H5服务。然后，我们需要创建多个H5服务的Docker容器，并将它们连接到Nginx容器。最后，我们需要启动所有的Docker容器，并通过访问Nginx容器的IP地址来访问这些H5服务。
### 步骤概览
```mermai
原创
2024-04-15 05:30:35
131阅读
在H5项目中有一种常见的宣传页，就是那种整屏整屏的，带着炫丽进场动画的移动宣传页，不仅是一种欣赏也起到了很大宣传作用。对于这种整屏的适配，前面通过视口的兼容处理也是可以做到的，但是在窄屏下会在上下有明显的切割，于是想到既然是保证内容在整屏，那是不是只要保证高度在整屏内就完美了，不管屏幕怎么小整个高度被填在屏幕内，于是就有了这一种适配方案：代码如下：<!DOCTYPE html>
<
转载
2024-04-03 21:13:52
99阅读
一、html5+ 通过 HTML5 开发移动 App 时，会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足，在 W3C 中国的指导下成立了 www.HTML5Plus.org组织，推出 HTML5+规范。 HTML5+扩展了 JavaScript 对象 plus，使得 js 可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力
转载
2024-03-21 22:50:17
300阅读
目录三、vue基础3.1 vue介绍与传统js的差异化 3.2 模板语法3.3 data属性3.4 条件渲染 3.4.1 v-if和v-else3.4.2 v-show3.4.3 v-if和v-show的区别3.5 列表渲染 v-for3.5.1 对数组进行渲染3.5.2 对对象进行渲染3.5.3 key3.6 vue的常用指令3.6.1 v-html3.6.2 v-once3
最近刚好有空，学长帮忙让做个毕设，于是我提到了那个基于H5地理位置实现天气查询的方法，学长听了也觉得不错，于是就这个主题，扩展了一下，做了一个航班管理查询系统，为上次博客中提到的利用H5 api中的经纬度应用做了一个例子。这边也贴上部分代码简单提下思路。首先网站框架：bootstarp+less+ajax(交互方法)+php+mysql 搭建在sae平台上，文章结束贴上demo地址
转载
2024-04-25 07:04:59
81阅读
