一.a 标签 移动端不支持 onDownFile= (url, filename) => { const downUrl = `http://10.1.109.123:19092/down/to?url=${encodeURIComponent(url)}`; // 创建隐藏的可下载链接 const eleLink = document.createElement('a'); eleLink.download = filename; eleLink.style.display = 'none';

1.ios h5 app avalon tap事件失效 使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-tap被内容遮住不执行.用MUI的on tap事件可以执行但改动较大,于是改为ms-on-click.(但是click事件有300ms延迟,解决方法在标题2处),搜索到以下解决方法: 解决办法有 4 种可供选择:(来自:https://happycoder.net/solve-ios-safari-cl

随着各种应用的全面App化,因App而起的合作纠纷也日益增多,其中不乏最终对簿公堂的情形.WeX5(html5开发工具)为您汇总了三个典型的真实案例,方便您体会甲乙方冲突情景. 在围观别人争吵之余,您是否有了足够的警觉?是否想到了方法去规避这些争议? 围观之一:手机APP到底能干嘛?两万款是“打水漂”了吗? 据广州市高小姐讲诉,自己2014年初与一家信息科技公司签了合约,委托他们开发手机APP,并当场支付2.7万元.后来怀疑是骗局,想要追回预付款,却遭拒绝. 2014年1月20日,高小姐参加了一

我们通常在做H5 APP设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的APP心生怨念.现在WeX5君呕血为大家整理出H5 APP设计的21条禁忌,希望与H5 APP设计者的您共勉. 1. 不要在没有流程图之就前开始设计或者画线框图 即便一个简单的H5  APP 也要有一个思虑周全的流程图,以确保在H5  APP 有合乎逻辑的.合理的导航结构.另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下. 跳过流程图直接

Jeffrey Way曾发表过一篇博文<28 HTML5 Features, Tips, and Techniques you Must Know >讲述了28个HTML5特征.窍门和技术,张鑫旭将本文进行了翻译,并做了适当编辑整理,本楼楼现转载于此,并附上一个H5实际演示案例,大家直接点击即可体验H5的强大效果.H5 App已势不可挡,希望本文帮助大家更了解移动应用开发.全文如下: 前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了.如果你不想被HTML5的改变/更新搅得不知所

2015年的最后几天,移动开发圈里最为火爆的话题之一无疑是“iOS程序员月薪降至12K”这则报道. 有人认为这是O2O创业遇冷所致,也有人认为这是iOS生态过于封闭致使智能硬件等新领域对iOS开发者的需求量不足所致.还有人认为是相关培训机构过多导致的结果等等. 其实,以上这些原因分析都只停留在了现象层面,未能触及本质. 当前是一个由技术来驱动社会变革的时代,所有社会和产业变革的根本驱动力一定都来自于某种技术变革.同样,所谓iOS开发者降薪这个业界现象,背后的根本原因依然是技术变革:移动开发的原生

做H5 App页面时,有时候,按钮可能会放到页面的最底下,这个时候可能会用到绝对定位(position: absolute),但是,当input 输入框被点击时,弹出的软键盘会顶起底部的按钮,就像这样: 这个时候,可以给 底下的 Button 或者包含这个Button的Div  添加一个CSS样式:z-index: -1

MUI:http://dcloudio.github.io/mui/(使用H5+app模式,号称是最接近原生,但是目前在手机和电脑浏览器无法使用) app-framework:http://app-framework-software.intel.com/ (有Android.iOS等主题样式可供选择,有强大的XDK编辑器支持) Ratchet:http://goratchet.com/ (同样有Android.iOS等主题样式可选,与Bootstrap类似的框架) Monaca.IO: Ion

手把手教你用Vue2+webpack+node开发一个H5 app ​前一篇vue2 + webpack + node 开发一个小demo说到了用vue的一些基本用法,这一篇就讲一个复杂一点的更完整的例子,仿制一个H5 APP,这个APP就叫[one.一个],在百度搜索 one 就能找到啦[为什么仿这个呢,因为这是我用了很久的一个app呀

基于vuecli3构建的一个快速开发h5 APP的模板,集成了高德地图.mint-ui,以及antv-f2可视化框架 vue-cli3安装 查看vue cli版本 vue --version 要求nodejs版本8.9以上 如安装了旧版,使用npm uninstall vue-cli -g卸载旧版本 安装vue-cli3.0 npm install -g @vue/cli 创建项目 vue create hello-world 选择安装配置选项 ◉ Babel ◯ TypeScript ◯ Pr

H5+app 自动删除安装包 一.前言 之前做好的app自动更新,遗留下了一个问题,就是自动更新后安装包没有自行删除掉. 好像现在的手机的系统是有安装完自动清理安装包的.想我这个H5+的app安装完后是没有自动删除的,所以就需要用代码去删除掉. 二.解决方式 使用html5+plus,提供的IO模块来操作自动更新后遗留下来的apk文件. 参考文档: http://www.html5plus.org/doc/zh_cn/io.html IO模块:管理本地文件系统,用于对文件系统的目录浏览.文件的读

1.前阵子在做系统的h5+ app为满足手机端也能进行业务操作,例如:提货,扫描入库之类的.所以就要将做接口,从手机端调用后台系统的方法. 2.例如这样的请求格式,但是呢,每次请求它都直接跳到error,刚开始还以为是网络问题,就连上wifi试了试,发现还是直接跳error.然后就开始怀疑请求格式了... 如下: function openScan(data) { mui.ajax(OPENSCAN, { data: data, dataType: 'json', type: 'post', t

H5+app项目,在HBuilderX中设置 详情参考官方 https://ask.dcloud.net.cn/article/64 给h5+app设置scheme值,作用:在其它app和h5页面中启动该app,如下 在manifest.json文件的"plus"->"distribute"->"apple"下添加urltypes节点数据如下: "plus": { "distribute": {

h5 app的全屏和沉浸式状态栏是不一样的 全屏模式 常见使用场景:如果页面是全屏游戏,一般会直接让状态栏消失,也就是页面全屏.webview高度全屏了,状态栏没有了.写法: 终端支持:没有终端类型限制高度处理:与状态栏透明相同,webview高度=屏幕高度,状态栏高度为0且不显示前景内容.需要注意dom里fix元素的调整. 使用方法 勾选全屏模式即可,也可以直接才配置文件manifest.json文件中添加的根节点下添加字段 "fullscreen":true 根节点应该理解吧 {

我们通常在做H5 APP设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的APP心生怨念.现在WeX5君呕血为大家整理出H5 APP设计的21条禁忌,希望与H5 APP设计者的您共勉. 1. 不要在没有流程图之就前开始设计或者画线框图 即便一个简单的H5 APP也要有一个思虑周全的流程图,以确保在H5 APP有合乎逻辑的.合理的导航结构.跳过流程图直接进进入开发会让开发变得复杂.不可控,很容易让用户迷茫,最后选择关掉或者卸载你的 App.

H5 APP 页面移动端适配方案 https://segmentfault.com/a/1190000011586301 https://juejin.im/post/5cbdee71f265da03b57b5866 https://www.jianshu.com/p/2e20f868f385 https://github.com/BoleLee/mobile-web-pagefit https://segmentfault.com/a/1190000008767416 https://juej

js & h5 & app & object storage API https://developer.mozilla.org/en-US/docs/Web/API Storage https://www.html5rocks.com/en/features/storage IndexedDB https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API https://caniuse.com/#feat=index

一.最近做了一个app自动更新功能,用的基本都是网上找得到的. 1.h5+ 规范 :  http://www.html5plus.org/doc/zh_cn/maps.html 2.环形进度条插件:http://www.jq22.com/jquery-info4495(不知道什么原因,下载的时候,没有显示任何提示,所以人为加个下载的提示) 二.本来用的mui框架也有进度条提示,但是好单调,又不显眼. 1.效果如下,虽然说超方便的.mui 样式:http://dev.dcloud.net.cn/m

  为期半个月的项目实践开发,已完整告一段落,团队小组获得第一名,辛苦总算没有白费,想起有一天晚上,整个小组的人,联调到12点才从公司回去,真是心酸.这里总结一下,项目过程中遇到的问题 和感悟.哈哈,放张集体照.嘿嘿,项目所有的不同的team的小伙伴,一群优秀的小伙伴(大多都来自高校211,985)么么哒.下面介绍下我们组的产品和问题. 项目已放在github上:https://github.com/foreverjiangting/myApp/tree/master/myApp/myApp 一

这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path变量,以及sdk路径.这个下载比较麻烦,请自行去

if(window.plus) { plusReady(); } else { //plusready事件(自带事件)调用了才可使用h5+API document.addEventListener("plusready", plusReady, false); } // 扩展API准备完成后要执行的操作 function plusReady() { var ws = plus.webview.currentWebview(); //获取当前窗口对象 // ... code } func