原创力文档- 1、本文档共3页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
JS插件开发：LightBox图片画廊本期课程带领大家封装图片画廊插件，通过本例子把前端的知识做一次综合展示，全面考验前端工程师综合设计、开发能力。站在产品的角度写代码，站在代码的角度映射产品本质。导师简介Web前端资深开发，曾涉猎视觉传达设计，平面设计。现专注于WEB前端开发，精通web标准，HTML5、CSS3及Javascript。课程简介本期课程带领大家封装图片画廊插件，通过本例子把前端的知识做一次综合展示，全面考验前端工程师综合设计、开发能力。站在产品的角度写代码，站在代码的角度映射产品本质。课程须知1、具备扎实的HTML、CSS基础知识 2、具备原生JS编程能力 3、DOM 的节点属性、位置、层级设置获取等操作 4、了解JS原生的this、prototype、new等关键词的意思5、有一定JS OOP(对象化编程)思想你能学到什么？1、HTML、CSS基础知识应用 2、JS OOP 思想开发3、程序设计，站在产品角度分析需求 4、综合案例分析、如何设计代码 5、DOM 渲染、定位、尺寸应用 6、BOM 视口、resize、scroll 事件应用7、JQ 配合开发实战8、IE 下 BUG解决方案9、用户体验优化大纲一览第1章 课程准备 1-1 效果展示 (05:34) 1-2 预备知识 (02:11) 1-3 课程面向的用户 (01:50) 1-4 课程安排 (02:35)第2章 DOM结构搭建和渲染 2-1 DOM结构分析搭建 (07:49) 2-2 样式搭建（1） (12:04) 2-3 样式搭建（2） (11:43)第3章 案例分析及 JS 代码开发 3-1 DOM结构渲染 (10:30) 3-2 元素在页面中的分组和其他必要参数详解 (09:52) 3-3 同组别数据获取 (20:29) 3-4 初始化弹出框 (22:25) 3-5 初始化的时候上下切换是否添加标识 (14:06) 3-6 获取图片尺寸 (09:38) 3-7 根据图片宽高和视口比例设置弹出层尺寸并过渡动画 (15:47) 3-8 关闭弹出层和遮罩，清除上一次图片尺寸 (05:15) 3-9 上下切换按钮功能（1） (05:02) 3-10 上下切换按钮功能（2） (08:59) 学习链接：/view/454
文档评论（0）