原创 html5中自定義屬性data-*應用

參考:jqueryAPI文檔解釋        技術分享   html的data-*屬性   data-* :允許你對於一個HTML元素綁定自定義的屬性。 HTML5 中的 data-* attribute 屬性 <div id="sl

原创 利用Element+vue實現的點餐前端系統

參考教程:https://jspang.com/detailed?id=28#toc21   (若是鏈接失效,進入https://jspang.com可以找到相關教程) 參考代碼地址:https://github.com/shenghy/

原创 利用...數組擴展快速交換數組內元素

/* *將數組末尾元素交換至數組首位 */ function rollToRight(arr){ let newArr = [arr[arr.length-1],...arr.slice(0,arr.length-1)];

原创 git快速創建本地庫並從github上clone倉庫

參考:廖雪峯官網     git命令 1.下載安裝git:https://git-scm.com/download/win;下載完成後雙擊Git-2.24.0.2-64-bit.exe默認安裝(注意安裝路徑不要有空格和特殊字符) 2.安裝

原创 nodejs的運行環境及demo

1.http://nodejs.cn/download/ 下載穩定版並安裝 安裝完成後再cmd窗口中執行 node -v,成功顯示版本則安裝成功 2.安裝vscode編譯器 https://code.visualstudio.com/

原创 nginx知識點,~標識的意思

一.概念: 1.Nginx是一個高性能的HTTP和反向代理服務器軟件。專爲性能優化而開發。 2.反向代理 1).正向代理:通過代理服務器訪問目標網址 2)反向代理:由代理服務器根據請求轉發到對應的真實服務器,然後返回響應。對外暴露代理服

原创 vue中devtools的安裝使用

npm install -g @vue/cli   //安裝最新版本的vue-cli腳手架 @vue/cli 3.0以上就可以 (@vue/cli 4.3.1) vue -V //安裝完成後,用這個命令可以查看到版本 執行vue ui 去

原创 uni-app實現購物功能模塊

參考資料:uni-app官網 1.選用工具HBuilderx快速創建uni-app項目。 2.運行——>選擇瀏覽器運行。等待編譯及相關依賴安裝完成後,瀏覽器會自動啓動顯示頁面。 3.自定義頂部導航欄部分,官網資料框架配置部分,配置pag

原创 雙向鏈表的js實現

雙向鏈表:既可以從表頭開始遍歷也可以從表尾開始遍歷 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>雙向鏈表</title> </head> <

原创 vuejs中的watch選項監控數據的變化

1.watch寫在Vue構造器內部 2.直接使用vm.$watch app.$watch('temperature',function(newVal, oldVal){}) <!DOCTYPE html> <html lang="en"

原创 vue中的methods option:$event、組件及Vue構造器外調用methods內的方法

參考:https://jspang.com/posts/2017/03/26/vue2-3.html#%E7%AC%AC3%E8%8A%82%EF%BC%9Amethods-option-%E6%96%B9%E6%B3%95%E9%80%

原创 集合

集合:無序,不能重複的元素構成;常見實現方式 哈希表 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>set</title> </head> <bo

原创 鏈表

鏈表的插入和刪除操作時,時間複雜度可以達到O(1),但是訪問慢只能從表頭開始訪問。 數組的查找快,可以直接通過下標訪問,但是刪除和插入數據效率低。 insert方法圖解 <!DOCTYPE html> <html> <head

原创 隊列(Queue——先進先出(FIFO First In First Out)

棧和隊列都是一種受限的線性結構 隊列是數據從表的後端rear進行插入,表的前端front刪除操作。 應用場景:打印隊列、線程隊列 基於數組實現的Demo <!DOCTYPE html> <html>     <head>       

原创 格式化浮點數的數字爲千分位:js實現數字自動增加

js傳值:index.js const indexData={     times: 88888899.89,   } export {indexData}   components的代碼:indexNumber.vue