|
@@ -7,217 +7,28 @@ public class Test {
|
|
|
String yy = Base64.encode(xx.getBytes(StandardCharsets.UTF_8));
|
|
|
System.err.println(yy);
|
|
|
|
|
|
- String zz = new String(Base64.decode(yy), StandardCharsets.UTF_8);
|
|
|
- System.err.println(zz);
|
|
|
+// String zz = new String(Base64.decode(yy), StandardCharsets.UTF_8);
|
|
|
+// System.err.println(zz);
|
|
|
}
|
|
|
|
|
|
static String xx = "<!DOCTYPE html>\n" +
|
|
|
"<html>\n" +
|
|
|
- " <head>\n" +
|
|
|
- " <meta charset=\"utf-8\">\n" +
|
|
|
- " <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n" +
|
|
|
- " <meta name=\"renderer\" content=\"webkit\">\n" +
|
|
|
- " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">\n" +
|
|
|
- " <link rel=\"icon\" href=\"<%= BASE_URL %>favicon.ico\">\n" +
|
|
|
- " <title><%= webpackConfig.name %></title>\n" +
|
|
|
- " <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->\n" +
|
|
|
- "\t <style>\n" +
|
|
|
- " html,\n" +
|
|
|
- " body,\n" +
|
|
|
- " #app {\n" +
|
|
|
- " height: 100%;\n" +
|
|
|
- " margin: 0px;\n" +
|
|
|
- " padding: 0px;\n" +
|
|
|
- " }\n" +
|
|
|
- " .chromeframe {\n" +
|
|
|
- " margin: 0.2em 0;\n" +
|
|
|
- " background: #ccc;\n" +
|
|
|
- " color: #000;\n" +
|
|
|
- " padding: 0.2em 0;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper {\n" +
|
|
|
- " position: fixed;\n" +
|
|
|
- " top: 0;\n" +
|
|
|
- " left: 0;\n" +
|
|
|
- " width: 100%;\n" +
|
|
|
- " height: 100%;\n" +
|
|
|
- " z-index: 999999;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader {\n" +
|
|
|
- " display: block;\n" +
|
|
|
- " position: relative;\n" +
|
|
|
- " left: 50%;\n" +
|
|
|
- " top: 50%;\n" +
|
|
|
- " width: 150px;\n" +
|
|
|
- " height: 150px;\n" +
|
|
|
- " margin: -75px 0 0 -75px;\n" +
|
|
|
- " border-radius: 50%;\n" +
|
|
|
- " border: 3px solid transparent;\n" +
|
|
|
- " border-top-color: #FFF;\n" +
|
|
|
- " -webkit-animation: spin 2s linear infinite;\n" +
|
|
|
- " -ms-animation: spin 2s linear infinite;\n" +
|
|
|
- " -moz-animation: spin 2s linear infinite;\n" +
|
|
|
- " -o-animation: spin 2s linear infinite;\n" +
|
|
|
- " animation: spin 2s linear infinite;\n" +
|
|
|
- " z-index: 1001;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader:before {\n" +
|
|
|
- " content: \"\";\n" +
|
|
|
- " position: absolute;\n" +
|
|
|
- " top: 5px;\n" +
|
|
|
- " left: 5px;\n" +
|
|
|
- " right: 5px;\n" +
|
|
|
- " bottom: 5px;\n" +
|
|
|
- " border-radius: 50%;\n" +
|
|
|
- " border: 3px solid transparent;\n" +
|
|
|
- " border-top-color: #FFF;\n" +
|
|
|
- " -webkit-animation: spin 3s linear infinite;\n" +
|
|
|
- " -moz-animation: spin 3s linear infinite;\n" +
|
|
|
- " -o-animation: spin 3s linear infinite;\n" +
|
|
|
- " -ms-animation: spin 3s linear infinite;\n" +
|
|
|
- " animation: spin 3s linear infinite;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader:after {\n" +
|
|
|
- " content: \"\";\n" +
|
|
|
- " position: absolute;\n" +
|
|
|
- " top: 15px;\n" +
|
|
|
- " left: 15px;\n" +
|
|
|
- " right: 15px;\n" +
|
|
|
- " bottom: 15px;\n" +
|
|
|
- " border-radius: 50%;\n" +
|
|
|
- " border: 3px solid transparent;\n" +
|
|
|
- " border-top-color: #FFF;\n" +
|
|
|
- " -moz-animation: spin 1.5s linear infinite;\n" +
|
|
|
- " -o-animation: spin 1.5s linear infinite;\n" +
|
|
|
- " -ms-animation: spin 1.5s linear infinite;\n" +
|
|
|
- " -webkit-animation: spin 1.5s linear infinite;\n" +
|
|
|
- " animation: spin 1.5s linear infinite;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- " @-webkit-keyframes spin {\n" +
|
|
|
- " 0% {\n" +
|
|
|
- " -webkit-transform: rotate(0deg);\n" +
|
|
|
- " -ms-transform: rotate(0deg);\n" +
|
|
|
- " transform: rotate(0deg);\n" +
|
|
|
- " }\n" +
|
|
|
- " 100% {\n" +
|
|
|
- " -webkit-transform: rotate(360deg);\n" +
|
|
|
- " -ms-transform: rotate(360deg);\n" +
|
|
|
- " transform: rotate(360deg);\n" +
|
|
|
- " }\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " @keyframes spin {\n" +
|
|
|
- " 0% {\n" +
|
|
|
- " -webkit-transform: rotate(0deg);\n" +
|
|
|
- " -ms-transform: rotate(0deg);\n" +
|
|
|
- " transform: rotate(0deg);\n" +
|
|
|
- " }\n" +
|
|
|
- " 100% {\n" +
|
|
|
- " -webkit-transform: rotate(360deg);\n" +
|
|
|
- " -ms-transform: rotate(360deg);\n" +
|
|
|
- " transform: rotate(360deg);\n" +
|
|
|
- " }\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper .loader-section {\n" +
|
|
|
- " position: fixed;\n" +
|
|
|
- " top: 0;\n" +
|
|
|
- " width: 51%;\n" +
|
|
|
- " height: 100%;\n" +
|
|
|
- " background: #7171C6;\n" +
|
|
|
- " z-index: 1000;\n" +
|
|
|
- " -webkit-transform: translateX(0);\n" +
|
|
|
- " -ms-transform: translateX(0);\n" +
|
|
|
- " transform: translateX(0);\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper .loader-section.section-left {\n" +
|
|
|
- " left: 0;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper .loader-section.section-right {\n" +
|
|
|
- " right: 0;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- " .loaded #loader-wrapper .loader-section.section-left {\n" +
|
|
|
- " -webkit-transform: translateX(-100%);\n" +
|
|
|
- " -ms-transform: translateX(-100%);\n" +
|
|
|
- " transform: translateX(-100%);\n" +
|
|
|
- " -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
- " transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " .loaded #loader-wrapper .loader-section.section-right {\n" +
|
|
|
- " -webkit-transform: translateX(100%);\n" +
|
|
|
- " -ms-transform: translateX(100%);\n" +
|
|
|
- " transform: translateX(100%);\n" +
|
|
|
- " -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
- " transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " .loaded #loader {\n" +
|
|
|
- " opacity: 0;\n" +
|
|
|
- " -webkit-transition: all 0.3s ease-out;\n" +
|
|
|
- " transition: all 0.3s ease-out;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " .loaded #loader-wrapper {\n" +
|
|
|
- " visibility: hidden;\n" +
|
|
|
- " -webkit-transform: translateY(-100%);\n" +
|
|
|
- " -ms-transform: translateY(-100%);\n" +
|
|
|
- " transform: translateY(-100%);\n" +
|
|
|
- " -webkit-transition: all 0.3s 1s ease-out;\n" +
|
|
|
- " transition: all 0.3s 1s ease-out;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " .no-js #loader-wrapper {\n" +
|
|
|
- " display: none;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " .no-js h1 {\n" +
|
|
|
- " color: #222222;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper .load_title {\n" +
|
|
|
- " font-family: 'Open Sans';\n" +
|
|
|
- " color: #FFF;\n" +
|
|
|
- " font-size: 19px;\n" +
|
|
|
- " width: 100%;\n" +
|
|
|
- " text-align: center;\n" +
|
|
|
- " z-index: 9999999999999;\n" +
|
|
|
- " position: absolute;\n" +
|
|
|
- " top: 60%;\n" +
|
|
|
- " opacity: 1;\n" +
|
|
|
- " line-height: 30px;\n" +
|
|
|
- " }\n" +
|
|
|
- "\n" +
|
|
|
- " #loader-wrapper .load_title span {\n" +
|
|
|
- " font-weight: normal;\n" +
|
|
|
- " font-style: italic;\n" +
|
|
|
- " font-size: 13px;\n" +
|
|
|
- " color: #FFF;\n" +
|
|
|
- " opacity: 0.5;\n" +
|
|
|
- " }\n" +
|
|
|
- " </style>\n" +
|
|
|
- " </head>\n" +
|
|
|
- " <body>\n" +
|
|
|
- " <div id=\"app\">\n" +
|
|
|
- "\t <div id=\"loader-wrapper\">\n" +
|
|
|
- "\t\t <div id=\"loader\"></div>\n" +
|
|
|
- "\t\t <div class=\"loader-section section-left\"></div>\n" +
|
|
|
- "\t\t <div class=\"loader-section section-right\"></div>\n" +
|
|
|
- "\t\t <div class=\"load_title\">正在加载系统资源,请耐心等待</div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- "\t</div>\n" +
|
|
|
- " </body>\n" +
|
|
|
- "</html>\n";
|
|
|
+ "\t<head>\n" +
|
|
|
+ "\t\t<meta charset=\"utf-8\">\n" +
|
|
|
+ "\t\t<title></title>\n" +
|
|
|
+ "\t</head>\n" +
|
|
|
+ "\t<body>\n" +
|
|
|
+ "\t\t<font color=\"red\">我是一</font><br/>\n" +
|
|
|
+ "\t\t<font color=\"blue\">我是二</font><br/>\n" +
|
|
|
+ "\t\t<font color=\"red\">我是3</font><br/>\n" +
|
|
|
+ "\t\t<font color=\"red\">我是4</font><br/>\n" +
|
|
|
+ "\t\t<font color=\"red\">我是5</font><br/>\n" +
|
|
|
+ "\t\t<h1>我是标题哎</h1>\n" +
|
|
|
+ "\t\t<h1>我是标题哎</h1>\n" +
|
|
|
+ "\t\t<h1>我是标题哎</h1>\n" +
|
|
|
+ "\t\t<h1>我是标题哎</h1>\n" +
|
|
|
+ "\t\t<h1 style=\"color:red\">我是红色标题哎</h1>\n" +
|
|
|
+ "\t</body>\n" +
|
|
|
+ "</html>";
|
|
|
|
|
|
}
|