20150630 学习笔记
2015-06-30 14:39
281 查看
1、
移动端几个小事件:
onmousedown ontouchstart
onmousemove ontouchmove
onmouseup ontouchend
2、
css3,从视觉角度变化了,但是本质没变,不会引起重排,性能极高!
*以后做效果的时候,尽量用css3样式
3、
removeEventListener: 不能解除匿名函数
4、
移动端写运动的时候,会有些卡,是因为没有组织默认事件。
卡->阻止默认事件
return false 碰见绑定(addEventListener) 就阻止不了默认事件了 -(得用)> ev.preventDefault();
发现小问题:手机上小 默认是980
<meta name="viewport" content="width=320, user-scalable=0, initial-scale=1.0">
320->device-width
touchstart ->ev.targetTouches[0]
touchmove -> ev.targetTouches[0]
touchend -> ev.changedTouches[0]
5、
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。
content-box,border和padding不计算入width之内
padding-box,padding计算入width内
border-box,border和padding计算入width之内,其实就是怪异模式了~
6、
关于class:
obj.classList.add(sClass) 添加class
obj.classList.remove(sClass); 删除class
obj.classList.contains(sClass); 是否包含class
oDiv.classList.add('active');
7、
302 您所查看的网页没有变化!!
春雨惊春清谷天
夏满芒夏暑相连
秋处露秋寒霜降
冬雪雪冬小大寒
8、
移动端几个小事件:
onmousedown ontouchstart
onmousemove ontouchmove
onmouseup ontouchend
2、
css3,从视觉角度变化了,但是本质没变,不会引起重排,性能极高!
*以后做效果的时候,尽量用css3样式
3、
removeEventListener: 不能解除匿名函数
4、
移动端写运动的时候,会有些卡,是因为没有组织默认事件。
卡->阻止默认事件
return false 碰见绑定(addEventListener) 就阻止不了默认事件了 -(得用)> ev.preventDefault();
发现小问题:手机上小 默认是980
<meta name="viewport" content="width=320, user-scalable=0, initial-scale=1.0">
320->device-width
touchstart ->ev.targetTouches[0]
touchmove -> ev.targetTouches[0]
touchend -> ev.changedTouches[0]
5、
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。
content-box,border和padding不计算入width之内
padding-box,padding计算入width内
border-box,border和padding计算入width之内,其实就是怪异模式了~
6、
关于class:
obj.classList.add(sClass) 添加class
obj.classList.remove(sClass); 删除class
obj.classList.contains(sClass); 是否包含class
oDiv.classList.add('active');
7、
302 您所查看的网页没有变化!!
春雨惊春清谷天
夏满芒夏暑相连
秋处露秋寒霜降
冬雪雪冬小大寒
8、
相关文章推荐
- 测试添加多级目录篇
- js的定时器问题
- Linux中搭建SVN服务器
- PHP 环境搭建
- 怎么调处vs2010的MSDN帮助文档
- 一次压力测试Loadrunner经验分享
- 利用快排partition求前N小的元素
- Singalr控制台托管
- 微信支付(0923更新)商户支付密钥key的生成与设置
- PS封装头定义
- Python基础学习二
- ubuntu修改用户名和主机名
- C语言单项链表的实现
- 前端开发利器webStorm配置使用
- Spring4 SpringMVC Hibernate4 Freemaker 集成示例
- ORACLE 视图的 with check option
- 关于Android网络访问请求的一些总结 包括HttpClient HttpUrlConnection Volley
- 11gR2 新特性:Oracle Cluster Health Monitor(CHM)简介
- 基于Oracle OCI的数据访问C语言接口ORADBI
- 安装clojure编译工具leiningen