502 lines
1.1 MiB
HTML
502 lines
1.1 MiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>README.MD</title>
|
|||
|
|
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
/*---------------------------------------------------------------------------------------------
|
|||
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|||
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|||
|
|
*--------------------------------------------------------------------------------------------*/
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
font-family: "Segoe WPC", "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding: 0 12px;
|
|||
|
|
line-height: 22px;
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#code-csp-warning {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
color: white;
|
|||
|
|
margin: 16px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-family: sans-serif;
|
|||
|
|
background-color:#444444;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 6px;
|
|||
|
|
box-shadow: 1px 1px 1px rgba(0,0,0,.25);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#code-csp-warning:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
background-color:#007acc;
|
|||
|
|
box-shadow: 2px 2px 2px rgba(0,0,0,.25);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.scrollBeyondLastLine {
|
|||
|
|
margin-bottom: calc(100vh - 22px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.showEditorSelection .code-line {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.showEditorSelection .code-active-line:before,
|
|||
|
|
body.showEditorSelection .code-line:hover:before {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: -12px;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.showEditorSelection li.code-active-line:before,
|
|||
|
|
body.showEditorSelection li.code-line:hover:before {
|
|||
|
|
left: -30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light.showEditorSelection .code-active-line:before {
|
|||
|
|
border-left: 3px solid rgba(0, 0, 0, 0.15);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light.showEditorSelection .code-line:hover:before {
|
|||
|
|
border-left: 3px solid rgba(0, 0, 0, 0.40);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark.showEditorSelection .code-active-line:before {
|
|||
|
|
border-left: 3px solid rgba(255, 255, 255, 0.4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark.showEditorSelection .code-line:hover:before {
|
|||
|
|
border-left: 3px solid rgba(255, 255, 255, 0.60);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast.showEditorSelection .code-active-line:before {
|
|||
|
|
border-left: 3px solid rgba(255, 160, 0, 0.7);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast.showEditorSelection .code-line:hover:before {
|
|||
|
|
border-left: 3px solid rgba(255, 160, 0, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
img {
|
|||
|
|
max-width: 100%;
|
|||
|
|
max-height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a {
|
|||
|
|
color: #4080D0;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:focus,
|
|||
|
|
input:focus,
|
|||
|
|
select:focus,
|
|||
|
|
textarea:focus {
|
|||
|
|
outline: 1px solid -webkit-focus-ring-color;
|
|||
|
|
outline-offset: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hr {
|
|||
|
|
border: 0;
|
|||
|
|
height: 2px;
|
|||
|
|
border-bottom: 2px solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1 {
|
|||
|
|
padding-bottom: 0.3em;
|
|||
|
|
line-height: 1.2;
|
|||
|
|
border-bottom-width: 1px;
|
|||
|
|
border-bottom-style: solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1, h2, h3 {
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1 code,
|
|||
|
|
h2 code,
|
|||
|
|
h3 code,
|
|||
|
|
h4 code,
|
|||
|
|
h5 code,
|
|||
|
|
h6 code {
|
|||
|
|
font-size: inherit;
|
|||
|
|
line-height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:hover {
|
|||
|
|
color: #4080D0;
|
|||
|
|
text-decoration: underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table {
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table > thead > tr > th {
|
|||
|
|
text-align: left;
|
|||
|
|
border-bottom: 1px solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table > thead > tr > th,
|
|||
|
|
table > thead > tr > td,
|
|||
|
|
table > tbody > tr > th,
|
|||
|
|
table > tbody > tr > td {
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table > tbody > tr + tr > td {
|
|||
|
|
border-top: 1px solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
blockquote {
|
|||
|
|
margin: 0 7px 0 5px;
|
|||
|
|
padding: 0 16px 0 10px;
|
|||
|
|
border-left: 5px solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
code {
|
|||
|
|
font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 19px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.wordWrap pre {
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mac code {
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pre:not(.hljs),
|
|||
|
|
pre.hljs code > div {
|
|||
|
|
padding: 16px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** Theming */
|
|||
|
|
|
|||
|
|
.vscode-light,
|
|||
|
|
.vscode-light pre code {
|
|||
|
|
color: rgb(30, 30, 30);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark,
|
|||
|
|
.vscode-dark pre code {
|
|||
|
|
color: #DDD;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast,
|
|||
|
|
.vscode-high-contrast pre code {
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light code {
|
|||
|
|
color: #A31515;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark code {
|
|||
|
|
color: #D7BA7D;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light pre:not(.hljs),
|
|||
|
|
.vscode-light code > div {
|
|||
|
|
background-color: rgba(220, 220, 220, 0.4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark pre:not(.hljs),
|
|||
|
|
.vscode-dark code > div {
|
|||
|
|
background-color: rgba(10, 10, 10, 0.4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast pre:not(.hljs),
|
|||
|
|
.vscode-high-contrast code > div {
|
|||
|
|
background-color: rgb(0, 0, 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast h1 {
|
|||
|
|
border-color: rgb(0, 0, 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light table > thead > tr > th {
|
|||
|
|
border-color: rgba(0, 0, 0, 0.69);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark table > thead > tr > th {
|
|||
|
|
border-color: rgba(255, 255, 255, 0.69);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light h1,
|
|||
|
|
.vscode-light hr,
|
|||
|
|
.vscode-light table > tbody > tr + tr > td {
|
|||
|
|
border-color: rgba(0, 0, 0, 0.18);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-dark h1,
|
|||
|
|
.vscode-dark hr,
|
|||
|
|
.vscode-dark table > tbody > tr + tr > td {
|
|||
|
|
border-color: rgba(255, 255, 255, 0.18);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-light blockquote,
|
|||
|
|
.vscode-dark blockquote {
|
|||
|
|
background: rgba(127, 127, 127, 0.1);
|
|||
|
|
border-color: rgba(0, 122, 204, 0.5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vscode-high-contrast blockquote {
|
|||
|
|
background: transparent;
|
|||
|
|
border-color: #fff;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
/* Tomorrow Theme */
|
|||
|
|
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
|
|||
|
|
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
|
|||
|
|
|
|||
|
|
/* Tomorrow Comment */
|
|||
|
|
.hljs-comment,
|
|||
|
|
.hljs-quote {
|
|||
|
|
color: #8e908c;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Red */
|
|||
|
|
.hljs-variable,
|
|||
|
|
.hljs-template-variable,
|
|||
|
|
.hljs-tag,
|
|||
|
|
.hljs-name,
|
|||
|
|
.hljs-selector-id,
|
|||
|
|
.hljs-selector-class,
|
|||
|
|
.hljs-regexp,
|
|||
|
|
.hljs-deletion {
|
|||
|
|
color: #c82829;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Orange */
|
|||
|
|
.hljs-number,
|
|||
|
|
.hljs-built_in,
|
|||
|
|
.hljs-builtin-name,
|
|||
|
|
.hljs-literal,
|
|||
|
|
.hljs-type,
|
|||
|
|
.hljs-params,
|
|||
|
|
.hljs-meta,
|
|||
|
|
.hljs-link {
|
|||
|
|
color: #f5871f;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Yellow */
|
|||
|
|
.hljs-attribute {
|
|||
|
|
color: #eab700;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Green */
|
|||
|
|
.hljs-string,
|
|||
|
|
.hljs-symbol,
|
|||
|
|
.hljs-bullet,
|
|||
|
|
.hljs-addition {
|
|||
|
|
color: #718c00;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Blue */
|
|||
|
|
.hljs-title,
|
|||
|
|
.hljs-section {
|
|||
|
|
color: #4271ae;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tomorrow Purple */
|
|||
|
|
.hljs-keyword,
|
|||
|
|
.hljs-selector-tag {
|
|||
|
|
color: #8959a8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hljs {
|
|||
|
|
display: block;
|
|||
|
|
overflow-x: auto;
|
|||
|
|
color: #4d4d4c;
|
|||
|
|
padding: 0.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hljs-emphasis {
|
|||
|
|
font-style: italic;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hljs-strong {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
/*
|
|||
|
|
* Markdown PDF CSS
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
font-family: "Meiryo", "Segoe WPC", "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pre {
|
|||
|
|
background-color: #f8f8f8;
|
|||
|
|
border: 1px solid #cccccc;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
overflow-x: auto;
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
overflow-wrap: break-word;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pre:not(.hljs) {
|
|||
|
|
padding: 23px;
|
|||
|
|
line-height: 19px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
blockquote {
|
|||
|
|
background: rgba(127, 127, 127, 0.1);
|
|||
|
|
border-color: rgba(0, 122, 204, 0.5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.emoji {
|
|||
|
|
height: 1.4em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* for inline code */
|
|||
|
|
:not(pre):not(.hljs) > code {
|
|||
|
|
color: #C9AE75; /* Change the old color so it seems less like an error */
|
|||
|
|
font-size: inherit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Page Break : use <div class="page"/> to insert page break
|
|||
|
|
-------------------------------------------------------- */
|
|||
|
|
.page {
|
|||
|
|
page-break-after: always;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.mermaid=e():t.mermaid=e()}(window,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=213)}([function(t,e,n){"use strict";n.r(e);var r=function(t,e){return t<e?-1:t>e?1:t>=e?0:NaN},i=function(t){var e;return 1===t.length&&(e=t,t=function(t,n){return r(e(t),n)}),{left:function(e,n,r,i){for(null==r&&(r=0),null==i&&(i=e.length);r<i;){var a=r+i>>>1;t(e[a],n)<0?r=a+1:i=a}return r},right:function(e,n,r,i){for(null==r&&(r=0),null==i&&(i=e.length);r<i;){var a=r+i>>>1;t(e[a],n)>0?i=a:r=a+1}return r}}};var a=i(r),o=a.right,s=a.left,u=o,c=function(t,e){null==e&&(e=f);for(var n=0,r=t.length-1,i=t[0],a=new Array(r<0?0:r);n<r;)a[n]=e(i,i=t[++n]);return a};function f(t,e){return[t,e]}var l=function(t,e,n){var r,i,a,o,s=t.length,u=e.length,c=new Array(s*u);for(null==n&&(n=f),r=a=0;r<s;++r)for(o=t[r],i=0;i<u;++i,++a)c[a]=n(o,e[i]);return c},h=function(t,e){return e<t?-1:e>t?1:e>=t?0:NaN},d=function(t){return null===t?NaN:+t},p=function(t,e){var n,r,i=t.length,a=0,o=-1,s=0,u=0;if(null==e)for(;++o<i;)isNaN(n=d(t[o]))||(u+=(r=n-s)*(n-(s+=r/++a)));else for(;++o<i;)isNaN(n=d(e(t[o],o,t)))||(u+=(r=n-s)*(n-(s+=r/++a)));if(a>1)return u/(a-1)},g=function(t,e){var n=p(t,e);return n?Math.sqrt(n):n},y=function(t,e){var n,r,i,a=t.length,o=-1;if(null==e){for(;++o<a;)if(null!=(n=t[o])&&n>=n)for(r=i=n;++o<a;)null!=(n=t[o])&&(r>n&&(r=n),i<n&&(i=n))}else for(;++o<a;)if(null!=(n=e(t[o],o,t))&&n>=n)for(r=i=n;++o<a;)null!=(n=e(t[o],o,t))&&(r>n&&(r=n),i<n&&(i=n));return[r,i]},b=Array.prototype,m=b.slice,v=b.map,_=function(t){return function(){return t}},w=function(t){return t},x=function(t,e,n){t=+t,e=+e,n=(i=arguments.length)<2?(e=t,t=0,1):i<3?1:+n;for(var r=-1,i=0|Math.max(0,Math.ceil((e-t)/n)),a=new Array(i);++r<i;)a[r]=t+r*n;return a},k=Math.sqrt(50),E=Math.sqrt(10),A=Math.sqrt(2),S=function(t,e,n){var r,i,a,o,s=-1;if(n=+n,(t=+t)===(e=+e)&&n>0)return[t];if((r=e<t)&&(i=t,t=e,e=i),0===(o=M(t,e,n))||!isFinite(o))return[];if(o>0)for(t=Math.ceil(t/o),e=Math.floor(e/o),a=new Array(i=Math.ceil(e-t+1));++s<i;)a[s]=(t+s)*o;else for(t=Math.floor(t*o),e=Math.ceil(e*o),a=new Array(i=Math.ceil(t-e+1));++s<i;)a[s]=(t-s)/o;return r&&a.reverse(),a};function M(t,e,n){var r=(e-t)/Math.max(0,n),i=Math.floor(Math.log(r)/Math.LN10),a=r/Math.pow(10,i);return i>=0?(a>=k?10:a>=E?5:a>=A?2:1)*Math.pow(10,i):-Math.pow(10,-i)/(a>=k?10:a>=E?5:a>=A?2:1)}function T(t,e,n){var r=Math.abs(e-t)/Math.max(0,n),i=Math.pow(10,Math.floor(Math.log(r)/Math.LN10)),a=r/i;return a>=k?i*=10:a>=E?i*=5:a>=A&&(i*=2),e<t?-i:i}var D=function(t){return Math.ceil(Math.log(t.length)/Math.LN2)+1},C=function(){var t=w,e=y,n=D;function r(r){var i,a,o=r.length,s=new Array(o);for(i=0;i<o;++i)s[i]=t(r[i],i,r);var c=e(s),f=c[0],l=c[1],h=n(s,f,l);Array.isArray(h)||(h=T(f,l,h),h=x(Math.ceil(f/h)*h,l,h));for(var d=h.length;h[0]<=f;)h.shift(),--d;for(;h[d-1]>l;)h.pop(),--d;var p,g=new Array(d+1);for(i=0;i<=d;++i)(p=g[i]=[]).x0=i>0?h[i-1]:f,p.x1=i<d?h[i]:l;for(i=0;i<o;++i)f<=(a=s[i])&&a<=l&&g[u(h,a,0,d)].push(r[i]);return g}return r.value=function(e){return arguments.length?(t="function"=
|
|||
|
|
/*!
|
|||
|
|
* The buffer module from node.js, for the browser.
|
|||
|
|
*
|
|||
|
|
* @author Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
|
|||
|
|
* @license MIT
|
|||
|
|
*/
|
|||
|
|
var r=n(123),i=n(124),a=n(69);function o(){return u.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function s(t,e){if(o()<e)throw new RangeError("Invalid typed array length");return u.TYPED_ARRAY_SUPPORT?(t=new Uint8Array(e)).__proto__=u.prototype:(null===t&&(t=new u(e)),t.length=e),t}function u(t,e,n){if(!(u.TYPED_ARRAY_SUPPORT||this instanceof u))return new u(t,e,n);if("number"==typeof t){if("string"==typeof e)throw new Error("If encoding is specified then the first argument must be a string");return l(this,t)}return c(this,t,e,n)}function c(t,e,n,r){if("number"==typeof e)throw new TypeError('"value" argument must not be a number');return"undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer?function(t,e,n,r){if(e.byteLength,n<0||e.byteLength<n)throw new RangeError("'offset' is out of bounds");if(e.byteLength<n+(r||0))throw new RangeError("'length' is out of bounds");e=void 0===n&&void 0===r?new Uint8Array(e):void 0===r?new Uint8Array(e,n):new Uint8Array(e,n,r);u.TYPED_ARRAY_SUPPORT?(t=e).__proto__=u.prototype:t=h(t,e);return t}(t,e,n,r):"string"==typeof e?function(t,e,n){"string"==typeof n&&""!==n||(n="utf8");if(!u.isEncoding(n))throw new TypeError('"encoding" must be a valid string encoding');var r=0|p(e,n),i=(t=s(t,r)).write(e,n);i!==r&&(t=t.slice(0,i));return t}(t,e,n):function(t,e){if(u.isBuffer(e)){var n=0|d(e.length);return 0===(t=s(t,n)).length?t:(e.copy(t,0,0,n),t)}if(e){if("undefined"!=typeof ArrayBuffer&&e.buffer instanceof ArrayBuffer||"length"in e)return"number"!=typeof e.length||(r=e.length)!=r?s(t,0):h(t,e);if("Buffer"===e.type&&a(e.data))return h(t,e.data)}var r;throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.")}(t,e)}function f(t){if("number"!=typeof t)throw new TypeError('"size" argument must be a number');if(t<0)throw new RangeError('"size" argument must not be negative')}function l(t,e){if(f(e),t=s(t,e<0?0:0|d(e)),!u.TYPED_ARRAY_SUPPORT)for(var n=0;n<e;++n)t[n]=0;return t}function h(t,e){var n=e.length<0?0:0|d(e.length);t=s(t,n);for(var r=0;r<n;r+=1)t[r]=255&e[r];return t}function d(t){if(t>=o())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+o().toString(16)+" bytes");return 0|t}function p(t,e){if(u.isBuffer(t))return t.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!=typeof t&&(t=""+t);var n=t.length;if(0===n)return 0;for(var r=!1;;)switch(e){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":case void 0:return U(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return z(t).length;default:if(r)return U(t).length;e=(""+e).toLowerCase(),r=!0}}function g(t,e,n){var r=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if((n>>>=0)<=(e>>>=0))return"";for(t||(t="utf8");;)switch(t){case"hex":return C(this,e,n);case"utf8":case"utf-8":return S(this,e,n);case"ascii":return T(this,e,n);case"latin1":case"binary":return D(this,e,n);case"base64":return A(this,e,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return O(this,e,n);default:if(r)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),r=!0}}function y(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function b(t,e,n,r,i){if(0===t.length)return-1;if("string"==typeof n?(r=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),n=+n,isNaN(n)&&(n=i?0:t.length-1),n<0&&(n=t.length+n),n>=t.length){if(i)return-1;n=t.length-1}else if(n<0){if(!i)return-1;n=0}if("string"==typeof e&&(e=u.from(e,r)),u.isBuffer(e))return 0===e.length?-1:m(t,e,n,r,i);if("number"==typeof e)return e&=255,u.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(t,e,n):Uint8Array.prototype.lastIndexOf.call(t,e,n):m(t,[e],n,r,i);throw new TypeError("val must be string, number or Buffer")}function m(t,e,n,r,i){var a,o=1,s=t.length,u=e.length;if(void 0!==r&&("ucs2"===(r=String(r).toLowerCase())|
|
|||
|
|
/*!
|
|||
|
|
* Escaper v2.5.3
|
|||
|
|
* https://github.com/kobezzza/Escaper
|
|||
|
|
*
|
|||
|
|
* Released under the MIT license
|
|||
|
|
* https://github.com/kobezzza/Escaper/blob/master/LICENSE
|
|||
|
|
*
|
|||
|
|
* Date: Tue, 23 Jan 2018 15:58:45 GMT
|
|||
|
|
*/
|
|||
|
|
!function(t){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n=void 0,r=n={VERSION:[2,5,3],content:[],cache:{},snakeskinRgxp:null,symbols:null,replace:T,paste:C},i={'"':!0,"'":!0,"`":!0},a={"/":!0};for(var o in i){if(!i.hasOwnProperty(o))break;a[o]=!0}var s={"//":!0,"//*":!0,"//!":!0,"//#":!0,"//@":!0,"//$":!0},u={"/*":!0,"/**":!0,"/*!":!0,"/*#":!0,"/*@":!0,"/*$":!0},c=[],f={};for(var l in a){if(!a.hasOwnProperty(l))break;c.push(l),f[l]=!0}for(var h in s){if(!s.hasOwnProperty(h))break;c.push(h),f[h]=!0}for(var d in u){if(!u.hasOwnProperty(d))break;c.push(d),f[d]=!0}var p=[],g={g:!0,m:!0,i:!0,y:!0,u:!0};for(var y in g){if(!g.hasOwnProperty(y))break;p.push(y)}var b={"-":!0,"+":!0,"*":!0,"%":!0,"~":!0,">":!0,"<":!0,"^":!0,",":!0,";":!0,"=":!0,"|":!0,"&":!0,"!":!0,"?":!0,":":!0,"(":!0,"{":!0,"[":!0},m={return:!0,yield:!0,await:!0,typeof:!0,void:!0,instanceof:!0,delete:!0,in:!0,new:!0,of:!0};function v(t,e,n){for(var r in t){if(!t.hasOwnProperty(r))break;r in e==0&&(e[r]=n)}}var _=void 0,w=void 0,x=/[^\s/]/,k=/[a-z]/,E=/\s/,A=/[\r\n]/,S=/\${pos}/g,M={object:!0,function:!0};function T(t,r,o,l){_=_||n.symbols||"a-z",w=w||n.snakeskinRgxp||new RegExp("[!$"+_+"_]","i");var h=n,d=h.cache,y=h.content,T=Boolean(r&&M[void 0===r?"undefined":e(r)]),D=T?Object(r):{};function C(t){return D["@label"]?D["@label"].replace(S,t):"__ESCAPER_QUOT__"+t+"_"}var O=!1;"boolean"==typeof r&&(O=Boolean(r)),"@comments"in D&&(v(u,D,D["@comments"]),v(s,D,D["@comments"]),delete D["@comments"]),"@strings"in D&&(v(i,D,D["@strings"]),delete D["@strings"]),"@literals"in D&&(v(a,D,D["@literals"]),delete D["@literals"]),"@all"in D&&(v(f,D,D["@all"]),delete D["@all"]);for(var R="",N=-1;++N<c.length;){var I=c[N];u[I]||s[I]?D[I]=O||D[I]:D[I]=D[I]||!T,R+=D[I]+","}var B=t,L=o||y;if(L===y&&d[R]&&d[R][B])return d[R][B];for(var P=!1,F=!0,q=!1,j=!1,U=0,z=!1,Y=0,H=!1,V=void 0,$=void 0,G="",W="",K=-1;++K<t.length;){var X=t.charAt(K),Z=t.charAt(K+1),J=t.substr(K,2),Q=t.substr(K,3);if(j)(A.test(Z)&&s[j]||u[X+t.charAt(K-1)]&&K-U>2&&u[j])&&(D[j]&&(V=t.substring(U,K+1),-1===D[j]?$="":($=C(L.length),L.push(V)),t=t.substring(0,U)+$+t.substring(K+1),K+=$.length-V.length),j=!1);else{if(!P){if("/"===X&&((s[J]||u[J])&&(j=s[Q]||u[Q]?Q:J),j)){U=K;continue}b[X]||m[W]?(F=!0,W=""):x.test(X)&&(F=!1),k.test(X)?G+=X:(W=G,G="");var tt=!1;l&&("|"===X&&w.test(Z)?(H=!0,F=!1,tt=!0):H&&E.test(X)&&(H=!1,F=!0,tt=!0)),tt||(b[X]?F=!0:x.test(X)&&(F=!1))}if("/"!==P||q||("["===X?z=!0:"]"===X&&(z=!1)),!P&&Y&&("}"===X?Y--:"{"===X&&Y++,Y||(X="`")),"`"!==P||q||"${"!==J||(X="`",K++,Y++),!f[X]||"/"===X&&!F||P){if(P&&("\\"===X||q))q=!q;else if(f[X]&&P===X&&!q&&("/"!==P||!z)){if("/"===X)for(var et=-1;++et<p.length;)g[t.charAt(K+1)]&&K++;P=!1,F=!1,D[X]&&(V=t.substring(U,K+1),-1===D[X]?$="":($=C(L.length),L.push(V)),t=t.substring(0,U)+$+t.substring(K+1),K+=$.length-V.length)}}else P=X,U=K}}return L===y&&(d[R]=d[R]||{},d[R][B]=t),t}var D=/__ESCAPER_QUOT__(\d+)_/g;function C(t,e,r){return t.replace(r||D,(function(t,r){return(e||n.content)[r]}))}t.default=r,t.replace=T,t.paste=C,Object.defineProperty(t,"__esModule",{value:!0})}(e)},function(t,e,n){"use strict";var r=n(110);t.exports=function(t,e){var n;t=t.toString();var i="",a="",o=!1,s=!(!1===(e=e||{}).preserve||!0===e.all),u="";"function"==typeof e.preserve?(s=!1,n=e.preserve):r(e.preserve)&&(s=!1,n=function(t){return e.preserve.test(t)});for(var c=0;c<t.length;c++)if(a=t[c],"\\"!==t[c-1]&&('"'!==a&&"'"!==a||(o===a?o=!1:o||(o=a))),o||"/"!==a||"*"!==t[c+1]||s&&"!"===t[c+2])u+=a;else{for(var f=c+2;f<t.length;f++){if("*"===t[f]&&"/"===t[f+1]){n&&(u=n(i)?u+"/*"+i+"*/":u,i="");break}n&&(i+=t[f])}c=f+1}return u}},function(t,e,n){"use strict";t.exports=function(t){return"[object RegExp]"===Object.prototype.toString.call(t)}},function(t,e,n){var r={"./locale":63,"./locale.js":63};function i(t){var e=a(t);return n(e)}function a(t){if(!n.o(r,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code
|
|||
|
|
/*!
|
|||
|
|
* Wait for document loaded before starting the execution
|
|||
|
|
*/
|
|||
|
|
window.addEventListener("load",(function(){yr()}),!1);const br={startOnLoad:!0,htmlLabels:!0,mermaidAPI:gr,parse:gr.parse,render:gr.render,init:function(){const t=gr.getConfig();let e,n,r;v.debug("Starting rendering diagrams"),arguments.length>=2?(
|
|||
|
|
/*! sequence config was passed as #1 */
|
|||
|
|
void 0!==arguments[0]&&(br.sequenceConfig=arguments[0]),e=arguments[1]):e=arguments[0],"function"==typeof arguments[arguments.length-1]?(n=arguments[arguments.length-1],v.debug("Callback function found")):void 0!==t.mermaid&&("function"==typeof t.mermaid.callback?(n=t.mermaid.callback,v.debug("Callback function found")):v.debug("No Callback function found")),e=void 0===e?document.querySelectorAll(".mermaid"):"string"==typeof e?document.querySelectorAll(e):e instanceof window.Node?[e]:e,v.debug("Start On Load before: "+br.startOnLoad),void 0!==br.startOnLoad&&(v.debug("Start On Load inner: "+br.startOnLoad),gr.initialize({startOnLoad:br.startOnLoad})),void 0!==br.ganttConfig&&gr.initialize({gantt:br.ganttConfig});for(let t=0;t<e.length;t++){const a=e[t];
|
|||
|
|
/*! Check if previously processed */if(a.getAttribute("data-processed"))continue;a.setAttribute("data-processed",!0);const o=`mermaid-${Date.now()}`;r=a.innerHTML,r=i.a.decode(r).trim().replace(/<br>/gi,"<br/>"),gr.render(o,r,(t,e)=>{a.innerHTML=t,void 0!==n&&n(o),e&&e(a)},a)}},initialize:function(t){v.debug("Initializing mermaid "),void 0!==t.mermaid&&(void 0!==t.mermaid.startOnLoad&&(br.startOnLoad=t.mermaid.startOnLoad),void 0!==t.mermaid.htmlLabels&&(br.htmlLabels=t.mermaid.htmlLabels)),gr.initialize(t)},contentLoaded:yr};e.default=br}]).default}));
|
|||
|
|
//# sourceMappingURL=mermaid.min.js.map
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<script>
|
|||
|
|
mermaid.initialize({
|
|||
|
|
startOnLoad: true,
|
|||
|
|
theme: document.body.classList.contains('vscode-dark') || document.body.classList.contains('vscode-high-contrast')
|
|||
|
|
? 'dark'
|
|||
|
|
: 'default'
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
<h1 id="programmation-web-%E2%80%93-client-riche---td1">Programmation Web – client riche - TD1</h1>
|
|||
|
|
<h2 id="exercice-1">Exercice 1</h2>
|
|||
|
|
<h3 id="la-propri%C3%A9t%C3%A9-documenttitle">La propriété document.title</h3>
|
|||
|
|
<h4 id="deftitre1">defTitre1()</h4>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quel sera l’évènement qui déclenchera l’appelle de votre fonction ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>C'est l'évènnement <code>init()</code> qui se charge d'appeler ma fonction <code>defTitre1()</code>.</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quelle méthode avez-vous utilisée pour récupérer l’objet représentant votre balise h1 ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>J'ai utilisé la méthode <code>document.getElementById()</code> pour récupérer le titre.</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quelle propriété de l’objet représentant votre balise h1 avez-vous utilisée pour récupérer le texte de celui-ci ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>J'ai utilisé le <code>innerText</code> de l'objet.</p>
|
|||
|
|
<h4 id="deftitre2">defTitre2()</h4>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quelle(s) méthode(s) avez-vous utilisée pour récupérer l’objet représentant votre balise h2 ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>J'ai utilisé <code>document.getElementsByTagName</code> que j'ai affecté à une variable nommée <code>firstH2</code>. Puis je l'ai utilisée avec son attribut <code>innerText</code>.</p>
|
|||
|
|
<h4 id="deftitre3">defTitre3()</h4>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Comment faire pour connaitre le nombre de balise h2 du document ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>On utilise la propriété <code>.lenght</code> pour connaitre le nombre de balises h2 du document.</p>
|
|||
|
|
<h4 id="deftitre4">defTitre4()</h4>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quelle méthode avez-vous utilisée pour récupérer l’objet de votre classe ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>J'ai utilisé <code>document.getElementsByClassName</code> que j'ai affecté à une variable nommée <code>choosenH</code>. Puis je l'ai utilisée avec son attribut <code>innerText</code>.</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quant est-il avec Internet Explorer ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>La page ne s'affiche pas</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Comment avez-vous déterminé si un nombre est pair ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>Avec un modulo 2.</p>
|
|||
|
|
<h3 id="les-propri%C3%A9t%C3%A9s-innerhtml-innertext-outerhtml-outertext-et-textcontent">Les propriétés innerHTML, innerText, outerHTML, outerText et textContent</h3>
|
|||
|
|
<h4 id="inverttext">invertText()</h4>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Quelles différences existe-t-il entre les 5 propriétés de cette section ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p><code>InnerHTML</code> conserve les balises "pures" du HTML alors que <code>InnerText</code> ne garde que le texte.</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Y a-t-il une différence avec Internet Explore, FireFox et d’autres navigateurs à votre disposition concernant ces
|
|||
|
|
propriétés ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>Oui, chaque navigateur a sa propre méthode de rendu.</p>
|
|||
|
|
<h3 id="la-propri%C3%A9t%C3%A9-documentlastmodified">La propriété document.lastModified</h3>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>Comment modifier votre code pour qu’il permette de sélectionner le 1 er auteur de la liste ?</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>J'ai mis la balise auteur en premier.</p>
|
|||
|
|
<p>J'ai fait une méthode qui utilise un switch case pour changer le mois et le jour du numéro par le texte mais j'aurai pu aussi faire un tableau et apperler une méthode <code>jour[numeroJour]</code>.</p>
|
|||
|
|
<h2 id="exercice-2---lobjet-date">Exercice 2 - L'objet Date :</h2>
|
|||
|
|
<p>J'avais commencé à écrire deux petites condition en if/else mais une autre solution me semble plus simple :</p>
|
|||
|
|
<pre class="hljs"><code><div> <span class="hljs-keyword">var</span> now = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>();
|
|||
|
|
<span class="hljs-keyword">var</span> selectedDay = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(<span class="hljs-string">'2020-7-19'</span>);
|
|||
|
|
|
|||
|
|
<span class="hljs-keyword">var</span> diffD = selectedDay.getDate - now.getDate;
|
|||
|
|
<span class="hljs-keyword">var</span> diffM = selectedDay.getMonth - now.getMonth;
|
|||
|
|
|
|||
|
|
<span class="hljs-keyword">if</span> (diffM % <span class="hljs-number">2</span> == <span class="hljs-number">0</span>) { <span class="hljs-comment">//on regarde s'il y a un nombre pair de mois</span>
|
|||
|
|
diffM = (diffM * <span class="hljs-number">30</span>) + (diffM / <span class="hljs-number">2</span>);
|
|||
|
|
} <span class="hljs-keyword">else</span> { <span class="hljs-comment">//si nombre impair de mois</span>
|
|||
|
|
diffM = ((diffM * <span class="hljs-number">30</span>) + (diffM / <span class="hljs-number">2</span>)) + <span class="hljs-number">1</span>;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
<span class="hljs-keyword">if</span> ((now.getMonth == <span class="hljs-number">2</span>) || (selectedDay.getMonth == <span class="hljs-number">2</span>)) { <span class="hljs-comment">//la on va voir si on passe par févrirer pour faire la comparaison</span>
|
|||
|
|
diffM = diffM - <span class="hljs-number">2</span>; <span class="hljs-comment">//si il y a février, on retire deux jours</span>
|
|||
|
|
}<span class="hljs-string">``</span><span class="hljs-string">`
|
|||
|
|
|
|||
|
|
</span></div></code></pre>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|