随笔分类 - webapp
摘要：https://blog.csdn.net/user11223344abc/article/details/83997907
阅读全文
摘要：原文地址：https://blog.csdn.net/pentablet/article/details/80277157 前段时间做项目，需要把别人做的hbuilder项目，添加到自己的app中，找了官网、博客，最终终于费了老大的劲实现了，今天就给大家分享一下我的集成步骤，仅以AS版为主。好了，废
阅读全文
摘要：前言 前言 移动端适配一直以来都是前端开发中不可或缺的重要组成部分，如果没有了它，那么你做出来的页面极有可能会出现各种意外（写出来的页面与设计稿之间的差别）。所有我们得找到一种相对来说让人比较满意的解决方案，尽可能地让这种“意外”减到最少。没错今天的主角就是它“flexible.js” 。 flex
阅读全文
摘要：配置 flexible 安装 lib-flexible 在命令行中运行如下安装： 1 npm i lib-flexible --save 引入 lib-flexible 在项目入口文件 main.js 里 引入 lib-flexible 1 2 // main.js import 'lib-flex
阅读全文
摘要：https://github.com/marcuswestin/WebViewJavascriptBridge 参考： https://www.cnblogs.com/LiLihongqiang/p/5781802.html
阅读全文
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机
阅读全文
摘要：文件下载：http://files.cnblogs.com/files/dtdxrk/fiddler4_4.6.2.0_setup.rar 从事前端开发的同学一定对 Fiddler 不陌生，它是一个非常强大的http(s)协议分析工具，如果你不知道它是什么，可以自行 Google 一下，本文不再作科
阅读全文
摘要：1.可以拖拽C键2.依赖zepto3.点击弹出菜单效果预览：
阅读全文
摘要：在用js里的deviceorientation事件写翻转手机屏幕的demo，iphone和同事的安卓都可以，就我的酷派f1不行。记得以前也玩过重力感应的游戏，于是上网查了一下酷派大神f1的感应器模块配置参数：看完后知道orientationchange翻转屏幕事件应该用到了重力感应，deviceor...
阅读全文
摘要：总结过的：定宽320 缩放适配手机屏幕参考文章：web app变革之rem先了解一下remcss3 中引入了新的长度单位，rem。 官方定义 font size of the root elementrem:rem和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-siz...
阅读全文
摘要：css .bgAudio{width:27px;height:27px;position:fixed;right:10px;top:10px;z-index:999;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-tr...
阅读全文
摘要：调用方法：autoFullScrenn(obj)还有一篇：使用MediaElement.js构建个性的HTML5音频和视频播放器var fullscreen = function(elem) { var prefix = 'webkit'; if ( elem[prefix + 'E...
阅读全文
摘要：第一种 根据viewport设置maximum-scale缩放页面天猫的web app的首页就是采用这种方式去做的，以320宽度为基准，进行缩放，最大缩放为320*1.3 = 416，基本缩放到416都就可以兼容iphone6 plus的屏幕了，这个方法简单粗暴，又高效。不过有部分同学使用过程中反应...
阅读全文
摘要：(function(window){/* youku api : http://open.youku.com/tools 调用方法 : LM_youkuPop.open('XODI5Mzk3MDAw');*/var head = document.getElementsByTagName('hea...
阅读全文
摘要：/* 兼容iphone4/4s */@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){}/* 兼容iphone5 */@media (device-height:568px) and (-webkit-min-de...
阅读全文
摘要：先发效果图，加载东西的时候如果没有设计或者其它提示会降低用户体验，所以写了个简单的loading弹层。适用于触屏和pc页面。/* 页面进行ajax时 显示一个中间浮动loading @auther: LM @date: 2015-6-10 @rely: html5触屏 @fun: LM_loadin...
阅读全文
摘要：触屏的click因为有双击判断所以有200ms的延迟，zepto里的touch.js兼容不好所以tap也没法直接用。gibhub上有个fastclick太大了。自己用touched写个简单的模拟tap事件，并在内部加上e.preventDefault();阻止系统默认行为。 /* 模拟Tab事件 ...
阅读全文
摘要：今天xgo文章图片页上线用微信扫页面发现一个bug，页面可以双击放大缩小。找了半天原因，发现是图片描述设置了overflow-y引发的bug。建议在微信场景里满屏显示不能滚动的页面里慎用overflow-y。xgo文章图片页上线：m.xgo.com.cn/info/1213384.html
阅读全文
摘要：现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。要实现这个效果很简单，只需要在元素上加一行css代码即可：-webkit-overflow-scrolling : touch; 实际上，Safari真的用了原生控件来实现，对于有-webki...
阅读全文
