问题: 在较低版本的android手机中发现封装的 http 无效,我测试使用的是android 4.4的老手机,主要就是无法使用promise. 解决方案 安装 npm install es6-promise --save-dev 使用 main.js 引用 import promise from 'es6-promise' 注册 ps:要在aixo之前注册 promise.polyfill() 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处. 如果对您有帮助请动动鼠标右下方

关于小程序一些小功能的代码都在这个GitHub上,感兴趣的可以去看看,https://github.com/huihuijiang/miniProgram目前有:列表左滑删除,拖拽浮标 一.小程序坑1.scroll-view横向滚动的时候,包含文字图片等,元素错位,第二个元素掉下去:hack:给子元素添加 vertical-align:top; 当使用scroll-view横向滚动时要注意几点:父元素设置宽度,加上这两个样式overflow: hidden; white-space: nowra

本次移动端开发时遇见了安卓4.2系统不能触发touchend的问题,有以下需求. 1. 横滑轮播图 2.下拉刷新页面内容 3.body滚动条不能失效 开始在轮播图touchmove事件中阻止了浏览器默认行为,此时touchend事件可以触发. //拖拽轮播图 parentNode.addEventListener('touchmove',function(e) { e.preventDefault(); }) 然后复制了一份在下拉刷新事件中(此时下拉刷新也OK了) //下拉刷新代码 docume

首先我强调下我只是个菜鸟,大神不喜勿喷. 先介绍下项目背景,主要是公司的官网h5 ,架构用的是angular4 有点大材小用的赶脚,but ,公司要求. 在项目主功能做的差不多了.交给测试,这时候发现百度浏览器,uc浏览器,qq浏览器都不能打开页面.我们技术部门就开始找原因.刚刚开始这个新东西,也不熟悉,晚上的时候发现是安卓版本的问题, 第二天就考虑是不是安卓不兼容的问题,后来查了下,是安卓的内核不兼容systejs这部分, 需要安装polyfills,就是我们所说的垫片. ok 后期项目在测试

html5的video已经出来很久了.在ios上使用基本上没什么毛病,但是安卓下就是一个重灾区了,各种体验差.这几天搞了安卓的兼容,简直是要吐血.所以特意总结了一些强势的坑点. 先看一下常用的一些属性和方法: video.error // null正常 video.error.code // 1用户终止 2网络错误 3解码错误 4URL无效 video.currentTime // 当前播放的位置,赋值可改变位置 video.duration // 当前资源长度,流返回无限 video.paus

background:url("http://..../xxx.jpg") no-repeat center/cover; 这种复合形式在有些低端安卓浏览器中不支持,最好分开写: background-image:url("http://..../xxx.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;

Hybrid App中,原生内嵌H5单页,由于安卓是有物理返回键的,按安卓物理返回键的时候会返回到上一个路由. 实际中需求是:当有弹层的时候,按物理返回键是关闭弹层,是页面的时候才执行返回上一个路由,所以需要对安卓进行兼容 开始的方案是Android原生重写方法onKeyDown(),H5 JsBridge js去调用方法,当需要的时候屏蔽物理返回键,这种方法也能实现 由于H5单页用的是vue,vue中的路由方法也能实现,并且不需要和APP交互,更加便捷,所以最终决定采用这种方法 只需要写在路由

前言 有关于鸿蒙的消息之前也有说过,就在昨天下午,华为举行了2019开发大会,正式推出了鸿蒙os系统(Harmony).其相关负责人表示,也是基于微软内核的全场景分布式OS   鸿蒙凭借微内核的优势,并采用 分布式架构,来提升效率. 而传统的android代码量较大比较 冗余,虽然谷歌正在开发的Fuchsia系统, 但余承东指出,它并不是分布式设计,性能较差.至于苹果公司,使用的是混合内核,现在系统逐渐分裂,而且生态又封闭.   到底有什么亮点? 灵活适配全场景丰富终端形态 分布式架构首次用于终

前言:2016差不多又过了半啦,最近参与了公司好几个h5项目(严格来说,也只能算是推广页面活动).主要是新品牌的推广需要,当然也有给公司以前老客户做的案例.今天主要总结下为新品牌开发的2个h5推广:就主要的运用技术,页面优化,以及存在的短板做总结. 一.主题与设计: 2个h5主题主要与4.1愚人节与5月的母亲节做对应:然后要比较婉转自然地为新品牌作铺垫,自然推广是主要的目的,但是又不能那么直白明显:所以2个h5分别选择了虚拟产品介绍与游戏参与为设计思路:主要设计图如下: 愚人节:       扫

结合 Framework7 和ios UI系统,微信weUI,支付宝H5    我们在移动端一些css用法 细节的有了更深的了解: 高斯模糊的显示效果,ios8以上支持,ios8以上0.5px,backdrop-filter:  blur(10px)等新的属性被支持: 适当利用伪元素 比如menu 菜单icon: (ps:安卓uc 浏览器 伪元素transition支持的不是很好;) list   arrow 箭头,简易,不依赖字体,图片:减少请求:最早从weUI中看到这样写:支付宝 H5页面

移动端最高频耗内存的的操作  莫属 touchmove 与scroll事件  两者需要 微观的 优化,使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述 touchmove:touchmove 事件发生很频繁,会比屏幕刷新率快,导致无效的渲染和重绘: 帧数 –显示设备通常的刷新率通常是50~60Hz –1000ms / 60 ≍ 16.6ms(1毫秒的优化意味着 6%的性能提升) 这就是 常说的  16.6毫秒的优化

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由elson发表于云+社区专栏 目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了.什么是flex布局以及它的好处,这里就不再赘述. 在这篇文章里,想说说flex布局的属性语法及其细节.那么网上也有不少flex布局的教程,为什么又要再写一篇? 首先,flex布局的迷之属性们,如果一知半解,机械记忆的话,那不到半个月基本忘光光.先感受一下这12个flex布局属性,是不是很"迷"人. 容器属

之前的创新小石头MP3的耳机接口松动了.考虑到它已经服役了4年了.所以我准备重新买一个.而小石头出色的外放,我决定让给宝宝当玩具. 选购心得MP3的时候,原来的主导思想,是在低价位的里面考虑一台国际品牌的音质相对来说比较出色的机型.去除自主品牌主要还是我对自主品牌在做工,和音质调校方面的不信任.这样我就在百度.google上大量了搜索了相关的网页.基本得出在这个价格里面主要有三星U6.索尼172.飞利浦spark3.另外,还有一些知名品牌例如艾利和.艾迪欧.ipod shuffler .sand

目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了.什么是flex布局以及它的好处,这里就不再赘述. 在这篇文章里,想说说flex布局的属性语法及其细节.那么网上也有不少flex布局的教程,为什么又要再写一篇? 首先,flex布局的迷之属性们,如果一知半解,机械记忆的话,那不到半个月基本忘光光.先感受一下这12个flex布局属性,是不是很“迷”人. 容器属性 flex-flow flex-direction flex-wrap justify-content

一.前言 如今的互联网时代也称移动互联网时代,基本上每个人每天都会花费大量时间在移动设备上,早期的移动端应用大都使用原生开发(android,ios),而现在的移动开发技术选型上基本都是混合开发(Hybrid),混合开发是一种开发模式,指使用多种开发模型开发App,通常会涉及到两大类技术:原生Native.Web H5 原生技术主要指iOS(Objective C).Android(Java),原生开发效率较低,开发完成需要重新打包整个App,发布依赖用户的更新,性能较高功能覆盖率更高,发布流程

注:以下所有例子均 只 在 iOS 的微信中测试过,但对于饿了么APP的内置浏览器同样适用(两者使用相同内核) 引题 工作中常常有需要显示大量信息的情况,列表超出一屏就涉及到滚动的问题.例如 - var n = 1 ul while n <= 100 li= n++ 在 iOS 中用微信打开,滚动非常顺滑,so far so good!但某天产品需求有变,要求加一个固定在头部的标题,于是改成这样: - var n = 1 h1= "Momentum Scrolling on iOS&quo

项目进行中...随时更新 这里记录了一些手机端调试的方式 一 css 1.文字超过span宽度显示...(单行文字) .topWrap .introduce span { padding: 0 17px; display: inline-block; border-radius: 5px; height: 18px; line-height: 18px; margin-top: 15px; max-height: 18px; max-width: 90%; white-space:nowrap;

WebViewJavascriptBridge是支持到iOS6之前的版本的,用于支持native的iOS与javascript交互.如果需要支持到iOS6之前的app,使用它是很不错的.本篇讲讲WebViewJavascriptBridge的基本原理及详细讲讲如何去使用,包括iOS端的使用和JS端的使用. 经过多番百度.Google,发现WebViewJavascriptBridge的资源讲解不是翻译官方文档就是直接说官方提供的demo.但是笔者在写这个demo时也遇到了不少问题,也想看看大家是

原生手游市场已是红海,腾讯.网易等寡头独霸天下,H5游戏市场或将成为下一个风口.据笔者所知,很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折.如何选择适合团队和项目的引擎,笔者通过学习和项目实践,总结微薄经验,供大家参考,非技术人员也可以将本篇内容作为引擎选择的重要关注点. 选择H5游戏引擎的思考维度1.开发语言的支持2.2D.3D.VR的支持3.性能4.引擎的应用广度5.设计理念6.工作流支持力度7.商业化成熟案例8.学习资源与技术支持能力 首先,我们要知道,当前主流的游戏引擎有哪些.

前言 WebViewJavascriptBridge是支持到iOS6之前的版本的,用于支持native的iOS与javascript交互.如果需要支持到iOS6之前的app,使用它是很不错的.本篇讲讲WebViewJavascriptBridge的基本原理及详细讲讲如何去使用,包括iOS端的使用和JS端的使用. 经过多番百度.Google,发现WebViewJavascriptBridge的资源讲解不是翻译官方文档就是直接说官方提供的demo.但是笔者在写这个demo时也遇到了不少问题,也想看看

  上图的 demo 主要讲的 是 css transition的过渡回调函数transitionend事件: css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transiti