含笑

H5专题页类型活动运营品牌宣传产品介绍总结报告 职业：名称->产出 原型设计：产品经理->需求文档（MRD） 描述项目功能需求 经验：产品经理的需求文档的功能不可能100%全部实现 视觉/交互：视觉工程师/交互工程师（美术/美工）->交互设计稿（功能实现），视觉设计稿（美术） 技术规划：技术（项目）经理->项目开发文档.md可行性确认技术选型开发/线

双倍分辨率 手机端UI设计元素尺寸一般都为偶数 距离转换成百分比

静态页验证 1. 页切换：fullPage.js（jQuery插件） 2. 组件切换：入场，出场动画 3. 注意问题：DOM事件循环无限传播 http://www.uedsc.com/fullpage.html 主要功能 1. 支持鼠标滚动 2. 支持前进后退和键盘控制 3. 多个回调函数 4. 支持手机、平板触摸事件 5. 支持 CSS3 动画 6. 支持

方法： - 添加一个页 addPage - 添加一个组件 addComponet - 展现所有的页面 loader 图文组件类：H5ComponentBase 作用：输出一个DOM，内容可以是图片或者文字 事件： - 当前页载入：onLoad - 当前页移出：onLeave 图表组件类：H5Component？？？ 作用：在H5ComponentBase的基础值上插入D

这里先引申下什么叫做组件式开发？ 组件式开发=(高内聚性和低耦合性)，js封装，分而治之、重复利用。 H5ComponentBase - 基本图文组件（图，文设置） - 接受onLoad,onLeave事件 - 独立模块化开发 css样式规划 /* 基本图文组件对象 */var H5ComponentBase = function (name,cfg ) { v

1. 内容组织：添加页面，添加组件 2. 整合fullPage.js页面切换 3. 链式调用 jQuery对象，对一个Dom数组进行封装，提供一系列对Dom数据的操作，大部分的操作可以返回jQuery对象自身，从而可以方便的链式操作。 组件不知道添加到哪页？ 小技巧：每次添加页面的时候会把Page最后一页记录下来；page = this.page.slice(-1)[0]小技巧：subl

图表组件数据（数组套数组） 还有散点根据大小比例进行缩放，然后转成圆形/* 散点图表组件对象 */var H5ponentPoint = function(name,cfg){ var component = new H5ComponentBase(name,cfg); var base = cfg.data[0][1]; //以第一个数据的 比例大小 100%;

为了照顾后面的数值不跟随柱形移动。所以柱形是一个div定义宽和高；然后里面一个div添加背景，然后宽度逐渐增加 雷达图 底图层：网格背景+伞骨图（核心关键：多边形顶点坐标计算） 1. 计算一个圆周上的坐标（计算多边形的顶点坐标 2. 已知：圆心坐标（a,b),半径 r;角度deg. 3. rad = ( 2*Math.PI / 360) * (360 / 边数） * i(第几个)

JS不同层的职责和API浏览器低层分层大概也可以分为DOM / BOM / STYLE 样式 /Canvas 2D / WebGL / SVG浏览器底层面临的一些问题JS核心语法层面薄弱JS原生API不好用 （ajax , cookie ,）浏览器兼容问题 （IE9微软用了自己一套的东西，搞事情？） 对过时浏览器的兼容性问题是沉重的知识包袱， 关键是这种知识没有延续性，会影响你学