項目開發的流程

原創 吾读蜈工 2020-06-23 22:41
  1. 項目開發準備：
    • 項目描述
      模塊：ES6
      組件
      工程化：Webpack vuecli eslint
    • 技術選型：Vue技術棧
    • API接口
  1. 開發項目
    • 腳手架創建項目
    • 安裝所有依賴
    • 開發環境運行
    • 生產環境打包與發佈
  1. 搭建項目整體界面結構
    • sass
    • Vue-Router
      router-view/router-link/keep-alive
      $router: 路由對象，一些操作函數和跳轉
      $route: 當前路由對象，一些當前路由數據容器，path/meta/query/params
    • Vux
    • 組件拆分
  1. 抽取組件
  1. 後臺項目
    • 測試工具
    • 接口修正：模擬數據
  1. 前後端交互
    • ajax請求庫axios
    • ajax請求函數的封裝 axios + promise
    • 封裝每一個接口函數：URL ， 請求方式 ， 請求參數個數 => 相應數據格式
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

web前端開發新手應該知曉的20件事

在我當初剛從事 web 開發的時候，有很多重要的事我並沒有事先了解。現在看來，我的很多期望都和現實有很大的差距。在這篇文章裏，我會告訴你 20 件事情，這些都是在你準備開始或者剛開始 web 開發不久的時候就應該知曉的。這有助於你更好地正視

原創 2023-10-10 11:11:54

Vue入門基礎（搭建項目）

1.進入要安裝腳手架項目的目錄 vue create 項目名   2.運行啓動命令 cd hello-world npm run serve 3.訪問項目      

原創 2021-01-30 10:55:28

Vue入門基礎（組件嵌套）

註冊全局組件 1.新增Users.vue <template > <div id="users"> <ol> <!-- vue 遍歷需要key屬性綁定--> <li v-for="(va

原創 2021-01-30 10:55:28

Vue入門基礎（父級組件屬性傳參）

App.vue <template> <div id="app"> <Header/> <!--使用組件 並傳遞當前組件值 --> <Users :users="users" :username=

原創 2021-01-30 10:55:28

Vue入門基礎（介紹目錄）

終端的使用，可以新增終端 啓動    README.md  命令提示文件   package.json   package-lock.json 暫時無用，可刪除   babel.config.js  babel配置  暫時無用  

原創 2021-01-30 10:55:28

Vue入門基礎（多組件嵌套demo）

Header.vue <template > <div class="Header"> <h1>{{title}}</h1> </div> </template> <script> //js

原創 2021-01-30 10:55:28

Vue入門基礎（slot插槽的使用）

當我們嵌套的組件需要上級向下級傳遞頁面標籤的時候，可以使用slot Slotdemo.vue <template > <div class="Slotdemo"> <!--name 對應上級的slot="" -

原創 2021-01-30 10:55:28

Vue入門基礎（動態組件和緩存）

components 指定引用的組件，可以通過修改指定的組件名稱來動態改變顯示的組件 keep-alive 組件加入緩存 使組件切換的時候 不會重新渲染覆蓋已填數據   Formone.vue <template > <div

原創 2021-01-30 10:55:27

Vue入門基礎（組件CSS樣式）

scoped的作用：使嵌套的樣式引用不影響當前的vue App.vue <template> <div id="app"> <h1>APP.VUE</h1> <!--使用組件--> <Users/>

原創 2021-01-30 10:55:27

Vue實例——點擊v-for的某個元素，消除其它元素關聯

實現這樣的一個需求：使用v-for生成一個列表，點擊列表中的某個元素，該元素改變其樣式（也就是字體變紅），其它元素不變 解決方法 通過設置一個點擊事件btnClick(index)獲取點擊元素的下標，將被點擊的元素的下標與列

Flowery Me 2020-07-08 05:00:04

Vue實例：購物車的搭建——界面設計

HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>購物車</title> <link rel="stylesh

Flowery Me 2020-07-08 05:00:04

Vue獲取瀏覽器點擊事件作爲函數參數

<body> <div id="app"> <!-- 瀏覽器會默認傳遞事件屬性 --> <button @click="btnClick1">按鈕1</button> <!-- 當需要傳遞事件屬性時，

Flowery Me 2020-07-08 05:00:04

《幻獸帕魯》解鎖基地和工作帕魯數量上限

帕魯私服的遊戲參數通常可通過配置文件 PalWorldSettings.ini 來進行修改，然而這個配置文件有個別參數對遊戲不生效，讓人很是頭疼。沒錯！我說的就是終端最大的帕魯數量！ 其實還有另外一種更加高級的參數修改方式，那就是 Worl

原創 2024-04-07 21:14:36

FindBugs 規則整理：Style & Dodgy

  DLS_DEAD_LOCAL_STORE 翻譯 Dead store to .. in ... This instruction assigns a value to a local variable, but the value

小小土豆爱吃鱼 2020-07-08 09:37:44

VS Code配置Go語言開發環境

VS Code是微軟開源的一款編輯器，插件系統十分的豐富。本文就介紹瞭如何使用VS Code搭建Go語言開發環境。 VS Code配置Go語言開發環境 說在前面的話，Go語言是採用UTF8編碼的，理論上使用任何文本編輯器都能做Go語言開發

小小土豆爱吃鱼 2020-07-08 09:37:44