主頁 > 軟體設計 > web前端-簡介

web前端-簡介

2021-01-17 13:30:49 軟體設計

web簡介

      • 什么是web前端
      • web架構
      • web前端應用技術

什么是web前端

任何與用戶直接打交道的操作界面都可以稱之為前端

web架構

1.C/S架構
(Client/Server)客服端/服務器,軟體系統體系結構.這種結構是將需要處理的業務合理地分配到客戶端和服務器端，如我們手機中安裝的微信、QQ等應用程式，

<style>#mermaid-svg-qNZglwtX8LjY4wP1 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .label text{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .node rect,#mermaid-svg-qNZglwtX8LjY4wP1 .node circle,#mermaid-svg-qNZglwtX8LjY4wP1 .node ellipse,#mermaid-svg-qNZglwtX8LjY4wP1 .node polygon,#mermaid-svg-qNZglwtX8LjY4wP1 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-qNZglwtX8LjY4wP1 .node .label{text-align:center;fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .node.clickable{cursor:pointer}#mermaid-svg-qNZglwtX8LjY4wP1 .arrowheadPath{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-qNZglwtX8LjY4wP1 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-qNZglwtX8LjY4wP1 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-qNZglwtX8LjY4wP1 .edgeLabel rect{opacity:0.9}#mermaid-svg-qNZglwtX8LjY4wP1 .edgeLabel span{color:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-qNZglwtX8LjY4wP1 .cluster text{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-qNZglwtX8LjY4wP1 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-qNZglwtX8LjY4wP1 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-qNZglwtX8LjY4wP1 .actor-line{stroke:grey}#mermaid-svg-qNZglwtX8LjY4wP1 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-qNZglwtX8LjY4wP1 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .sequenceNumber{fill:#fff}#mermaid-svg-qNZglwtX8LjY4wP1 #sequencenumber{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .messageText{fill:#333;stroke:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-qNZglwtX8LjY4wP1 .labelText,#mermaid-svg-qNZglwtX8LjY4wP1 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-qNZglwtX8LjY4wP1 .loopText,#mermaid-svg-qNZglwtX8LjY4wP1 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-qNZglwtX8LjY4wP1 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-qNZglwtX8LjY4wP1 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-qNZglwtX8LjY4wP1 .noteText,#mermaid-svg-qNZglwtX8LjY4wP1 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-qNZglwtX8LjY4wP1 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-qNZglwtX8LjY4wP1 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-qNZglwtX8LjY4wP1 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-qNZglwtX8LjY4wP1 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .section{stroke:none;opacity:0.2}#mermaid-svg-qNZglwtX8LjY4wP1 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-qNZglwtX8LjY4wP1 .section2{fill:#fff400}#mermaid-svg-qNZglwtX8LjY4wP1 .section1,#mermaid-svg-qNZglwtX8LjY4wP1 .section3{fill:#fff;opacity:0.2}#mermaid-svg-qNZglwtX8LjY4wP1 .sectionTitle0{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .sectionTitle1{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .sectionTitle2{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .sectionTitle3{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-qNZglwtX8LjY4wP1 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .grid path{stroke-width:0}#mermaid-svg-qNZglwtX8LjY4wP1 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-qNZglwtX8LjY4wP1 .task{stroke-width:2}#mermaid-svg-qNZglwtX8LjY4wP1 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .taskText:not([font-size]){font-size:11px}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-qNZglwtX8LjY4wP1 .task.clickable{cursor:pointer}#mermaid-svg-qNZglwtX8LjY4wP1 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qNZglwtX8LjY4wP1 .taskText0,#mermaid-svg-qNZglwtX8LjY4wP1 .taskText1,#mermaid-svg-qNZglwtX8LjY4wP1 .taskText2,#mermaid-svg-qNZglwtX8LjY4wP1 .taskText3{fill:#fff}#mermaid-svg-qNZglwtX8LjY4wP1 .task0,#mermaid-svg-qNZglwtX8LjY4wP1 .task1,#mermaid-svg-qNZglwtX8LjY4wP1 .task2,#mermaid-svg-qNZglwtX8LjY4wP1 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutside0,#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutside2{fill:#000}#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutside1,#mermaid-svg-qNZglwtX8LjY4wP1 .taskTextOutside3{fill:#000}#mermaid-svg-qNZglwtX8LjY4wP1 .active0,#mermaid-svg-qNZglwtX8LjY4wP1 .active1,#mermaid-svg-qNZglwtX8LjY4wP1 .active2,#mermaid-svg-qNZglwtX8LjY4wP1 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-qNZglwtX8LjY4wP1 .activeText0,#mermaid-svg-qNZglwtX8LjY4wP1 .activeText1,#mermaid-svg-qNZglwtX8LjY4wP1 .activeText2,#mermaid-svg-qNZglwtX8LjY4wP1 .activeText3{fill:#000 !important}#mermaid-svg-qNZglwtX8LjY4wP1 .done0,#mermaid-svg-qNZglwtX8LjY4wP1 .done1,#mermaid-svg-qNZglwtX8LjY4wP1 .done2,#mermaid-svg-qNZglwtX8LjY4wP1 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-qNZglwtX8LjY4wP1 .doneText0,#mermaid-svg-qNZglwtX8LjY4wP1 .doneText1,#mermaid-svg-qNZglwtX8LjY4wP1 .doneText2,#mermaid-svg-qNZglwtX8LjY4wP1 .doneText3{fill:#000 !important}#mermaid-svg-qNZglwtX8LjY4wP1 .crit0,#mermaid-svg-qNZglwtX8LjY4wP1 .crit1,#mermaid-svg-qNZglwtX8LjY4wP1 .crit2,#mermaid-svg-qNZglwtX8LjY4wP1 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-qNZglwtX8LjY4wP1 .activeCrit0,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCrit1,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCrit2,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-qNZglwtX8LjY4wP1 .doneCrit0,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCrit1,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCrit2,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-qNZglwtX8LjY4wP1 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-qNZglwtX8LjY4wP1 .milestoneText{font-style:italic}#mermaid-svg-qNZglwtX8LjY4wP1 .doneCritText0,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCritText1,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCritText2,#mermaid-svg-qNZglwtX8LjY4wP1 .doneCritText3{fill:#000 !important}#mermaid-svg-qNZglwtX8LjY4wP1 .activeCritText0,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCritText1,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCritText2,#mermaid-svg-qNZglwtX8LjY4wP1 .activeCritText3{fill:#000 !important}#mermaid-svg-qNZglwtX8LjY4wP1 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-qNZglwtX8LjY4wP1 g.classGroup text .title{font-weight:bolder}#mermaid-svg-qNZglwtX8LjY4wP1 g.clickable{cursor:pointer}#mermaid-svg-qNZglwtX8LjY4wP1 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-qNZglwtX8LjY4wP1 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-qNZglwtX8LjY4wP1 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-qNZglwtX8LjY4wP1 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-qNZglwtX8LjY4wP1 .dashed-line{stroke-dasharray:3}#mermaid-svg-qNZglwtX8LjY4wP1 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 .commit-id,#mermaid-svg-qNZglwtX8LjY4wP1 .commit-msg,#mermaid-svg-qNZglwtX8LjY4wP1 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-qNZglwtX8LjY4wP1 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-qNZglwtX8LjY4wP1 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-qNZglwtX8LjY4wP1 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-qNZglwtX8LjY4wP1 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-qNZglwtX8LjY4wP1 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-qNZglwtX8LjY4wP1 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-qNZglwtX8LjY4wP1 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-qNZglwtX8LjY4wP1 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-qNZglwtX8LjY4wP1 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-qNZglwtX8LjY4wP1 .edgeLabel text{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qNZglwtX8LjY4wP1 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-qNZglwtX8LjY4wP1 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-qNZglwtX8LjY4wP1 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-qNZglwtX8LjY4wP1 .note-edge{stroke-dasharray:5}#mermaid-svg-qNZglwtX8LjY4wP1 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-qNZglwtX8LjY4wP1 .error-icon{fill:#522}#mermaid-svg-qNZglwtX8LjY4wP1 .error-text{fill:#522;stroke:#522}#mermaid-svg-qNZglwtX8LjY4wP1 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-qNZglwtX8LjY4wP1 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-qNZglwtX8LjY4wP1 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-qNZglwtX8LjY4wP1 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-qNZglwtX8LjY4wP1 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-qNZglwtX8LjY4wP1 .marker{fill:#333}#mermaid-svg-qNZglwtX8LjY4wP1 .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style> <style>#mermaid-svg-qNZglwtX8LjY4wP1 { color: rgba(0, 0, 0, 0.75); font: ; }</style>
請求
回應
請求
回應
客戶機
interne
服務器

2.B/S架構
(Browser/Server)測覽器/服務器,網路結構模式.統一了客戶端，讓核心的業務處理在服務端完成.如手機或電腦上用瀏覽器上百度搜索等，

<style>#mermaid-svg-yvcZcwlWO8Rs6aWH .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .label text{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .node rect,#mermaid-svg-yvcZcwlWO8Rs6aWH .node circle,#mermaid-svg-yvcZcwlWO8Rs6aWH .node ellipse,#mermaid-svg-yvcZcwlWO8Rs6aWH .node polygon,#mermaid-svg-yvcZcwlWO8Rs6aWH .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yvcZcwlWO8Rs6aWH .node .label{text-align:center;fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .node.clickable{cursor:pointer}#mermaid-svg-yvcZcwlWO8Rs6aWH .arrowheadPath{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-yvcZcwlWO8Rs6aWH .flowchart-link{stroke:#333;fill:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-yvcZcwlWO8Rs6aWH .edgeLabel rect{opacity:0.9}#mermaid-svg-yvcZcwlWO8Rs6aWH .edgeLabel span{color:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-yvcZcwlWO8Rs6aWH .cluster text{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-yvcZcwlWO8Rs6aWH .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yvcZcwlWO8Rs6aWH text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .actor-line{stroke:grey}#mermaid-svg-yvcZcwlWO8Rs6aWH .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .sequenceNumber{fill:#fff}#mermaid-svg-yvcZcwlWO8Rs6aWH #sequencenumber{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH #crosshead path{fill:#333;stroke:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .messageText{fill:#333;stroke:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yvcZcwlWO8Rs6aWH .labelText,#mermaid-svg-yvcZcwlWO8Rs6aWH .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .loopText,#mermaid-svg-yvcZcwlWO8Rs6aWH .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-yvcZcwlWO8Rs6aWH .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yvcZcwlWO8Rs6aWH .noteText,#mermaid-svg-yvcZcwlWO8Rs6aWH .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-yvcZcwlWO8Rs6aWH .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-yvcZcwlWO8Rs6aWH .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-yvcZcwlWO8Rs6aWH .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .section{stroke:none;opacity:0.2}#mermaid-svg-yvcZcwlWO8Rs6aWH .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-yvcZcwlWO8Rs6aWH .section2{fill:#fff400}#mermaid-svg-yvcZcwlWO8Rs6aWH .section1,#mermaid-svg-yvcZcwlWO8Rs6aWH .section3{fill:#fff;opacity:0.2}#mermaid-svg-yvcZcwlWO8Rs6aWH .sectionTitle0{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .sectionTitle1{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .sectionTitle2{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .sectionTitle3{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-yvcZcwlWO8Rs6aWH .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .grid path{stroke-width:0}#mermaid-svg-yvcZcwlWO8Rs6aWH .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-yvcZcwlWO8Rs6aWH .task{stroke-width:2}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText:not([font-size]){font-size:11px}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-yvcZcwlWO8Rs6aWH .task.clickable{cursor:pointer}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText0,#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText1,#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText2,#mermaid-svg-yvcZcwlWO8Rs6aWH .taskText3{fill:#fff}#mermaid-svg-yvcZcwlWO8Rs6aWH .task0,#mermaid-svg-yvcZcwlWO8Rs6aWH .task1,#mermaid-svg-yvcZcwlWO8Rs6aWH .task2,#mermaid-svg-yvcZcwlWO8Rs6aWH .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutside0,#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutside2{fill:#000}#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutside1,#mermaid-svg-yvcZcwlWO8Rs6aWH .taskTextOutside3{fill:#000}#mermaid-svg-yvcZcwlWO8Rs6aWH .active0,#mermaid-svg-yvcZcwlWO8Rs6aWH .active1,#mermaid-svg-yvcZcwlWO8Rs6aWH .active2,#mermaid-svg-yvcZcwlWO8Rs6aWH .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-yvcZcwlWO8Rs6aWH .activeText0,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeText1,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeText2,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeText3{fill:#000 !important}#mermaid-svg-yvcZcwlWO8Rs6aWH .done0,#mermaid-svg-yvcZcwlWO8Rs6aWH .done1,#mermaid-svg-yvcZcwlWO8Rs6aWH .done2,#mermaid-svg-yvcZcwlWO8Rs6aWH .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-yvcZcwlWO8Rs6aWH .doneText0,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneText1,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneText2,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneText3{fill:#000 !important}#mermaid-svg-yvcZcwlWO8Rs6aWH .crit0,#mermaid-svg-yvcZcwlWO8Rs6aWH .crit1,#mermaid-svg-yvcZcwlWO8Rs6aWH .crit2,#mermaid-svg-yvcZcwlWO8Rs6aWH .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCrit0,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCrit1,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCrit2,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCrit0,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCrit1,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCrit2,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-yvcZcwlWO8Rs6aWH .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-yvcZcwlWO8Rs6aWH .milestoneText{font-style:italic}#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCritText0,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCritText1,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCritText2,#mermaid-svg-yvcZcwlWO8Rs6aWH .doneCritText3{fill:#000 !important}#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCritText0,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCritText1,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCritText2,#mermaid-svg-yvcZcwlWO8Rs6aWH .activeCritText3{fill:#000 !important}#mermaid-svg-yvcZcwlWO8Rs6aWH .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-yvcZcwlWO8Rs6aWH g.classGroup text .title{font-weight:bolder}#mermaid-svg-yvcZcwlWO8Rs6aWH g.clickable{cursor:pointer}#mermaid-svg-yvcZcwlWO8Rs6aWH g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yvcZcwlWO8Rs6aWH g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-yvcZcwlWO8Rs6aWH .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-yvcZcwlWO8Rs6aWH .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .dashed-line{stroke-dasharray:3}#mermaid-svg-yvcZcwlWO8Rs6aWH #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH .commit-id,#mermaid-svg-yvcZcwlWO8Rs6aWH .commit-msg,#mermaid-svg-yvcZcwlWO8Rs6aWH .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-yvcZcwlWO8Rs6aWH g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-yvcZcwlWO8Rs6aWH g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yvcZcwlWO8Rs6aWH g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yvcZcwlWO8Rs6aWH .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yvcZcwlWO8Rs6aWH .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-yvcZcwlWO8Rs6aWH .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-yvcZcwlWO8Rs6aWH .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yvcZcwlWO8Rs6aWH .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-yvcZcwlWO8Rs6aWH .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-yvcZcwlWO8Rs6aWH .edgeLabel text{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yvcZcwlWO8Rs6aWH .node circle.state-start{fill:black;stroke:black}#mermaid-svg-yvcZcwlWO8Rs6aWH .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-yvcZcwlWO8Rs6aWH #statediagram-barbEnd{fill:#9370db}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-state .divider{stroke:#9370db}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-yvcZcwlWO8Rs6aWH .note-edge{stroke-dasharray:5}#mermaid-svg-yvcZcwlWO8Rs6aWH .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-yvcZcwlWO8Rs6aWH .error-icon{fill:#522}#mermaid-svg-yvcZcwlWO8Rs6aWH .error-text{fill:#522;stroke:#522}#mermaid-svg-yvcZcwlWO8Rs6aWH .edge-thickness-normal{stroke-width:2px}#mermaid-svg-yvcZcwlWO8Rs6aWH .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-yvcZcwlWO8Rs6aWH .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-yvcZcwlWO8Rs6aWH .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-yvcZcwlWO8Rs6aWH .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-yvcZcwlWO8Rs6aWH .marker{fill:#333}#mermaid-svg-yvcZcwlWO8Rs6aWH .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style> <style>#mermaid-svg-yvcZcwlWO8Rs6aWH { color: rgba(0, 0, 0, 0.75); font: ; }</style>
請求
回應
請求
回應
查詢
結果
客戶機/測覽器
interne
WEB服務器
資料庫/服務器

web前端應用技術

1.HTML
Hyper Text Markup Language簡稱為HTML,是一種用于創建網頁的標準標記語言，又稱為稱為超文本標記語言,是網頁的骨架.
2.CSS
CSS是網頁的樣式.
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式通常存盤在樣式表中,把樣式添加到 HTML 5.0 中，是為了解決內容與表現分離的問題.
外部樣式表通常存盤在 CSS 檔案中,多個樣式定義可層疊為一個.
3.JavaScript
簡稱為js, 是一種具有函式優先的輕量級，解釋型或即時編譯型的編程語言.是html網頁的腳本語言
4.jQuery
簡稱JQ,是一個 JavaScript 函式庫
5.AJAX
ajax即異步JavaScript和XML
它是一種用于創建快速動態網頁的技術，
作用是通過在后臺與服務器進行少量資料交換,使網頁實作異步新，
無需重新加載整個網頁的情況下，就能夠更新部分網頁的技術，

{注意后期更新哦}

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/249888.html

標籤：其他

上一篇：CRMEB v4二開檔案

下一篇：ActiveMQ(一)：入門概述

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 面試突擊第一季，第二季，第三季

    第一季必考 https://www.bilibili.com/video/BV1FE411y79Y?from=search&seid=15921726601957489746 第二季分布式 https://www.bilibili.com/video/BV13f4y127ee/?spm_id_fro ......

    uj5u.com 2020-09-10 05:35:24 more
  • 第三單元作業總結

    1.前言 這應該是本學期最后一次寫作業總結了吧。總體來說，對作業的節奏也差不多掌握了，作業做起來的效率也更高了。雖然和之前的作業一樣，作業中都要用到新的知識，但是相比之前，更加懂得了如何利用工具以及資料。雖然之間卡過殼，但總體而言，這幾次作業還算完成的比較好。 2.作業程序總結 相比前兩個單元，此單 ......

    uj5u.com 2020-09-10 05:35:41 more
  • 北航OO（2020）第四單元博客作業暨課程總結博客

    北航OO（2020）第四單元博客作業暨課程總結博客 本單元作業的架構設計 在本單元中，由于UML圖具有比較清晰的樹形結構，因此我對其中需要進行查詢操作的元素進行了包裝，在樹的父節點中存盤所有孩子的參考。考慮到性能問題，我采用了快取機制，一次查詢后盡可能快取已經遍歷過的資訊，以減少遍歷次數。 本單元我 ......

    uj5u.com 2020-09-10 05:35:48 more
  • BUAA_OO_第四單元

    一、UML決議器設計 ? 先看下題目：第四單元實作一個基于JDK 8帶有效性檢查的UML(Unified Modeling Language)類圖，順序圖，狀態圖分析器 MyUmlInteraction，實際上我們要建立一個有向圖模型，UML中的物件（元素）可能與同級元素連接，也可與低級元素相連形成 ......

    uj5u.com 2020-09-10 05:35:54 more
  • 6.1邏輯運算子

    邏輯運算子 1. && 短路與 運算式1 && 運算式2 01.運算式1為true并且運算式2也為true 整體回傳為true 02.運算式1為false，將不會執行運算式2 整體回傳為false 03.只要有一個運算式為false 整體回傳為false 2. || 短路或 運算式1 || 運算式2 ......

    uj5u.com 2020-09-10 05:35:56 more
  • BUAAOO 第四單元 & 課程總結

    1. 第四單元：StarUml檔案決議 本單元采用了圖模型決議UML。 UML檔案可以抽象為圖、子圖、邊的邏輯結構。 在實作中，圖的節點包括類、介面、屬性，子圖包括狀態圖、順序圖等。 采用了三次遍歷UML元素的方法建圖，第一遍遍歷建點，第二、三次遍歷設定屬性、連邊，實作圖物件的初始化。這里借鑒了一些 ......

    uj5u.com 2020-09-10 05:36:06 more
  • 談談我對C# 多型的理解

    面向物件三要素：封裝、繼承、多型。 封裝和繼承，這兩個比較好理解，但要理解多型的話，可就稍微有點難度了。今天，我們就來講講多型的理解。 我們應該經常會看到面試題目：請談談對多型的理解。 其實呢，多型非常簡單，就一句話：呼叫同一種方法產生了不同的結果。 具體實作方式有三種。 一、多載 多載很簡單。 p ......

    uj5u.com 2020-09-10 05:36:09 more
  • Python 資料驅動工具：DDT

    背景 python 的unittest 沒有自帶資料驅動功能。 所以如果使用unittest，同時又想使用資料驅動，那么就可以使用DDT來完成。 DDT是 “Data-Driven Tests”的縮寫。 資料：http://ddt.readthedocs.io/en/latest/ 使用方法 dd. ......

    uj5u.com 2020-09-10 05:36:13 more
  • Python里面的xlrd模塊詳解

    那我就一下面積個問題對xlrd模塊進行學習一下： 1.什么是xlrd模塊？ 2.為什么使用xlrd模塊？ 3.怎樣使用xlrd模塊？ 1.什么是xlrd模塊？ ?python操作excel主要用到xlrd和xlwt這兩個庫，即xlrd是讀excel，xlwt是寫excel的庫。 今天就先來說一下xl ......

    uj5u.com 2020-09-10 05:36:28 more
  • 當我們創建HashMap時，底層到底做了什么？

    jdk1.7中的底層實作程序（底層基于陣列+鏈表） 在我們new HashMap()時，底層創建了默認長度為16的一維陣列Entry[ ] table。當我們呼叫map.put(key1,value1)方法向HashMap里添加資料的時候： 首先，呼叫key1所在類的hashCode()計算key1 ......

    uj5u.com 2020-09-10 05:36:38 more
最新发布
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式，它可以用來減少類之間的直接依賴關系，
    * 將物件之間的通信封裝到一個中介者物件中，從而使得各個物件之間的關系更加松散。
    * 在中介者模式中，物件之間不再直接相互互動，而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:20:47 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點，專案投資大概1億，包括了礦山的各方面的內容，顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃，有很多煤礦行業專家的加持，他們的描述是非常完美，但是去年底應該上線的平臺，現在還沒有看到影子。他們確實有很多場景需求，但是被... ......

    uj5u.com 2023-04-20 08:20:25 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序，開始編碼、測驗、除錯之前進行需求分析和架構設計，才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:20:17 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師，不僅僅要緊跟行業技術趨勢，還要結合研發團隊現狀及痛點，探索新的交付方案。在日常中，你是否遇到如下問題 “ 業務需求排期長研發是瓶頸；非研發角色感受不到研發技改提效的變化；引入ISV 團隊又擔心質量和安全，培訓周期長“等等，基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:20:10 more
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式，它可以用來減少類之間的直接依賴關系，
    * 將物件之間的通信封裝到一個中介者物件中，從而使得各個物件之間的關系更加松散。
    * 在中介者模式中，物件之間不再直接相互互動，而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:19:44 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點，專案投資大概1億，包括了礦山的各方面的內容，顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃，有很多煤礦行業專家的加持，他們的描述是非常完美，但是去年底應該上線的平臺，現在還沒有看到影子。他們確實有很多場景需求，但是被... ......

    uj5u.com 2023-04-20 08:19:07 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序，開始編碼、測驗、除錯之前進行需求分析和架構設計，才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:18:57 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師，不僅僅要緊跟行業技術趨勢，還要結合研發團隊現狀及痛點，探索新的交付方案。在日常中，你是否遇到如下問題 “ 業務需求排期長研發是瓶頸；非研發角色感受不到研發技改提效的變化；引入ISV 團隊又擔心質量和安全，培訓周期長“等等，基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:18:49 more
  • 05單件模式

    #經典的單件模式 public class Singleton { private static Singleton uniqueInstance; //一個靜態變數持有Singleton類的唯一實體。 // 其他有用的實體變數寫在這里 //構造器宣告為私有，只有Singleton可以實體化這個類! ......

    uj5u.com 2023-04-19 08:42:51 more
  • 【架構與設計】常見微服務分層架構的區別和落地實踐

    軟體工程的方方面面都遵循一個最基本的道理：沒有銀彈，架構分層模型更是如此，每一種都有各自優缺點，所以請根據不同的業務場景，并遵循簡單、可演進這兩個重要的架構原則選擇合適的架構分層模型即可。 ......

    uj5u.com 2023-04-19 08:42:41 more

Copyright © 2010-2020 有解無憂