1.目錄結構
build：webpack構建命令目錄，包括執行開發環境，專案打包等配置
config：webpack和node基礎，開發，線上環境的配置
dist：webpack打包後生成的靜態檔案目錄
node_modules:專案依賴的js包
src：專案根目錄
----assets：靜態資源目錄，這裡的資源會被webpack構建
----base：vue專案基礎元件目錄
--------api：專案
--------componets：元件（通用頁面）所有模組使用
--------router：路由，請求url-->頁面
----common：工具類
----mock：前端工程用來做單元測試，模擬寫的用例
----module：模組
--------modulename：模組名稱
------------api：模組下的js檔案，定義方法，請求服務端介面
------------components：單獨模組下的元件
------------page：存放頁面資訊
------------router：路由
--------home：主頁
----statics：靜態資源
----vuex：基本狀態管理工具
package.json：npm包配置檔案，裡面定義了專案的npm指令碼，依賴包等資訊
2.頁面.vue
<template
>
template
>
<
script
>
/*編寫頁面靜態部分，即model及vm部分
*/script
>
<
style
>
/*編寫頁面樣式，不是必須的
*/style
>
3.路由（訪問url）
index.js
import 別名 from '@(表示src目錄)/。。。。'
瀏覽器傳送http請求
vue.js根據路由找到page_list頁面
執行page_list.vue中的鉤子方法
鉤子方法執行page_list.vue中的query方法
呼叫執行cms.js中的page_list方法
解決跨域有node.js**到伺服器
伺服器返回到then(res)中
vue的鉤子方法：created():vue例項建立好還未渲染時執行；
mounted():vue渲染完成後執行；
api中方法：
//我的課程列表export const findcourselist = (page,size,params) =>
method:
//獲取課程列表getcourse() ).then((res) =>
});},
鉤子方法
mounted()
返回的資料繫結
data()},
正則 入門篇
如果你對正則感興趣,讀完這篇文章,一定會有收穫 寫好正規表示式的兩個要點 1.正確匹配字元數量 相關符號 2.正確匹配字元種類 相關符號 除上面符號以外的其它符號 相關符號 代表 萬能匹配 可以匹配除了 n 換行符 之外的任何單個字元 代表 不要貪婪 用在 後面,表示匹配的越少越好 也代表 非 即一...
正則 入門篇
如果你對正則感興趣,讀完這篇文章,一定會有收穫 代表 萬能匹配 可以匹配除了 n 換行符 之外的任何單個字元 代表 不要貪婪 用在 後面,表示匹配的越少越好 也代表 非 即一 代表 除了你 在中括號內,如 表示單個非下劃線字元 也代表 匹配首位 代表 匹配末位 代表 至無窮 大於等於0的整數 代表 ...
前端入門篇
作為乙個後端的開發，我其實不想設計到前端的開發。雖然都會是不錯的體驗，但是術業有專攻，還是揚長避短才能成就部分期待。但是沒有什麼能獨善其身，一方面環境使然，一方面前端的良好的效果能促進完成更好的產品，更加符合自己期待的東西，所以開始吧 前端目前的框架主流是vue react angular 推薦re...