梁凤波工作周记3月10号

今天周五晚上了,理应好好放松一下,忽然头脑觉得一种压迫感而来..

我每天都说在学习,我学到了什么?前一周彬哥对我云笔记很赞许,然而我再去看看我的朋友圈的各技术文章,以及我的工作的云笔记,发现我的笔记做的很不用心,这些技术文章真的对我个人有进步了吗?

我的工作中技术部的老大辰哥对我不错,技术上很用心指导我,这周项目api接口对接,真实的项目开发让我得到了不少的知识增长,同时我发现我的思维远远跟不上辰哥,老大指出我的代码规范与写代码的逻辑问题,今天下午匆匆忙忙顶着项目快上线的时间的赶回清远又急急忙忙回着广州,在乘车这片时间里, 我细心想了想,原来,我需要总结了,我对自己工作来的一次总结。

记得在睡客网第一天上班的时候,老大马上就扔了三个移动端的页面给我,我当时被吓到了,移动端?我对PC端开发还是熟悉,移动端还真没写过,幸运的是微信上大熊和基佬铎指导我,百度了一下,马上就写了三个页面,那一周,我去找了移动端的学习视频,慕课网,云课堂,zepto框架,jq mobile框架,同时一边学一边写,慢慢总结出写H5移动端的方法其实很简单:

一、总结经验:
1、建议用css的弹性盒子,和百分比来布局,能很好的适应每个设备的宽度,也能够快速的布局。我自己对弹性盒子总结(常用的几个标签,不过对布局足够了):
http://note.youdao.com/noteshare?id=5949629cb024370616ae49b2c1e61140&sub=799A65C2B659420787A45B56E03C383C

2、和后端交互的话,其实和PC端一样,用Ajax来交互,zepto有它特定的ajax用法,jq也有,这个看你喜欢那个框架,其实jq也是用的最多的框架了。

3、在做商品筛选功能的时候,我对ajax还没有完全的搞懂,吃了不少苦,说道筛选功能,我就拖上搜索功能一起说,原理是一样的,当用户点击筛选页面出来,所对应的button,用户点那个button相对应的元素就给一个标志位,当用户点击确定的时候,就把标志位的文字发送到后端,后端会接收到前端发来的请求,后端就一般返回json数据,这里特别注意的是,前端发送过去的格式一定要json,如果发送不成功,看下json是不是写成了JSON JSONP,大小写也是有区别的,如果发送不过去,看下ajax有没有写错,打印res错误信息,还有特别重要的是注意后端传回来的数据json会是无形地自动转换成了String,建议先转为json格式再进行渲染:
var obj = eval('(' + str + ')');
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
另外的搜索框原理也是一样,传参过去,后端返回json数据,值得一提的是拿到数据 后,看项目需求,进行页面的拼接渲染,如果加上一些过滤判断也更好,就如按需加载,用算法来对进行排序,一直想深入学算法,听老大说,各个语言都有它的独特算法,和设计模式,我看了js的算法,还是很多不懂,看来,我还是着重基础。

4、有点怪我自己前个月没有做工作总结,这个月对上个月的知识点还真有点忘了,新年来到这里,公司要开发小程序项目,我特意学了一周的小程序,感谢公司给我学习的机会,然后进行了项目开发,小程序的个人笔记总结:
http://note.youdao.com/noteshare?id=fd723f40293e1c4f639223b073314e29&sub=D07919F63AC64488B963D6081B7A2F70
如果想深入学习的话,我建议一套视频,老师讲的很好:
http://study.163.com/course/introduction/1003283028.htm#/courseDetail

我来说一说小程序的坑吧

(二)小程序的坑
不能使用原生js来获取,这对前端工程师来是很头疼的,但他有独特的bindtap setData data真的让人抓摸不透,觉得很辣鸡,但有觉得非常的强大,封装好的api组件也特别方便,其实小程序还是挺好的、我拿这周遇到的问题来讲:
1、小程序的缓存机制:
非常的方便,如:
//存数据
var allGoods = wx.getStorageSync('shoppingcar');
读取数据:
wx.setStorageSync('shoppingcar', allGoods);
还可以在整个开发文档中使用它。

2、小程序的跳转
在做跳转页面的时候,小程序提供了
<navigator url="../shoppingcar/shoppingcar" hover-class="navigator-hover">
</navigator>
跳转,下一层,下一层,
老大说要做用户判断时,如果直接打开小程序主界面,要马上获取用户的id来进行判断,如果用户不是我们公司的商家就立即让他关闭页面,我和老大想用跳转新的白屏页面来做,发现白屏的页面其实也是小程序的下一层页面,返回还是主界面,当我发现了个好东西:
wx.navigateTo({
url:这个是链接
delta:1 这个是直接返回上一层,能直接关闭小程序。
})
3、公司的小程序项目重要开发功能是扫填商品码出来对应的商品,做这个购物车的功能遇到了不少的坑,也常和老大的思维混乱,辰哥说你怎么能用同一个变量来作比较,你告诉我他们两个永远是false 还是true 哈哈哈哈....
具体购物车的话,就不说了,主要是逻辑思维要正确
4、这时候不得不赞许我公司的UI唐丽和项目经理斌哥了,发现UI真的很好,做的图很好看,还有帮我切图,标注,感动,项目经理对页面很严格,他教会了我做网页要规范,专业性,比如文字的大小,行高,底色,对齐,等等...强迫症。
5、今天老大说的最多的就是我的代码规范问题了,我深深的意思到:以前学习的时候做banner时命名:lunbo的笑话,哈哈哈,现在我又犯了命名规范,代码规范,从现在起要十分的注意。
6、小程序还是很好玩的,具体看我的笔记总结,或上网搜,还有很多知识点没总结出,我会继续写一些总结出来。

(三)、生活篇
1、自从工作起,我都十分注意自己的身体,以前晚上1点2点3点睡,早上早早起来,这样对自己的身体太不好了,我现在每天晚上12点左右肯定睡了,早上能够7点半起来,加上午休够8小时,曾经想买个锻炼器材练身体,最终还是听了经蔚说keep的软件不错,我就每天做个收腹肌的锻炼,感觉还不错,还能坚持下来。
2、有时和朋友聚聚餐,记得刚过完年上来和大熊,基佬铎聚餐了一餐,还特任性,大熊买了两瓶红酒,说一定要干完两瓶,真么开心!现在大熊在每天忙项目,基佬铎这大神是很厉害的,现在开始写博客,他的技术水平我还是很佩服他的。
3、现在我也有了女朋友,我发现有了她,我的性格和我的想法都平稳了很多,做事情静下来想,多方面的考虑,目标也很明确。
4、我开始要多总结,感谢彬哥对我的要求,总结太重要了。
5、我要感谢的人太多了,一直很幸运,任重而道远!加油!

接下来,我开始我的总结之旅了。

原文地址:https://www.cnblogs.com/liangfengbo/p/6546615.html