转行前端工作总结一

算是总结一下自己这段时间学习的内容吧，所在的公司算是电商这一块，所以前端逻辑比较复杂。

这个月接触的东西：小程序框架wepy.js，以及Vue.js框架，ES6，JS中级知识，AMD，PHP，CodeIgniter ，css3：translate属性，less，npm&package.json

接触的东西是比较多的，没想到对js的要求确实是比较高的，同时对于class命名的方式也有了 一些体会。

知识点分享：

1.初学者class快速命名一直是个问题，希望下面的理智能够给你一些启发

<div class="order-list-box">

<div class="order-list-title"></div>
<div class="order-list-content">
<div class="order-list-content-image></div>
<div class="order-list-content-text></div>
</div>
<div class="order-list-footer"></div>

</div>

特定内容的box，里面有特定内容的title、content、footer，content：里面你可以继续套用title、content、fonter

不用驼峰命名是太慢了又不容易一眼识别

2.wepy.js小程序框架容易混淆小程序与vue.js

组件化开发的概念和vue几乎一模一样，

1.视图层的写法就是小程序的写法，除了优化几个方法，for，@tap，@tap.stop

2.<style></style>标签里面的css文件是一样的，但是可以用less的写法，目前我只用less的嵌套，和定义参数。

3.<script></script>生命周期的钩子函数是小程序的，其他的写法的vue.js的但是在细节上有些区别，举个例子vue.js:data()是个函数，wepy.js：data={}写法是这样的。请参照两个的参考文档。

4.wepy.js组件化开发，想起面试的时候被问组件之间如何相互通信时候一脸懵逼的样子，就觉得好玩。

现在用的比较多的props父组件向子组件传递数据，还有$emit/$broadcast方法，前者是在子组件中调用，实现调用写在父组件event中的函数，后者相反。

5.js中级知识（清明节贴上代码慢慢写）

this的使用，constructor（）{}方法，闭包，遍历数组的方法，遍历字符串，操作两者，原型链与继承，js内存原理

6.ES6（清明节贴上代码慢慢写）

promise,箭头函数，async/await，同步异步请求，let/const块级作用域，解构赋值

7.git使用技巧

是看廖雪峰的教程学的

但主要用的就是

git clone 贴上地址

git pull 更新别人在这段时间改的代码

git status 看看更改

git commit -a -m 注释信息

git push 上传你的代码