孙倩倩

摘要： 1）小程序的启动方式： 冷启动 小程序首次打开或销毁后再次被打开 热启动 小程序打开后，在一段时间内（目前：5分钟）再次被打开，此时会将后台的小程序切换到前台。 2）根据以上两种启动方式，相应的更新机制为： 小程序冷启动时，会检查小程序是否有最新版本。如果有则将异步下载最新版本，但是仍将运行当前版本 阅读全文

摘要： 1) 过渡结束事件--transitionEnd //transitionEnd事件，当过渡结束之后触发 //webkitTransitionEnd 谷歌浏览器 //注意：要过渡几个样式事件就执行几次 var flag = true; con.addEventListener('webkitTran 阅读全文

摘要： 1）上下滚动回弹 function swipe(){ //需求： //1、获取要滚动的ul及ul的父级 var ulFather = document.querySelector('.container'); var ul = ul.querySelector('ul'); //2、获取滚动正常范围 阅读全文

摘要： 1、左边固定，右边自适应 html 代码 <div class="left"></div> <div class="right">99999999</div> css 代码 html,body { height:100%; } .left { width: 45px; height: 100%; f 阅读全文

摘要： //倒计时 var time = 36500;//总时间 function timeDown(){ var timer = setInterval(function(){ time--; //判断时间为0时关闭定时器 if(time = 0){ clearInterval(timer); } //获 阅读全文

摘要： tap事件 1、 ① tapstart 当开始滑动的时候滑动 ② tapmove 当在元素中滑动的时候触发 ③ tapend 当滑动结束的时候触发 事件对象中touches保存了当前手指触摸屏幕的信息，是个列表； e.touches[0].clientX 原理：根据位移的正负判断是左滑还是右滑。 注 阅读全文

摘要： 1、移动web页面上click事件响应有300ms延迟 原因：移动设备访问的web页面都是PC上的页面。在默认viewport（980px）的页面往往需要“双击”或“捏开”放大页面。而正是为了确认用户是“双击”还是“单击”。 safari 需要300ms 的延迟来判断。而后来的iphone,andr 阅读全文

摘要： 1、无论是PC端还是移动端，开发出来的页面都是运行在浏览器上的； 2、移动端设备的浏览器大多是基于webkit内核，属于高级浏览器 支持H5 C3特性； 视口概念 ①： PC端视口取决于浏览器大小（HTML） 屏幕大小 ② ：移动端视口由手机厂商规定为980，因为当时很多网站的版心都是980并根据手 阅读全文

摘要： 特点：手机，ipad，PC 所有的终端设备上完美展示； 核心点： 媒体查询 行业内默认分类： 1）大屏 1200-1920 2）中屏 992-1200 3）小屏 768-992 4） 超小屏 768以下 第一种写法： //PC端样式调整 @media screen and (max-width: 1 阅读全文

摘要： 父元素： display: -webkit-flex; ①子元素： flex：1；（设置占比） 计算规则： 父元素会将所有子元素的flex 相加求和后，算其子元素比例。 ②flex混合划分；第一个子元素 width:100px;第二个子元素 flex:2第三个子元素 flex:1 关于不定宽高的水平 阅读全文