考虑到网站的在多种设备下的兼容性，有很多网站会有手机版和电脑版两个版本。访问同一个网站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阅读
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评论
M站、h5、PC端、移动APP等这些都是前端开发最长接触到的，今天我就大概的聊一聊他们吧！ M站：M站一般是指手机网页端的页面，也就是mobile移动端 H5：H5，是HTML5的简称，他是一种高级的网页技术，最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页，他跟我们平时上网看到的那些网页本质上没有任何区别 pc端：PC全
转载
2023-07-06 13:48:26
1844阅读
本地虚拟机安装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.
一、前端项目角色简称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阅读
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阅读
1、兼容性方面 移动端：主要是不同终端分辨率问题 PC端 ： 主要在浏览器不同内核兼容性上问题2、布局方面 移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局） PC端 ： 通常有
转载
2023-07-14 18:16:34
428阅读
一. 移动端适配1.安装两个插件库 lib-flexible和px2rem-loader flexible.js是淘宝官方H5移动适应解决方案 px2rem会在项目编译的过程中根据根结的font-size值将我们项目css中的px单位转成rem， 其中不需要转成rem的可以写成PX ，UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,
转载
2024-04-19 15:21:15
524阅读
// 在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阅读
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。本文要讲的的是如何使用nginx区分
转载
2024-02-29 15:03:44
236阅读
一 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阅读
负责一个项目pc端的，再上线以后呢，想兼容移动端。用同一套页面 1.方法1 定义视口窗口，简单，可以在手机上看到一个缩小版的pc端
原创
2022-07-06 11:50:40
847阅读
关于移动端屏幕适配的文章网上有很多，大部分都写的很好，而本文是我自己观摩各路大神的文章后的小小总结。flexible方案说到移动端适配，总不免会提到阿里的flexible方案。对于flexible，我总结出以下几点：使用rem实现等比缩放：使用js动态设置html标签的font-size将屏幕宽度按10rem进行计算html标签的font-size为了以后vh、vw兼容计算非常麻烦，生产中要使用c
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面：在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说：Navigator对象 首先来了解一下Navigator 对象，Navi
转载
2023-12-14 11:28:53
190阅读
