静态 页面nginx build

app直播源代码,uniapp点击按钮 保存页面为图片到本地

app直播源代码,uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> ​ 然后把点击事件写上 capture() {var pages = getCurrentPage ......
源代码 按钮 页面 uniapp 图片

快速把Nginx安装为Windows服务,把软件加入系统服务自动启动方法windows下

用nssm软件 下载地址:https://nssm.cc/download 首先介绍一个NSSM这个小工具,将exe做成系统服务,非常方便实用。 官网:NSSM - the Non-Sucking Service Manager 直接下载:nssm-2-24 NSSM是一个服务封装程序,它可以将普通 ......
Windows windows 方法 系统 Nginx

js检测页面关闭事件

window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; //页面关闭之前触发,在onunload事件之前触发,可以禁止onunload事件的触发 function onbeforeunlo ......
事件 页面

使用Nginx实现灰度发布的理解和Cookie创建

灰度发布是指在黑与白之间,能够平滑过渡的一种发布方式。AB test ,ABTestingGateway就是一种灰度发布方式,让一部分用户继续用A,一部分用户开始用B,如果用户对B没有什么反对意见,那么逐步扩大范围,把所有用户都迁移到B上面来。 灰度发布可以保证整体系统的稳定,在初始灰度的时候就可以 ......
灰度 Cookie Nginx

巧用NGINX配置解决跨域问题

1,前端页面放在域名根目录,比如,http://www.xuecheng.com/ ,对应的nginx配置: #门户 location / { alias D:/Z_lhy/SpringCloud/xuecheng_online/www/xc-ui-pc-static-portal/; index ......
问题 NGINX

Nginx 通过 Cookie 做灰度就这么简单

由于业务需要,要做灰度发布测试,刚开始考虑通过 IP 来做判断,分发不同的后端,但是由于 IP 不好确定,有的客户端 IP 不固定,所以考虑用 cookie 来做 逻辑很简单,如下图: 在 nginx 做这个很简单,两个方法,map 或 if 首先看 map 怎么做 为了模拟环境,我又不想多开服务器 ......
灰度 Cookie Nginx

巧用Nginx配置解决跨域问题

页面nginx配置 1,前端页面放在域名根目录,比如,http://www.xuecheng.com/ ,对应的nginx配置: #门户 location / { alias D:/Z_lhy/SpringCloud/xuecheng_online/www/xc-ui-pc-static-porta ......
问题 Nginx

通过Nginx定义Header头信息

通过修改nginx的conf文件,轻松达到自定义HTTP Header的目的。 Nginx 使用 ngx_headers_more 模块来增加、删除出站、入站的 Header 信息。默认该模块没有加入到 Nginx 的源码中,要想使用相关功能需要在编译 Nginx 时加入该模块。本人服务器中的 Ng ......
Header Nginx 信息

动态库、静态库

函数库: 库是将源代码转换为二进制格式的源代码,别人可以使用库,但不能看到库中的内容。 静态函数库: 在程序在编译的时候就加入到目标程序中 优点: 1. 静态库被编译到程序中,加载速度快; 2. 发布程序时无需提供静态库,因为已经包含在程序中,所以移植方便 缺点: 1. 链接时全部拷贝到了程序中,多 ......
静态 动态

Docker CLI docker compose build常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 compose Docker docker

使用 Nginx 实现域名解析到不同端口的应用

作为个人网站的服务器,一般都是一台。上面部署了各种应用,都是不同的端口。但是域名只能解析到80端口,而且如果你使用隐形URL转发的话,又需要另外加钱(TX 的就是几百块一条....),这就很尴尬了。另一种显性URL又会直接301跳转,体验非常不好。这可如何是好呢? 这就需要用到Nginx做反向代理了 ......
端口 域名 Nginx

nginx简单反向代理

worker_processes 1; events { worker_connections 1024;} http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeou ......
nginx

AOP底层原理-装饰模式(静态代理)

原始方法: 静态代理的方法: 测试: ......
底层 静态 原理 模式 AOP

页面元素图层覆盖的问题

比如堆积,表A盖住了表B的一部分内容: 1.最简单的就是看背景色,关掉背景色即可解决: 2.选中下边的表,复制->删除->粘贴(就是用下面的表盖住上面的表) 3.使用【Selection】,在【Selection】里面拖拽显示顺序,在里面找到对应元素之后,直接上下拖拽即可: 4.使用【Format】 ......
元素 页面 问题

在浏览器端通过JS使用blob下载页面上的所有图片到本地

背景说明: 有一个站点页面上提供了192张图片供人浏览,https://ow365.cn/?i=21143&ssl=1&n=5&furl=XnZULZgaboaqolKW8yxiuW_bo78ozXbiWHH@EXuvOeC_QkhKiwDGK2BMM9m@EbwiQNmolsdEsV0= 尝试在n ......
浏览器 页面 图片 blob

web浏览器页面实现滚屏效果

web 浏览器页面实现滚屏效果 window 对象提供了执行动画的方法 window.requestAnimationFrame() 场景:固定位置显示多项内容列表 需要自动滚屏展示 demo: /** * 设置文本滚屏效果 */ setTextScroll(): void { const ulBo ......
浏览器 效果 页面 web

echarts可视化,页面尺寸变化时,echarts随着改变加防抖

const container = document.querySelector('.charts') 1、不需要跟新数据 window.addEventListener("resize", () => { container.resize(); }); 2、需要更新数据 function debo ......
echarts 尺寸 页面

Nginx具体应用

部署静态资源 Nginx可以作为静态web服务器来部署静态资源。静态资源指再服务端真实存在并且能够直接展示的一些文件,比如常见的html页面、css文件、js文件、图片、视频等资源。 相较于Tomcat,Nginx处理各种静态资源的能力更加高效,所以在生产环境下,一般都会将静态资源部署到Nginx中 ......
Nginx

nginx全局变量

1、https://blog.csdn.net/weixin_42324463/article/details/127164692 2、https://blog.csdn.net/wzj_110/article/details/112594880?spm=1001.2101.3001.4242.1& ......
全局 变量 nginx

Nginx安装

一、Nginx安装 1、依赖包 yum install -y gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel wget vim telnet net-tools 2、下载1.22.0版本安装包 cd /opt/soft && ......
Nginx

nginx更新静态页面客户端缓存不刷新问题

问题描述: 频繁部署静态资源,nginx自带缓存未刷新 通过ftp/sftp上传到nginx的静态页(尤其是打包好的单页应用),有可能遇到客户端缓存不刷新的问题,即使重启nginx都无效 客户端浏览器也有缓存,一般关闭进程(手机清理,注意某些app光按返回键退回桌面是不会结束进程的),强制刷新网页等 ......
缓存 静态 客户端 客户 页面

Linux---安装nginx

1.安装所需环境(依赖包) yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel //一键安装 详解: 分开安装命令: yum install gcc-c++ //安装gcc yum install -y pcre p ......
Linux nginx

一个或多个页边距被设置到也可打印的页面范围之外,处理方式

DevExpress Report Print的时候,出现这样的问题: 要忽略这个提示,方法为: report.CreateDocument(); report.PrintingSystem.ShowMarginsWarning = false; ......
多个 范围 页面 方式

【uniapp】学习笔记day03 | 页面制作

一、开发层级结构介绍 page.json 对uniapp进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbbar manifest.json 应用的配置文件,指定应用的名称、图标、权限 App.vue 页面入口文件,可以调用应用的生命周期函数 main.js 初始化vue实 ......
页面 笔记 uniapp day 03

Abnormal build process termination--解决IDEA启动web项目报错

在project structure中,把sdk中的jdk重新添加,却发现选择了正确的jdk目录却提示不是正确的jdk路径。于是,我重新安装了jdk。在idea中又重新引了jdk。这个问题就解决了。所以有时候当你一直运行正确的时候,突然发现有问题了。可能就是近期修改的东西导致的。 基本就是jdk的问 ......
termination Abnormal process 项目 build

Linux&Nginx16_Nginx反向代理6

一、概念 反向代理代理(Reverse Proxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给internet上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。 首先我们先理解正向代理,如下图: 正向代理 ......
Nginx Linux amp 16

笔记一:简单小米官网静态首页制作

学习前端也有一段时间了,这段时间学习了html、css,于是想做一个页面来巩固一下,就选择了小米的官网首页,制作了一个简单的静态页面。 运行截图: 代码: html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
小米 静态 笔记

活字格性能优化技巧(3):如何巧用CDN提升含页面的访问速度

本文由葡萄城技术团队于博客园原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 上两篇中我们分享了如何利用数据库主键和表格设置默认不加载数据来提升应用系统访问的性能。在本篇中一起来看看如何在活字格中利用CDN技术来提升页面的访问速度。在此之前,先看看 ......
活字 性能 速度 页面 技巧

通过 lua 进行 nginx redis 访问控制

Nginx来处理访问控制的方法有多种,实现的效果也有多种,访问IP段,访问内容限制,访问频率限制等。 1. 需求分析 1. Nginx来处理访问控制的方法有多种,实现的效果也有多种,访问IP段,访问内容限制,访问频率限制等。 2. 用Nginx+Lua+Redis来做访问限制主要是考虑到高并发环境下 ......
nginx redis lua

Debian11设置静态IP

root@Debian:~# cat /etc/network/interfaces # This file describes the network interfaces available on your system # and how to activate them. For more ......
静态 Debian 11