摘要：
1. 浮动法 2. 定位法 3. 弹性盒子法 4.calc计算法 阅读全文
摘要：
html: <div class="container"> <div class="left"> left固定宽度200px </div> <div class="right"> </div> </div> 方式一：利用bfc .left{ width:200px; float:left; back 阅读全文
摘要：
跨域是什么 跨域问题，是由于JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。换句话说，只有JavaScript存在跨域问题。 什么情况下会出现跨域 不同源访问，就算是跨域了哟。那什么才算同源呢？一般来说，同源，即同一来源，包括主机名、协议和端口号。 例如， http://blo 阅读全文
摘要：
移动端有四个关于触摸的事件，分别是touchstart、touchmove、touchend、touchcancel（比较少用）, 它们的触发顺序是touchstart-->touchmove-->touchend-->click，所以touch事件触发完成后会接着触发click事件，需要注意一下 阅读全文
摘要：
在做公司手机端官网时，在微信浏览器打开时，出现下图这种情况：微信浏览器出现自带的下拉弹性效果，导致自己写的下拉刷新功能出现问题。 为了解决这个问题，网上提供的解决方法基本是： 或者： 这是很暴力的做法，虽然是把下拉弹性效果禁止了，可是也把页面里的滚动条禁止了，导致网页不能滚屏。 经过了解。微信下拉弹 阅读全文
摘要：
$("outerSelector").on("eventType","innerSelector",function(){}); 举例：如果在一个<div class="title"></div>中，通过append添加一个id="demo"的按钮，常用的直接$("Selector").on("ev 阅读全文
摘要：
问题重现 原始页面：页面中有header、main、footer三部分，其中 header 和 footer 通过 position: fixed; 定位在浏览器顶部和底部。 其中，footer 中有一个input 输入框。 点击 input 框使之获取焦点，唤起虚拟键盘，正常页面效果如下： 注：在 阅读全文
摘要：
<style>.box { width: 400px; padding: 20px; border: 40px solid #a0b3d6; background-color: #eee; overflow: hidden; }.loading { height: 100%; background: 阅读全文
摘要：
原理如下： 假设要从数值A变化到数值B，如果是线性运动，则每次移动距离是一样；如果是缓动，每次移动距离不一样。那如何才能不一样呢？很简单，按比例移动就可以。 例如：每次移动剩余距离的一半。 对吧，超容易理解的。 比方说：你和初恋之间距离是64，每秒移动一半，则，你们之间的距离下一秒就是32, 再下一 阅读全文
摘要：
首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul> </div> 我们遍历ul 下所有的li 并添加点击事件，一般我们会在for循环里面添加点击事件，但是结果和我们所期盼不一样 阅读全文