2018年前端总结

Posted zxyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2018年前端总结相关的知识,希望对你有一定的参考价值。

 

总结者,先回顾,然后再梳理这一年的所做所得和所欠缺。

技术分享图片

 

技术分享图片

 

所涉及的技术体系:

一:.原本是react体系的,然后进入了一家是angular2体系的公司,基本这一年侧重于写ng的项目

 

 

二:.其中还迭代了三个小程序项目,有兴趣的可以搜来玩玩

铲屎官助手:二维码

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

2.有空可以看看小程序社区,里面有很多很有意思的问题,包括一些你会遇到的坑,里面也有大神在解答,

3.说几个会用到的东西:https://www.jianshu.com/nb/26332766  自己找吧,基本都是项目常用的

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

5.可以多多跟进一下官方api,里面有些新特性自己写写,比如我用到一个小程序自动生成二维码的插件,也挺有意思的。

6.最后就是一些开发细节了,比如界面一般会按照正常流程走(接口返回有值),也需要自己去处理,界面没有值的情况,用我一个老师的写法叫做空守卫(估计是打篮球打多了,)。

 

卖点小程序(参与维护):二维码

 

西婵美容:二维码

 

三:.接触了一下ionic3

 

四:,用apiCLoud开发了两款App,这里吐槽一下,联调比较麻烦,有些控件由于微信升级了,控件不支持多图片分享,总体来说,接入到开发到上线还是比较快速的,如果能更好的支持浏览器调试就更好了,由于里面封装了原生组件,出了问题调试很麻烦。

 

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

 

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

 

以上是关于2018年前端总结的主要内容,如果未能解决你的问题,请参考以下文章

2022 年前端趋势总结与 2023 前端规划

第1479期2018 年前端开发回顾

2018年前端总结

来自2.5年前端小白的总结

2019年前端开发学习指南和配套视频资料

2022 年前端技术发展趋势知识小结