經過兩天的簡單學習,用vue做一個小小的例子鞏固學習。 ...
一 前序 我相信每個人前端搬運工和我想法都是一樣的,都有一個做全棧的夢,無奈面對眾多的后台語言,卻不從下手,今天由我來帶你們潛入全棧的門檻,注意是門檻。能不能學的會后面的內容全靠堅持了。 我今天主要做一個留言板項目,這個項目雖小,但是足以讓你們感受一下全棧的感覺,自己調用自己寫出來的api,隨心所欲。學習新知識主要記住一個點看文檔 看文檔 看文檔。 大家可以直接去下載我寫的源碼進行學習,不懂下方評 ...
2019-05-08 17:38 1 1569 推薦指數:
經過兩天的簡單學習,用vue做一個小小的例子鞏固學習。 ...
上面是主頁代碼下面是js 運行截圖 ...
html部分: ...
最近看完入門API,看完視頻自己寫了個留言板,因為主要是學習vue,所以就復習了一下bootstrap,布局更簡單,先看看樣式吧。 簡單清晰的布局,先說一下功能, 1.輸入用戶名密碼點擊提交放入表格 2.點擊刪除全部清空表格 3.點擊刪除按鈕,刪除當前行 4.當數據沒有時提示暫無 ...
這次留言板運用到了最基礎的localstorage的本地存儲,展現的效果主要有: 1.編寫留言2.留言前可以編輯自己的留言昵稱。不足之處: 1.未能做出我喜歡的類似於網易的疊樓功能。 2.未能顯示評論樓層(可實現,但是插進去十分不美觀)。 編輯效果如下: 文件為html文件 ...
本文所用的知識點:創建節點和添加節點 創建節點:document.createElement('li') 添加節點 node(父親節點).appendChild(child ...
最近有點懶,沒碼什么字,防止遺忘,從頭開始碼,寫一個簡單的HTML留言板。包含兩個文件,book.html還有style.css,放在同一目錄下。 book.html style.css,源碼如下: ...
今天我將帶大家通過Vue的todolist案例來完成一個簡易的網頁留言板! LES'T GO! 首先我們需要在頁面上搭建一個input文本輸入框,並設置提交按鈕,通過循環指令來完成輸入框的信息提交! 具體代碼如下: 這里的i是索引的值,我們需要設置點擊刪除操作,而留言從第一 ...