IFE-TASK17(任务十七:零基础JavaScript编码(五))
来源:互联网 发布:简单的ps软件 编辑:程序博客网 时间:2024/06/07 08:06
前言:
百度前端技术学院,任务十七:零基础JavaScript编码(五)
知识点:
1)构建一个对象,记录当前页面的表单选项
var pageState = { nowSelectCity: -1, nowGraTime: "day"};
2)条状图的宽度 = 间隔 = 屏幕宽度除以数据量,注意最左的特殊处理
3)条状图的高度 = 数据AQI的数值,飘显的信息框高度在条状图的高度上面,并注意飘显的信息框最左和最右的处理
4)radio和select表单的值 需同步到 pagestate对象,根据pagestate渲染图表
5)数据和颜色是通过随机函数(Math.random)生成
代码地址:点击打开链接
DEMO:点击打开链接
阅读全文
0 0
- IFE-TASK17(任务十七:零基础JavaScript编码(五))
- 【ife】任务十七:零基础JavaScript编码(五)
- 【ife】任务十三:零基础JavaScript编码(一)
- 【ife】任务十四:零基础JavaScript编码(二)
- 【ife】任务十五:零基础JavaScript编码(三)
- 【ife】任务十六:零基础JavaScript编码(四)
- IFE-JS 任务一:零基础JavaScript编码(一)
- 【ife】任务五:零基础HTML及CSS编码(二)
- 【ife】任务二:零基础HTML及CSS编码(一)
- 任务五:零基础HTML及CSS编码(二)
- 【ife】任务十八:基础JavaScript练习(一)
- 【ife】任务十九:基础JavaScript练习(二)
- 【ife】任务二十:基础JavaScript练习(三)
- 【ife】任务二十一:基础JavaScript练习(四)
- 【ife】任务二十七:行星与飞船(二)
- HTML5编程(任务五 零基础HTML及CSS编码(二))(20160912-0043)
- IFE-TASK21(任务二十一:基础JavaScript练习(四))
- 【ife】任务二十二:JavaScript和树(一)
- C++实现一个String类
- Java基础之IO流
- 自定义注解设置缓存有效期的正确姿势
- jvm参数调优
- 关于使用chrome扩展插件
- IFE-TASK17(任务十七:零基础JavaScript编码(五))
- Matlab GUI,进度条(waitbar)
- 设计模式(12)--外观模式
- connector.ClientAbortException: java.io.IOException: 您的主机中的软件中止了一个已建立的连接
- py 查看一个文件夹下的文件数量
- Java细节与规范:ArrayList为何建议赋予默认值及其扩容机制
- SPOJFTOUR2-Free tour II
- TensorFlow:NameError: name ‘input_data’ is not defined
- java开发必会技能