上午
1.学习实现“我的会员”新的效果图对应的静态界面。
2.看到效果图里有一个渐变的background样式,就去找到了项目中的“我的积分”页面,发现也有差不多的实现方式。使用了linear-gradient()
,语法示例如下:
`background: linear-gradient(direction, color-stop1, color-stop2, ...);
background: linear-gradient(to right, red , blue); /* 标准语法 */`
3.负责这个项目的同事离职了,现在项目交接到我手上了。询问同事,总结了公用js的大概作用:
index.controller.js
是一启动项目就会加载的js,里面用window全局定义了很多方法和变量,比如与客户端进行交互的各种方法,还比如changeHref
中的埋点。api.js
里封装了项目用到的各种接口方法,依赖于http.js
(封装了一个promise对象用于实现ajax请求)app.js
则是入口文件,包括了f7的初始化方法。common.js
很少用到,语焉不详router.js
定义了页面跳转加载都会用到的load()
方法,bootApp()
方法则是定义了通过路由加载第一个界面会调用的方法,默认的第一个页面是home.html
template.js
里则是定义了Template7相关的方法,包括注册helper
,以及封装绑定到模板上的render()
和renderToTarget()
方法Utils.js
里则是封装了常用的工具类方法,据我观察,好多js都会引用Utils.js
,包括bindEvents()
是按格式绑定事件的方法,这里template.js
用bind()
封装了下,所以一般调用的都是template.bind()
,注意一下,比较乱。还有unbindEvents()
就是解绑指定事件的方法。Validator.js
里封装了判断数字、手机号、密码等是否合法的方法,调用的还是挺方便的,但是不知道为什么搜不到Validator
关键字。index.ejs
编译得到index.html
,其中定义了theme
、getUrlParam
以及App_accountId
等公用的全局变量
下午
4.群里出了“彩虹俱乐部”的设计图了,所以我也开始进行页面的书写了。设计图中有弧形边框的效果,考虑需要使用
【CSS】CSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框
5.后来发现不对,通过上述属性是通过改变圆角来改变图形,但是界面所需的效果并不是这样。询问同事后得知,可以直接叫UI切一个弧形的图,作为div的背景图即可,方便快捷。
6上海的开发同事反馈comment-list
的js里,调用2310接口时没有传fundNumber
,解决了问题之后,我上传到了git的1.8.1的包里。这个项目的开发都在上海,以后沟通还是挺重要的。
7.测试反馈了在大神个人中心的评论列表,如果没有评论,显示应该是“他没有留下痕迹”,但是页面里却没有显示。我本地测试确实有这个问题。经过排查,发现是js里的代码和template7的语法重合了,导致无论如何都会Hide.解决。