進新公司的做的項目就是小程序，第一周寫了靜態頁面，我的地址和新增地址兩個頁面的js邏輯用緩存寫的，起初沒想到那麽細的邏輯，居然斷斷續續寫了兩天，後來來了個新同事寫了購物車頁面的邏輯。第二周由於公司其他人在趕其他小程序的項目，我和新同事的小程序項目就放了兩天，組長讓我們寫用vue做的後臺管理系統的幾個頁面，先是看代碼，話說vue我只看教程寫過外賣app的項目，當時搭建框架我還過了三四遍才懂（前端新手從接觸前端開始完全自學的，這個公司也是我做前端找的第一個公司），拉下後臺管理系統的代碼之後看的第一感覺是代碼量好大，好多組件好復雜，怎麽辦我可能看不懂，更要命的是當時才換了pro的新電腦，webstorm還沒裝破解版的，nodejs也沒弄，還有環境變量沒設置，感覺所有頭痛的問題全碰到了！環境變量那個找網上教程怎麽弄都沒弄好，到現在我也覺得很奇怪，nodejs安裝好了，直接npm install命令行能用了，直接仔細看代碼了，這次看代碼發現好多我還是能看懂的。

　　一是路由搭建跟自己試手的項目原理差不多的，由於實際項目頁面多很多，因此配置的頁面也非常多，第一次看到這種代碼真的嚇到了。

　　二是url用到了原型鏈,在入口函數main.js加了Vue.prototype.url = “”，後面頁面調用直接，this.url，之前為了面試倒是惡補了原型鏈繼承的知識點，但是實際到底怎麽用沒接觸過，這算是學習到了

　　三是後臺系統進入初始化登錄，是通過監聽$route屬性的變化進入登錄界面

watch: {
        $route() {
if (!localStorage.getItem("login")) {
   this.$router.push("/login");
}
        }
    }

This.$router.push({path:””}

　　四是請求用了axios，由於這個項目的好多一級目錄和二級目錄都寫好了，因此新寫頁面倒是簡單，看著模版寫就是了,敲代碼發現還有跨域處理設置

This.axios.post(url, params,{“widthCredentials”:true}).then(()=>{}).catch(()=>{})

　　五是整個項目用到了element-ui，這個聽在深圳的好基友提到過（同樣是自學她比我厲害多了），找到文檔試著寫頁面發現確實很好用，可以節省好多css代碼，每個組件的樣式部分的style標簽標有scoped屬性時表明style裏的css樣式只適用於當前組件元素，公司的這個項目主要用到了el-table

vue的頁面寫完之後繼續寫小程序，第一天寫接口完全是懵逼狀態，公司發的api文檔是以前項目用的模版，有一些地方沒有改，第一天我完全不在狀態，又請教同事，第二天寫起來就好多了，下面總結一下小程序的坑，小程序很多坑文檔中是沒有的

　　一是去掉button的默認樣式，在css樣式加

微信小程序項目和後臺管理系統總結