- 博客(10)
- 资源 (2)
- 收藏
- 关注
原创 移动端事件(一)
移动端的三大事件 手指按下:ontouchstart 手指移动:ontouchmove 手指抬起: ontouchend 提示:在移动端开发时,浏览器的模拟器时好时坏,一般不用on 来绑定事件的函数,采用事件绑定的方式 1、事件演示 Demo body{ margin:0; } #test{ width:200px; height:2
2017-02-24 10:06:51 1574
原创 @media 讲解
一、媒体 all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩屏设备 speech '听觉'类似的媒体类型 tty 不适用像素的设备 tv 电视 demo #box{
2017-02-23 18:03:50 574
原创 css3 弹性盒模型(三)
flex,box 讲解 元素弹性空间 display:flex; 案例代码 #demo{ height:200px; border:1px solid #000; /*新版的弹性盒模型*/ display:flex; /*老版的弹性盒模型*/ /* display:-webkit-box; */
2017-02-23 11:29:04 478
原创 css3 弹性盒模型(二)
flex,box 讲解 新版的弹性盒模型下 display:flex; /*元素在主轴的开始位置,富裕空间在主轴的结束位置*/ justify-content:flex-start; /*元素在主轴的结束位置,富裕空间在主轴的开始位置*/ justify-content:flex-end; /*元素在主轴的
2017-02-22 16:49:59 371
原创 css3 弹性盒模型(一)
*{padding:0;margin:0;} #demo{ height:200px; border:1px solid #000; /*新版的弹性盒模型*/ display:flex; /*新版下设置主轴方向为水平方向*/ flex-direction:row; /*新版下设置主轴方向为垂直方向*/ flex-direction:c
2017-02-22 14:54:20 367
原创 getBoundingClientRect()
getBoundingClientRect() 获取页面元素的位置 document.getElement.getBoundingClientRect test test为了方便就直接用绝对定位的元素 document.getElementById('test').onclick=function (){ if (document.do
2017-02-22 10:11:02 592
原创 移动端常见的一些问题
1、QQ强制竖屏或者横屏显示 orientation" content="portrait | landscape" /> 2、QQ设置全屏 3、UC强制竖屏或者横屏显示 4、UC全屏显示 5、禁止拨打电话号码和邮箱 15210222829 15210222829">请拨打电话号码 请发送邮箱 6、去掉点击时候的高亮颜色 a,input,button{-
2017-02-21 15:39:00 253
原创 stopPropagation, preventDefault 和 return false 的区别
术语: 监听事件: 指在节点上能被监听的页面操作。如: select 节点的 change 事件, a 节点的 click 事件。 浏览器默认动作: 指特定页面元素上带有的功能。如: 点击 a 链接节点的跳转动作, 表单提交动作。 stopPropagation() 因为事件可以在各层级的节点中传递,不管是冒泡还是捕获,有时我们希望事件在特定节点执行完之后不再传递,可以使用事件对象
2017-02-16 14:36:07 278
原创 Meta 基础知识
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 meta name="forma
2017-02-16 09:44:39 295
原创 flex
/* ============================================================ flex:定义布局为盒模型 flex-v:盒模型垂直布局 flex-1:子元素占据剩余的空间 flex-align-center:子元素垂直居中 flex-pack-center:子元素水平居中 flex-pack-justify:子元
2017-02-15 17:58:08 303 1
Notepad 安装包
2020-05-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人