lisalisalisa

摘要： ###本质区别 localStroage的生命周期是永久的，关闭页面或浏览器之后，localstorage中的数据也不会消失。localstorage除非主动删除数据，否则数据永远不会消失 sessionStrage的生命周期是只在当前会话下有效。sessionstorage引入了一个浏览器窗口的概 阅读全文

摘要： offsetX、offsetY:鼠标相对于事件源元素(srcElement)的X、Y坐标 clientX、clientY: 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。 pageX、pagey: 类似于event.clientX、event.clientY，但 阅读全文

摘要： 一、事件对象event 事件触发会生成事件对象event，event对象是跟事件相关的数据集合，比如点击事件中触发事件的元素、鼠标的位值等。input输入事件中用户按下了哪个键等。 事件对象中常用的属性 1、event.type 事件类型 2、event.target 触发事件的目标元素，IE< 8 阅读全文

摘要： 家族成员：offsetLeft、offsetTop、offsetWidth、offsetHeight、offsetParent 一、offsetWidth和offsetHeight 检测盒子自身大小 offset宽/高 = 盒子自身的款 /高(width / height) + padding + 阅读全文

摘要： ECMAScript是javascript的核心。但是要在web中使用javascript，那么JS-WEB-API才是真正的核心。DOM提供了我们操作页面标签的能力，BOM提供了我们操作浏览器的能力。比如，用BOM操作浏览器的前进后退或者控制页面滚动。 BOM(browser object mod 阅读全文

摘要： 一、圆角边框 border-radius属性用于设置元素的外边框圆角。 radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果。 二、盒子阴影 box-shadow：H-shadow v-shadow blur spread color insert 三、文字阴影 text-shadow 阅读全文

摘要： 一、HTML标签和CSS基础 熟练使用HTML和CSS实现静态页面布局，标准还原UI设计稿 难点： 大量的标签和语法知识，需要系统的学习和大量整站练习 1、HTML标签和CSS基础 2、CSS语法（页面皮肤） 3、常见布局 4、配合UI设计师，实现相关PC端UI设计稿 二、javascript基础 阅读全文

摘要： 因为网页美工大部分效果图都是利用PS（photoshop）来做的，所以以后我们大部分切图工作都是在PS里面完成。 1、文件——打开：可以打开我们要测量的图片 2、ctrl+R：可以打开标尺，或者视图——标尺 3、右击标尺，把里面的单位改为像素 4、ctrl+加号（+）可以放大视图，ctrl+减号（- 阅读全文

摘要： 恢复内容开始 页面布局要学习三大核心，盒子模型、浮动和定位，学习好盒子模型能非常好的帮助我们布局页面 一、看透网页布局的本质 网页布局过程： 1、先准备好相关的网页元素，网页元素基本都是盒子box 2、利用CSS设置好盒子样式，然后摆放到相应位置。 3、往盒子里面装内容 网页布局的核心本质：就是利用 阅读全文

摘要： CSS有三个非常重要的特性：层叠性、继承性、优先级 一、层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠。 二、继承性 css中的继承： 阅读全文