考虑到网站的在多种设备下的兼容性，有很多网站会有手机版和电脑版两个版本。访问同一个网站URL，当服务端识别出用户使用电脑访问，就打开电脑版的页面，用户如果使用手机访问，则会得到手机版的页面。1、判断客户端的设备类型要想让网站适配PC和手机设备，首先要能做出准确的判断。HTTP请求的Header中的User-Agent可以区分客户端的浏览器类型，可以通过User-Agent来判断客户端的设备。无论是
转载
2024-03-27 10:31:34
253阅读
推荐个nginx配置网页版操作网址：https://nginxconfig.io/壹、安装所需环境Nginx 是 C语言 开发，建议在 Linux 上运行，当然，也可以安装 Windows 版本，本篇则使用 CentOS 7 作为安装环境。一. gcc 安装 安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：-----
一、Nginx概述1. Nginx介绍 Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx的网站有：百度、京东、新浪、网易、腾讯、淘宝等。
转载
2024-03-28 03:33:25
175阅读
本地虚拟机安装nginx1、环境安装1.1、先安装gcc-c++编译器1.2、再安装pcre包1.3、再安装zlib包2、下面进行nginx的安装2.1、准备nginx安装包2.2、解压压缩包2.3、将解压后的压缩包放到/usr/local下2.4、切换到/usr/local文件夹下，修改nginx-1.9.9文件名2.5、进入nginx文件夹2.6、配置2.7、编译安装2.8、查找安装路径2.
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。本文要讲的的是如何使用nginx区分
转载
2024-02-29 15:03:44
236阅读
1、Nginx简介 Nginx("engine x") 一个具有高性能的【HTTP】和【反向代理】的【WEB服务器】，同时它也是一个【POP3/SMTP/IMAP代理服务器】，由伊戈尔 • 赛索耶夫（俄罗斯人）使用【C语言】编写的，Nginx的第一个版本是2004年10月4日发布的0.1.0版本。另外值得一提的是伊戈尔 • 赛索耶夫将Nginx
场景 现在的需求是这样，在pc端访问www.one.com和m.one.com都跳转到www.one.com而在移动端访问www.one.com和m.one.com都跳转到m.one.com 参考，github上的这篇文章很详细，但是比较复杂，很多场景我们用不到，所以参考这个，我修改如下。 pc端：
转载
2019-10-14 17:34:00
965阅读
2评论
// 在server字段添加if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ rewrite ^/(.*)$ https://demo.demo.cn redirect;}
原创
2022-03-29 14:34:48
292阅读
// 在server字段添加if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ rewrite ^/(.*)$ https://demo.demo.cn redirect;}
原创
2021-06-30 16:30:04
718阅读
1. ZooKeeper 是什么？ZooKeeper 是一个开放源码的分布式协调服务，它是集群的管理者，监视着集群中各个节点 的状态根据节点提交的反馈进行下一步合理操作。最终，将简单易用的接口和性能高效、功 能稳定的系统提供给用戶。 分布式应用程序可以基于 Zookeeper 实现诸如数据发布/订阅、负载均衡、命名服务、分布 式协调/通知、集群管理、Master 选举、分布式锁和分布式队列等功能。
Windows server上用nginx部署vue3项目一、Node中node_modules文件夹及package.json文件的作用说明二、VUE3项目打包三、Windows Server上的Nginx部署 一、Node中node_modules文件夹及package.json文件的作用说明node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹，更多细节请见以下链
Nginx：轻量级，采用 C 进行编写，同样的 web 服务，会占用更少的内存及资源抗并发，nginx 以 epoll and kqueue 作为开发模型，处理请求是异步非阻塞的，负载能力比 apache 高很多，而 apache 则是阻塞型的。在高并发下 nginx 能保持低资源低消耗高性能 ，而 apache 在 PHP 处理慢或者前端压力很大的情况下，很容易出现进程数飙升，从而拒绝服务的现象
转载
2024-03-18 09:11:11
46阅读
M站、h5、PC端、移动APP等这些都是前端开发最长接触到的，今天我就大概的聊一聊他们吧！ M站：M站一般是指手机网页端的页面，也就是mobile移动端 H5：H5，是HTML5的简称，他是一种高级的网页技术，最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页，他跟我们平时上网看到的那些网页本质上没有任何区别 pc端：PC全
转载
2023-07-06 13:48:26
1844阅读
方案一之前笔者的解决方案是在项目（vue项目）中通过路由切换来实现的，但是这种做法会在网页中看到一个切换的动作，并且这种方法存在两个项目都加载的情况，这样就大大的增加了首屏加载所需要的时间，用户体验感不好。方案二之后在网上找到了另一种方法，就是再新建一个项目，项目中不添加其他内容，就只配置路由，并且尽可能减小该项目包的大小（cdn引入，删掉没用的代码），在路由里面判断用户设备然后选择跳转到pc端还
转载
2024-03-07 12:56:44
318阅读
一、前端项目角色简称PM产品经理（Project Manager），项目主管或项目经理RD研发（Research and Development）CRD客户端；移动端（client Research and Development）FE前端（Front-End）；前端开发（Frond-End Development）QA测试（QUALITY ASSURANCE,中文意思是“质量保证”）UE用户体验
转载
2023-10-26 14:09:58
79阅读
一 uwsgi介绍uWSGI是一个Web服务器,它实现了WSGI协议，uwsgi, http等协议。 Nginx中HttpUwsgiMoule的作用是与uWSGI服务器进行交换 1 WSGI是一种Web服务器网关接口。它是一个Web服务器（如nginx，uWSGI等服务器）与web应用（如用Flask框架写的程序）通信的一种规范。 2 uwsgi是一种线路协议而不是通信协议，在此常用于在uWSGI
转载
2024-10-15 19:49:13
69阅读
# 如何实现“jQuery PC 移动端”
## 介绍
在如今移动设备的普及程度越来越高的情况下，为了提供更好的用户体验，很多网站都需要对PC端和移动端进行适配。使用jQuery可以很方便地实现这个功能，本文将介绍如何使用jQuery实现PC端与移动端的适配。
## 流程
下面是实现“jQuery PC 移动端”的整个流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 引
原创
2023-11-24 09:15:29
134阅读
1、兼容性方面 移动端：主要是不同终端分辨率问题 PC端 ： 主要在浏览器不同内核兼容性上问题2、布局方面 移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局） PC端 ： 通常有
转载
2023-07-14 18:16:34
428阅读
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面：在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说：Navigator对象 首先来了解一下Navigator 对象，Navi
转载
2023-12-14 11:28:53
190阅读
1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的。3.在布局上
转载
2023-11-25 15:05:27
93阅读
