aliven1的博客

hammer,vue,移动端缩放

//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = docu.

360安装fiddler

window.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};window.onresize = function(){ getRem(720,100)};function getRem(pwidth,prem){ v...

1.弹性布局方案：淘宝lib-flexible；2.flex；3.rem;

方法一：(function () { // 基准大小 var baseSize = 16; // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 420 宽的缩放比例，可根据自己需要修改。 var scale = document.documentElement.clientWidth / 4...

移动端三大事件：touchstart,touchend,touchmove;移动端阻止pc事件的优点：document.addEventListener('touchstart',function(ev){ev.preventDefault()}) 1.IOS10以下，设置meta禁止用户缩放不可行，加这句话，document.addEventListener('touchstart',funct

用addEventListener绑定事件，不用on1.因为鼠标事件会比移动端事件慢300毫秒，所以做移动端开发，如果要避免300毫秒延迟，一般用touchstart,touchend,touchmove事件代替鼠标click等事件2.移动端的点透的问题：这时候上层的事件就不会点透到下层元素，下层元素加事件也尽量用touchstart等事件，而非pc的click事件给document加了preve

改变left值的过度写法：不用知道具体哪个样式改变，直接给过渡时间就可以

x5,uc内核的浏览器才可以用上面的方法，做强制竖屏和全屏显示（f11d的效果），其它的参考陀螺仪方面的解决方案禁止和设置点击拨打电话，发送邮件

1.清除或者设置默认a,input,button的点击高亮颜色2.ios按钮变圆角的清除：3.手机端设置字体：设置这个字体，pc端的宋体什么的也没有，设置下面的字体即可4.禁止用户设置字体大小：5.font-Boosting:6.固定定位兼容性不好：用js解决7.ios中body加了overflow:hidden,横向仍可以拖动，解决方案

1.百分比配合其它的用，2.设置viewport适配;

http://www.htmleaf.com/Demo/201608213895.htmlflatpickr

ios的重力感应，z是接近-10，android的重力感应，z接近10，x和y的值也是刚好相反的，与android,motion反应非常灵敏，所以一般取整使用，重力加速度，加到window上