进新公司的做的项目就是小程序，第一周写了静态页面，我的地址和新增地址两个页面的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样式加