摘要：根据商品列表的索引值来控制小图的切换，但是由于大图不能直接索引，所以可以通过对小图的索引值间接索引来控制大图的切换； 在利用鼠标进入以及移动实现放大镜的效果。 效果图： html以及css代码： js代码： 获取元素，对要操作的元素添加事件，设置当前图片的索引 设置当前选中的图片以及实现放大镜的效果 阅读全文

摘要：性能优化：广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说，前端服务 5s 的加载时间优化缩减 80%(1s) 与后端服务 50ms 的响应优化缩减 80%(10ms) 相比 阅读全文

摘要：数码时钟即通过图片数字来显示当前时间； 效果图： HTML基础样式： 设置样式： 获取背景图中每个方块图片的坐标； 获取所有div,设置计时器； 获取当前的时间，把当前数字的时间转换为字符；根据当前的时间给当前div设置对应的图片 利用计时器以及获取日期的方法来完成了简易的电子时钟。 阅读全文

摘要：js事件流模型： “事件冒泡”：事件由最具体的元素接收，然后逐级向上传播； “事件捕获”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体元素； “dom事件流”：三个阶段：事件捕获，目标阶段，事件冒泡； （附：事件流详解）： ie事件流：冒泡型事件：button->div->body net 阅读全文

摘要：BOM和DOM和ECMAscript的关系： BOM是运行平台，BOM规则建立在ECMAscript的规则之上 DOM是运行在平台上的页面 ECMAscript是用来操作平台或运行在平台上的页面的工具 BOM:浏览器对象模型(Browers Object MOdel) window是js中的顶层对象 阅读全文

摘要：一、媒体类型：常用的三种为：all，print和scree 二、媒体类型引用方法：link标签，xml方式，@import和css3新增的@media四种 link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。例如： 2.xml方式 阅读全文