前端非同步流程工具
promise √
generator函式
async函式 √
node.js 提供的 nexttick
第三方的async.js
ajax
fetch
前端渲染是通過ajax請求資料，然後通過js語法將資料展示到頁面中，稱之為前端渲染
後端渲染是通過後端語言 + 後端模板( ejs ) 將 頁面整個傳送給前端
後端模板
ejspug( jade )
art-template
現在流行的： 前端渲染
問題： 當前後端同時進行專案開發是， 後端資料介面沒有寫好，但是前端卻需要這個介面，這個時候怎麼辦？
分析： 需要一段資料
解決： 模擬假資料（ mock資料 json-server / mock.js ）
以上這種形式叫做 ： 前後端架構分離
很久以前，沒有前端崗位的， 所有的網頁都需要後端完成， 那個時候的情況我們稱之為： 前後端耦合
node.js做專案的時候 ，就有兩種選擇了
前後端分離 ：後端提供介面，前端渲染
前後端耦合： 後端渲染
直接借助乙個工具來搭建乙個node.js專案，這個工具叫做 express-generator ,這個工具幫助我們實現了express框架
建立express專案的流程
安裝 express-generator
$ cnpm i express-generator -g
建立express 專案
$ express -e 專案名稱-e是安裝 ejs 模板
分析目錄
啟動專案 package.json 中 npm 指令碼
$ npm run start
研究專案**
中介軟體是乙個函式,函式中引數有三個：
request 請求
response 響應
next 請求和響應中間的迴圈流程
中介軟體有三種型別
應用級中介軟體
路由中介軟體
錯誤處理中介軟體
前端的請求方式有幾種？
getpost
putdelete
head
all
以上的請求方式統稱為： restful api
restful是乙個規則，這個規則規定了資料介面的使用原則
舉例：http:localhost:300/shopcar/add
想： 如果能有乙個介面來表示不同的請求功能，那會怎麼樣呢？
解決： restful api 這個規則
你好！ 這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器, 可以仔細閱讀這篇文章，了解一下markdown的基本語法知識。
全新的介面設計，將會帶來全新的寫作體驗；
在創作中心設定你喜愛的**高亮樣式，markdown將**片顯示選擇的高亮樣式進行展示；
全新的katex數學公式語法；
增加了支援甘特圖的mermaid語法1
功能；增加了焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定等功能，功能按鈕位於編輯區域與預覽區域中間；
增加了檢查列表功能。
撤銷：ctrl/command + z
重做：ctrl/command + y
加粗：ctrl/command + b
斜體：ctrl/command + i
無序列表：ctrl/command + shift + u
有序列表：ctrl/command + shift + o
檢查列表：ctrl/command + shift + c
插入**：ctrl/command + shift + k
插入：ctrl/command + shift + g
直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支援6級標題。有助於使用toc語法後生成乙個完美的目錄。
強調文字
強調文字
加粗文字加粗文字
標記文字
刪除文字
引用文字h2o is是液體。
210 運算結果是 1024.
帶尺寸的:
居中的:
居中並且帶尺寸的:
當然，我們為了讓使用者更加便捷，我們增加了拖拽功能。
去部落格設定頁面，選擇一款你喜歡的**片高亮樣式，下面展示同樣高亮的**片.
// an highlighted block
var foo =
'bar'
;
專案3乙個簡單的**是這麼建立的：
專案value
電腦$1600
手機$12
導管$1
使用:---------:居中
使用:----------居左
使用----------:居右
第一列第二列
第三列第一列文字居中
第二列文字居右
第三列文字居左
smartypants將ascii標點字元轉換為「智慧型」印刷標點html實體。例如：
type
ascii
html
single backticks
'isn't this fun?'『isn』t this fun?』
quotes
"isn't this fun?"「isn』t this fun?」
dashes
-- is en-dash, --- is em-dash– is en-dash, — is em-dash
markdown
text-to-
html conversion tool
authors
john
luke
乙個具有註腳的文字。2
markdown將文字轉換為 html。
您可以使用渲染latex數學表示式 katex:
gamma公式展示 γ(n
)=(n
−1)!
∀n∈n
\gamma(n) = (n-1)!\quad\forall n\in\mathbb n
γ(n)=(
n−1)
!∀n∈
n 是通過尤拉積分
γ (z
)=∫0
∞tz−
1e−t
dt.\gamma(z) = \int_0^\infty t^e^dt\,.
γ(z)=∫
0∞t
z−1e
−tdt
.
你可以找到更多關於的資訊latex數學表示式here.可以使用uml圖表進行渲染。 mermaid. 例如下面產生的乙個序列圖：:
這將產生乙個流程圖。:
我們依舊會支援flowchart的流程圖：
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到文章匯出，生成乙個.md檔案或者.html檔案進行本地儲存。
如果你想載入一篇你寫過的.md檔案或者.html檔案，在上方工具欄可以選擇匯入功能進行對應副檔名的檔案匯入，
繼續你的創作。
mermaid語法說明↩︎
註腳的解釋 ↩︎
非同步流程工具
promise generator函式 async函式 node.js 提供的 nexttick 第三方的async.js var async require async 序列 async.series 2000 two function callback 1000 function err dat...
前端開發 工具和流程
在dailyreport專案中，我通過springboot mongodb redis構建了後端restful介面，現在需要客戶端展現了，但是我的web和移動開發都是初學者，只能從頭學起。在谷歌上瀏覽資料過程中，偶然遇到thoughtworks的這篇文章 我們真的缺前端工程師麼？認真讀下來，首先佩服...
前端登入流程
初次登入的時候，前端調後調的登入介面，傳送使用者名稱和密碼，後端收到請求，驗證使用者名稱和密碼，驗證成功，就給前端返回乙個token，和乙個使用者資訊的值，前端拿到token，將token儲存到vuex中，然後從vuex中把token的值存入瀏覽器cookies中。把使用者資訊存到vuex然後再儲存...