昵称登录后显示

交易所-手机端新闻列表
1. 利用sass定义css变量切换皮肤
2. 监听window的offline和oneline事件进行离线和在线状态的新闻展示
3. 利用localStorage将已读的新闻储存到本地,方便用户秒开
4. 监听window.scroll事件计算用户在当前列表停留的时间
5. 根据用户停留在列表页面的时间加载可视区内的详情数据，用户秒开详情
6. 利用transform的translateX切换不同的新闻tab项
7. 利用列表项的scrollTop和offsetHeight计算是否到达底部，进行加载更多数据
8. 滚动的时候根据当前列表项offsetHeight计算是否进入可视区来进行列表图片的预加载。
9. 利用截流函数只有超过3秒停留才加载列表对应的详情数据
10. 当前列表项的数字计算是否等于后台返回的总的数额，表示没有更多数据。

交易所-otc交易
1. 当订单处于买家付款中时候，根据后台返回的服务器当前时间和买家付款结束时间计算订单超时
2. 使用定时器对付款时间实时读秒，展示给用户看
3. 根据后台返回的status状态和当前用户是买家， 分别展示付款中， 等待卖家放币，订单已超时， 取消，订单已完成，申诉中页面
4. 根据后台返回的status状态和当前用户是卖家， 等待买家付款， 放币中，订单已超时， 取消， 订单已完成，申诉中页面
5. 对提币进行T+1的操作，确保买家的资金是否安全
6. 买家付款页面中展示卖家的银行卡账号，姓名，银行名称，利用js的copy功能给予复制，方便用户操作
7. 买家处于等待卖家放币页面，利用定时器计算卖家放币是否已经超时
8. 当卖家放币已经超时，可以点击‘申诉’按钮予以申诉
9. 卖家处于等待买家付款页面，利用定时器计算买家付款是否已经超时
10. 卖家处于放币中页面，但是卖家没有收到卖家的资金可以点击’申诉按钮‘

自我练习-选举系统
1. 利用solidity语言定义智能合约
2. 利用metamask进行智能合约的部署
3. 利用web3js创建一个选举系统的新合约
4. 利用web3js调用初始化方法，获取初始化选举数据。
5. 利用web3js调用投标方法， 对投标数据进行改变，需要绑定发布者的地址，需要消耗gas
6. 使用web3js自带工具方法对选举人姓名转为16进制编码

橘子理财-性能指标监控
1.1. 收集所以的性能数据，
1. 包括ttfb从后端返回第一个字符的时间
2. performance.time.domInteractive浏览器可以交互的时间
3. performance.time.domComplete所以资源的加载时间
4. 页面从打开到所以资源加载完成的所以时间
5. first-contentful-paint第一个有内容的元素绘画出来的时间
6. 监听observe的first-input事件获取用户首次输入的输入交互的时间
7. 统计所以这些指标，必须要是需要document.ready加载完成，需要函数包裹

1.2. 收集所以的js报错
1. 通过监听window的error时间补货脚本执行报错
2. 通过监听window的unhandledrejection事件补货promise错误
3. 通过event.target.src判断页面是否是404
监听页面访问的地址，报错的文件名，在文件的哪一行报错，报错的html元素，html元素的路径

1.3 对页面白屏的收集
利用elementsFromPoint将页面均为为100个点，看看每一个点对应的元素是否为顶级元素

1.4 性能上报
1. 对于支持bear的浏览器可以采用bear上报
2. 不支持的采用xhr和img的方式上报

橘子理财-数据大屏项目
1. 单独引入echart.js文件
2. 利用echart的map展示整个地区地图， 已经给每个地区标记对应的人口数字
3. 利用rem动态的展示柱形图，折线图，饼状图和map地图
4. 利用媒体查询展示不同分辨率下面的文字大小
5. 一级类目->-二级类目>上级泪目的访问存入数据栈中，实现先进先出
6. 当分辨率变化时候，使用截流的方式调用函数，提高性能
7. 在window上面自定义时间，当分辨率变化时候，需要调用dispath改变rem
8. 利用css3自定义向上和向下的三角形