会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
孙倩倩
管理
上一页
1
2
3
4
5
6
7
8
9
10
下一页
2018年4月8日
关于微信小程序更新机制
摘要: 1)小程序的启动方式: 冷启动 小程序首次打开或销毁后再次被打开 热启动 小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台。 2)根据以上两种启动方式,相应的更新机制为: 小程序冷启动时,会检查小程序是否有最新版本。如果有则将异步下载最新版本,但是仍将运行当前版本
阅读全文
posted @ 2018-04-08 14:50 倩妞驾到
阅读(20430)
评论(0)
推荐(0)
2018年1月28日
过渡结束事件
摘要: 1) 过渡结束事件--transitionEnd //transitionEnd事件,当过渡结束之后触发 //webkitTransitionEnd 谷歌浏览器 //注意:要过渡几个样式事件就执行几次 var flag = true; con.addEventListener('webkitTran
阅读全文
posted @ 2018-01-28 17:37 倩妞驾到
阅读(524)
评论(0)
推荐(0)
2018年1月27日
移动端动效
摘要: 1)上下滚动回弹 function swipe(){ //需求: //1、获取要滚动的ul及ul的父级 var ulFather = document.querySelector('.container'); var ul = ul.querySelector('ul'); //2、获取滚动正常范围
阅读全文
posted @ 2018-01-27 23:05 倩妞驾到
阅读(290)
评论(0)
推荐(0)
2018年1月26日
移动端布局
摘要: 1、左边固定,右边自适应 html 代码 <div class="left"></div> <div class="right">99999999</div> css 代码 html,body { height:100%; } .left { width: 45px; height: 100%; f
阅读全文
posted @ 2018-01-26 08:41 倩妞驾到
阅读(91)
评论(0)
推荐(0)
2018年1月24日
倒计时代码
摘要: //倒计时 var time = 36500;//总时间 function timeDown(){ var timer = setInterval(function(){ time--; //判断时间为0时关闭定时器 if(time = 0){ clearInterval(timer); } //获
阅读全文
posted @ 2018-01-24 08:33 倩妞驾到
阅读(424)
评论(0)
推荐(0)
移动端--轮播图
摘要: tap事件 1、 ① tapstart 当开始滑动的时候滑动 ② tapmove 当在元素中滑动的时候触发 ③ tapend 当滑动结束的时候触发 事件对象中touches保存了当前手指触摸屏幕的信息,是个列表; e.touches[0].clientX 原理:根据位移的正负判断是左滑还是右滑。 注
阅读全文
posted @ 2018-01-24 08:18 倩妞驾到
阅读(271)
评论(0)
推荐(0)
2018年1月21日
移动端交互优化
摘要: 1、移动web页面上click事件响应有300ms延迟 原因:移动设备访问的web页面都是PC上的页面。在默认viewport(980px)的页面往往需要“双击”或“捏开”放大页面。而正是为了确认用户是“双击”还是“单击”。 safari 需要300ms 的延迟来判断。而后来的iphone,andr
阅读全文
posted @ 2018-01-21 12:03 倩妞驾到
阅读(580)
评论(0)
推荐(0)
移动端web开发
摘要: 1、无论是PC端还是移动端,开发出来的页面都是运行在浏览器上的; 2、移动端设备的浏览器大多是基于webkit内核,属于高级浏览器 支持H5 C3特性; 视口概念 ①: PC端视口取决于浏览器大小(HTML) 屏幕大小 ② :移动端视口由手机厂商规定为980,因为当时很多网站的版心都是980并根据手
阅读全文
posted @ 2018-01-21 08:46 倩妞驾到
阅读(200)
评论(0)
推荐(0)
2018年1月19日
响应式设计+ rem
摘要: 特点:手机,ipad,PC 所有的终端设备上完美展示; 核心点: 媒体查询 行业内默认分类: 1)大屏 1200-1920 2)中屏 992-1200 3)小屏 768-992 4) 超小屏 768以下 第一种写法: //PC端样式调整 @media screen and (max-width: 1
阅读全文
posted @ 2018-01-19 23:04 倩妞驾到
阅读(477)
评论(0)
推荐(0)
flexbox 弹性盒子布局
摘要: 父元素: display: -webkit-flex; ①子元素: flex:1;(设置占比) 计算规则: 父元素会将所有子元素的flex 相加求和后,算其子元素比例。 ②flex混合划分;第一个子元素 width:100px;第二个子元素 flex:2第三个子元素 flex:1 关于不定宽高的水平
阅读全文
posted @ 2018-01-19 21:44 倩妞驾到
阅读(274)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
下一页
公告