rem

一、前言 一般启动tomcat都是找到bin目录下的startup.bat(windows)下或者startup.sh(linux下)，所以要研究tomcat的启动，startup脚本是避不开的。那么下面就来看一看windows下面的startup.bat。 二、bat文件 要看懂startup.bat，首先得对bat文件有个基本的了解。 bat文件是dos下的批处理文件。批处理文件是无格式的文本文件，这个文件的每一行都是一条DOS命令。它的文件扩展名为 .bat 或 .cmd。在命令提示下键入批处理文件的名称，或者双击该批处理文件，系统就会调用cmd.exe按照该文件中各个命令出现的顺序来逐个运行它们。使用批处理文件（也被称为批处理程序或脚本），可以简化日常或重复性任务。 批处理简单语法： rem： 该命令用于注释,rem起始的行不会作为代码执行 pause： 该命令用于暂停正在执行的批处理文件，并且提示用户按键，然后程序继续执行 echo： 该命令用于在dos控制台显示一段文本，相当于print,如果想要显示环境变量需要在环境变量前后加上%,例如显示操作系统 echo %OS% echo off： 该命令可以防止将批处理文件中的具体命令打印出来，而只会输出执行结果。 @echo off：该命令与echo off相同，唯一的区别在于 @echo off不仅会隐藏具体命令还会连

set标签 set 标签是使用来在某个范围（request、session 或者 application）内设值，或者设置某个对象的属性值。 set 标签的使用格式如下： （1） 使用 value 属性在一个特定的范围内指定某个变量的值，其使用格式如下： <c:set var=”varName” value=”varValue” [scope=”page|request|session|application”] /> （2） 当使用 value 属性在一个特定范围内指定某个变量的值时，也可以包括一个体，它的作用和out 标签体的作用一样，即 value 指定的值为 null 时，默认使用体中指定的值，使用格式如下： <c:set var=”varName” value=” Value” [scope=”page|request|session|application”] > default value </c:set> （3） 设置某一个特定对象属性的使用格式如下： <c:set property=”propertyName” target=”target” value=”value” /> （4） 在设置某个特定对象的一个属性时，也可以有一个体，也指定默认值，使用格式如下： <c:set property=”propertyName” target=”target” value

rem（font size of the root element） 是相对长度单位。相对于根元素（即html元素） font-size 计算值的倍数。 < script > /** 得到屏幕的宽度*/ let htmlWidth = document . documentElement . clientWidth || document . body . clientWidth ; /** 得到html的Dom元素*/ let htmlDom = document . getElementsByTagName ( 'html' ) [ 0 ] ; /** 设置根元素字体大小 */ htmlDom . style . fontSize = htmlWidth / 20 + 'px' ; < / script > 第三方库的rem适配 第三方库用的一般是使用px单位，无法使用rem适配不同设备的屏幕。 解决办法： 使用 px2rem-loader 插件将第三方ui库的 px 转换成 rem 单位。 来源： CSDN 作者： XiumingLee 链接： https://blog.csdn.net/XiumingLee/article/details/104013975

说起移动端页面也是老生常谈了，最近正好在做金融商城移动端的开发，正好梳理下这一块的知识点，提炼和总结。 一 什么是移动端页面 首先 不扯那些长篇大论，常见的移动端页面主要就三种，即H5页面、手机页面、以及webview页面。 移动端的兴起，访问的流量很大一部分都来自于手机，而通常当手机访问页面的时候，每台设备的分辨率、型号、屏幕尺寸都不一致，导致移动端的兼容适配成为一个很难忽视的问题。 为了让设计稿在大部分设备上都能有相对满意的效果，尤其是在移动端，显然在pc端的px计算像素的方式已经不适用。 二 几个名词 1 viewport 现在开发的页面主要集中在H5页面这个方向，而说到移动端页面，就必须要提到viewport. 先说用到哪，再说是什么、为什么这么用。 随便打开一个线上的H5的页面，你都会在head里发现这个标签<meata name="viewport" content="initial-scale=..., maximun-sacle=..., minimun-scale=..., user-scalable=no"> 金融商城H5端 淘宝移动端 所有的移动端页面都用到了这个属性，那么这个属性的定义是什么？ 我们知道手机的分辨率各有各的不同，很难做到一套代码，所有的机型都适配，再加上一些历史的原因，浏览器对移动端的属性支持力度不同

题目 Given a sorted array, remove the duplicates in place such that each element appear only once and return the new length. Do not allocate extra space for another array, you must do this in place with constant memory. For example, Given input array A = [1, 1, 2], Your function should return length = 2, and A is now [1, 2] 题目大概意思是说给你要一个有序的数组，把里面的重复的部分删掉使得这个数组的每个元素就出现一次，然后返回移除后的数组长度。要求：不同使用额外的数组空间，只能在这个数组里面完成。 分析 题目比较简单，已知数组有序，只保留一个，其实就是去重处理。可以使用双重指针来做：新数组指针和旧数组指针，旧数组指针用于遍历整个数组，新数组指针从用于存储新的去重后的数据。 代码 /************************************** * Given a sorted array, remove the duplicates in place

在用sublimetext3写css的时候，我们有时会进行单位换算，为了更快的获得我们想要的单位结果，我们可以安装cssrem这个神器（插件）。 首先，我们要先下载好插件，下载地址如下： 地址：https://github.com/lcy20150720/cssrem.git 然后，解压，找到sublimetext3的安装位置（右键——>属性),打开如下所示： 看到这几个基本目录之后，找到那个Data文件夹再打开，看到packages文件夹就是我们的目标文件夹了，把解压好的文件复制或者拖拽到这里。如下所示： 最后，重启电脑，打开sublimetext3写css的时候，当我们输入数字和单位的时候就有智能提示了。如下 这样，单位换算就更快捷了，你说对吗？ 来源： https://www.cnblogs.com/cyppi/p/5946630.html

1、 @custom-media --sm ( min-width : 576px ); @custom-media --md ( min-width : 768px ); @custom-media --lg ( min-width : 992px ); @custom-media --xl ( min-width : 1200px ); .info-header { @media (--md) { width : 50% ;// ipad } margin-left : auto ; margin-right : auto ; border-bottom : 1px solid #dddddd ;//手机 } 2、 屏幕适配 根据不同屏幕动态写入font-size，以rem作为宽度单位，固定布局视口。 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 以640px设计稿和750px的视觉稿，网易这样处理的： var width = document.documentElement.clientWidth; // 屏幕的布局视口宽度 var rem = width / 7.5; //

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (clientWidth >= 750) { docEl.style.fontSize = '100px'; } else { docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); 750为设计图宽度，可以根据设计图宽度自行调整数值。 1rem 等于设计图上100px. 来源： https://www.cnblogs.com/chaser-li/p/7422313

!(function (doc, win) { var docEle = doc.documentElement, evt = "onorientationchange" in window ? "orientationchange" : "resize", fn = function () { var width = docEle.clientWidth; // width && (docEle.style.fontSize = 20 * (width / 375) + "px"); width && (docEle.style.fontSize = 10*width / 75 + "px"); }; win.addEventListener(evt, fn, false); doc.addEventListener("DOMContentLoaded", fn, false); }(document, window)); 　　 来源： https://www.cnblogs.com/chengyunshen/p/8462082.html

1.先说说几个前端常用的几个单位的概论： 1、px (pixel ，像素 ) ： 是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 2、em( 相对长度单位，相对于当前对象内文本的字体尺寸 ) ： 是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。 3、pt (point ，磅 ) ： 是一个物理长度单位，指的是72分之一英寸。 pt=1/72( 英寸 ), px=1/dpi( 英寸 ) 4、rem（root em，根em）： 是CSS3新增的一个相对单位，这个单位引起了广泛关注。这个单位与em有什么区别呢？ 区别在于使用rem为元素设定字体大小时，相对大小对比的是HTML根元素。 这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。 2