项目开发的流程

原創 吾读蜈工 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