2018年前端总结

 

总结者，先回顾，而后再梳理这一年的所作所得和所欠缺。

 

 

所涉及的技术体系：

一：.本来是react体系的，而后进入了一家是angular2体系的公司，基本这一年侧重于写ng的项目

 

纯干货地址：https://www.bilibili.com/video/av16953560 

2.typeScript语法的接入，嗯，也不难，注意声明类型，然后在使用

3.说两个开发中经常使用的技巧，

 a.界面*ngFor 在对应的标签上，须要设置一下key值，另外，循环的是一个数组，若是后端返回是object会报错

b. 界面取值尽可能作非空处理{{item.name ? item.name : '暂无会员'}}，不过这样写有人以为不友好，我也没论证过，但愿之后能够获得答案

c.关于若是动态建立一个选项，这个效果能够参考一下个人一篇博客，记住一个理念：用数据来作驱动，有这个思想那么基本就有好的思路了：https://www.jianshu.com/p/6b13e70d79c0

d。关于获取自定义属性的值的问题，也是参考一篇博客：http://www.javashuo.com/article/p-rzrrtspz-eu.html

e. 所谓一人计短，二人计长，多和本身的同事朋友交流技术，遇到问题多向优秀的人请教，有热心的朋友帮忙解答了，记得说声谢谢！即便没能帮到，也记得说一下谢谢！这个社会已经够冷漠了，但愿技术领域仍是多一点暖心的东西吧！

 

二：.其中还迭代了三个小程序项目，有兴趣的能够搜来玩玩

铲屎官助手：二维码

1.一切的起源来源于界面，这里须要推荐一下flex弹性布局，这也是今年须要去学习掌握的一个技能，毕竟有时候写界面一个水平垂直剧中要写不少样式，或者一个左右布局用float，又或者要写适配多屏等

2.有空能够看看小程序社区，里面有不少颇有意思的问题，包括一些你会遇到的坑，里面也有大神在解答，

3.说几个会用到的东西：https://www.jianshu.com/nb/26332766  本身找吧，基本都是项目经常使用的

4.说两个须要注意的细节问题：wx:if="{{}}' 这里大括号要带上，因为写了ng的*ngIf=‘’  有时会弄混，小程序里面没有大括号没法进行界面取值操做，另一个是写for循环的时候，item项，不要用{{p}}来做参数，本人猜想这个是个关键字，界面会没法获取到值

5.能够多多跟进一下官方api，里面有些新特性本身写写，好比我用到一个小程序自动生成二维码的插件，也挺有意思的。

6.最后就是一些开发细节了，好比界面通常会按照正常流程走（接口返回有值），也须要本身去处理，界面没有值的状况，用我一个老师的写法叫作空守卫（估计是打篮球打多了，）。

 

卖点小程序（参与维护）：二维码

 

西婵美容：二维码

 

三：.接触了一下ionic3

1.嗯，目前这块的资料真的不多，特别是一个完整能够跑的项目简直叫作没得，项目因为被其余项目耽搁了，目前只有一个大概的项目架子，里面有不少三方插件没有具体的使用过。

2.但愿有用过的朋友多写点博客，或者分享一下项目经验吧

 

四：，用apiCLoud开发了两款App，这里吐槽一下，联调比较麻烦，有些控件因为微信升级了，控件不支持多图片分享，整体来讲，接入到开发到上线仍是比较快速的，若是能更好的支持浏览器调试就更好了，因为里面封装了原生组件，出了问题调试很麻烦。

 1.这个技术适合快速迭代，最理想的作法是所有用api的模式来写东西，用内嵌html的模式作兼容适配比较麻烦，就是单独去学那块的东西须要花时间与精力

 

五：.写写H5的界面，基本界面都是h5了，不过一些新出的标签特性仍是很强大的

 1.video标签，使用的时候不要在dom上绑定，这样绑定的没法直接播放，建议获取数据后，从js里面渲染到界面，这样就能够直接播放了

2.进度条标签，很好用 ，样式的话本身找一下，也很好弄，颜色哪些都是能够控制的

 

progress

<progress max="100" value="0" id="pg"></progress>


var pg=document.getElementById('pg');
 setInterval(function(e){
      if(pg.value!=100) pg.value++;
      else pg.value=0;
},100);

 

 

六：.仍是要多看看优秀的人写的项目和代码，有时间多看看技术博客。

 

七：我的在开发中关于git的一点心得：

https://www.jianshu.com/nb/31867840