摘要：1.transform会使子元素fixed定位和absolute定位失效。 2.父元素设置了border-radius和overflow:hidden， 但是子元素有transform属性，父元素设置无效，还是直角。 父元素添加属性：-webkit-transform:rotate(0deg) 可以 阅读全文

摘要：移动端 手势插件：hammer.js 纯轮播图插件：swipe.js （注意：不是swiper.js） 上拉刷新：dropload.js 幻灯片：swiper.js touchSlide islider 轮播图切换 https://be-fe.github.io/iSlider/demo/index 阅读全文

摘要：网上提到的优化技术： 1.window. requestAnimationFrame() a.不用定义时间间隔，避免间隔长：卡顿，间隔短：浏览器漏帧的情况。由浏览器在绘制完一帧后自动再次调用绘制下一帧。 2.transform3D代替transform 3.增添惯性滑动效果，（不要小看惯性效果，效果 阅读全文

摘要：chrome浏览器设置语言有两种方式： pc端： move to top:设置偏好语言； 设置为浏览器默认语言。 移动端： 设置系统语言； 移动版浏览器本身没有设置语言的选项，需要同时在移动端和pc端登录同一个谷歌帐号（FQ），之后设置pc端偏好语言，移动端会同步pc端设置的偏好语言。 js中获取语 阅读全文

摘要：在请求新闻的分类信息和新闻内容时，需要在api地址中传入local参数，根据用户地区不同返回不同的新闻和分类。 local参数，通过navigator.languages[0]获取， 但是，问题来了：一直获取不到内容，导致返回的都是 排错时的美国新闻。 折腾了好长时间，发现问题： navigator 阅读全文

摘要：公司项目需要上拉刷新功能， mui下拉刷新组件采用固定布局，无法触发浏览器自带的隐藏地址栏功能。 思路： touchmove事件监听程序中，判断滚动位置：上下顶点使用transform 移动最外层容器实现回弹。 缺点：有标题栏和分类导航栏 fixed 到顶部，会失效。 解决办法：transform换 阅读全文