## k8s node节点的nginx配置 用于多apiserver时候, node节点的nginx访问3台apiserver时候的配置. nignx是pod跑的,网络是-net模式error_log stderr notice;
worker_processes auto;
events {
multi_accept on;
use epoll;
worker_connectio
Nginx简介 & 安装1、Nginx简介1）Nginx 特性2）Tengine简介2、Nginx安装1）RPM包安装①在线RPM包安装②yum源安装2）源码安装 1、Nginx简介Nginx 是一款轻量级的网页服务器、反向代理服务器以及电子邮件（IMAP/POP3）代理服务器。此软件在 BSD-like 协议下发行，可以在UNIX、GNU/Linux、BSD、Mac OS X、Sola
一、移动端多设备适配 参考了手机淘宝： 针对安卓所有设备，devicePixelRatio(简称dpr)，统一当作“1”处理，即一倍屏；然后viewport的宽度就等于device-width，但是淘宝的做法是没有对viewport的width做明确指定，仅指定了scale值；因为浏览器实际上会根据scale来设置viewport的宽度； 针对ios，则存在2倍
原创
2015-09-24 16:21:09
1543阅读
一. 移动端适配1.安装两个插件库 lib-flexible和px2rem-loader flexible.js是淘宝官方H5移动适应解决方案 px2rem会在项目编译的过程中根据根结的font-size值将我们项目css中的px单位转成rem， 其中不需要转成rem的可以写成PX ，UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,
有时候想查看下自己台式机电源的具体配置，有什么方法查看呢?下面是小编收集整理的，希望对大家有帮助~~样查看台式机电源配置查看台式机电源配置方法一：1、可以根据电源的品牌型号，网上或者电商平台查询一下产品，然后看电源参数，就可以知道了是多大功率的了。2、若是使用中的电源，直接拆开机箱查看也可以，电源上都是有功率标注的。查看台式机电源配置方法二：一，在桌面上右击我的电脑，在弹出的菜单中选择属性。二，在
场景1 移动端和pc端风格类似，内容可复用： 直接媒体查询 @media screen and (max-width: ***px)； 根据屏幕大小设置样式 场景2 风格差别比较大，内容不可复用，但接口可复用； 放在同一工程下，新建手机端文件夹，编写相应路由。 在app.vue页面编写，根据打开页面 ...
转载
2021-11-03 19:27:00
2459阅读
2评论
nginx适配PC和移动端#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_c
转载
2021-01-21 18:20:09
419阅读
2评论
总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算 写css缺点:复杂些的布局就满足不了 不能百分百还原设计图Rem布局 js动态计算html font-size值宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px 用js根据视图宽度计算 html的font-size值3. vw布局 与r
原创
2015-07-31 21:34:56
1162阅读
移动web开发常见单位 1.什么是像素(Pixel)? 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的，一个小方格就是一个像素；例如div尺寸是100 x 100，那么水平方向就占用100个小方格，垂直方向就占用100个小方格。 2.像素特点 不会随着视口大小的变化而变化, 像素是 ...
转载
2021-06-20 00:30:00
344阅读
2评论
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值下面我们分别将这两个工具配置到项目中完成 REM 适配。一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）1、安装 # yarn a
总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算 写css缺点:复杂些的布局就满足不了 不能百分百还原设计图Rem布局 js动态计算html font-size值宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px 用js根据视图宽度计算 html的font-size值function resetRem(){
&n
原创
2015-07-31 21:41:14
873阅读
移动端适配
原创
2018-08-28 08:31:02
958阅读
1px问题 京东商城解决方案：伪元素 + scale .div::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bfbfbf; borde ...
转载
2021-07-12 20:13:00
480阅读
2评论
https://gitee.com/eric167/pc-rem-demo
原创
2021-07-31 16:04:37
1029阅读
简介 今天主要讨论一下，对于分布式服务，站点如何平滑的上下线问题。 分布式服务
在分布式服务下，我们会用nginx做负载均衡， 业务站点访问某服务站点的时候， 统一走nginx， 然后nginx根据一定的轮询策略，将请求路由到后端一台指定的服务器上。
这样的架构是没有问题的， 但是我
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小 created() {
// 获取当前设备的宽度，设置rem的根字体大小
let width = window.innerWidth;
width = width <= 1200 ? 1200 : width;
const htmlObj = d
目录一、背景介绍1.1 为什么要进行移动端适配1.2 移动端适配方案二、rem方案2.1 什么是rem2.2 怎么根据屏幕尺寸设置根元素html的font-size2.3 postcss-pxtorem三、viewport方案3.1 什么是viewport方案3.2 postcss-px-to-viewport四、总结（如果只想看实现步骤可跳过前面直接看本节）4.1 rem方案实现步骤总结4.2
移动端网页宽度几乎全为移动设备屏幕宽度的100%，而每个移动端设备的屏幕又有着各不相同的宽度。 为了使页面在在不同的移动设备上能够保持统一的显示效果，这个时候就需要为移动端网页进行适配了。移动端的适配方案有很多种，比如百分比布局,弹性和rem.vh 布局。flex + rem单位 做适配效果 （比如淘宝和小米移动端） 当前市场最多 flex + viewport width /vh单位 做适配效果
