精华内容
下载资源
问答
  • H5Plus Extend for Vue.js 加入了babel-polyfill 安装 npm install vue-h5-plus 基本使用 import Vue from 'vue' import plus from 'vue-h5-plus' Vue.use(plus) 组件选项 其方法中的this指向组件 - load选项 在组件...
  • 应用平面 :winking_face_with_tongue: 基于react + less + H5plus开发的Webapp
  • H5Plus API使用

    2018-06-21 10:36:42
    Contact 管理系统通讯录,如对系统通讯录进行增、删、改、查等操作 Device 管理设备信息,用于获取手机设备信息、系统信息、网络信息等
  • H5Plus-Bluetooth-Demo.zip

    2020-09-03 16:33:49
    html5+ 配合mui 实现蓝牙发送消息的demo,这里是完整代码,欢迎大家查看订阅,留言,有不清楚的我会第一时间给大家解答
  • h5plus

    千次阅读 2019-04-30 11:04:00
    h5plus使用教程 调用每个方法之前需先引入以下代码块 function plusReady() { } if(window.plus){ plusReady(); }else{ document.addEventListener('plusready',plusReady,false); } 调取手机摄像头进行拍照 ...

    h5plus使用教程


    调用每个方法之前需先引入以下代码块

    function plusReady() {
    	
    }
    if(window.plus){
    	plusReady();
    }else{
    	document.addEventListener('plusready',plusReady,false);
    }
    

    调取手机摄像头进行拍照


    function getImage(){
    	let cmr = plus.camera.getCamera(); // 获取摄像头对象
    	let res = cmr.supportedImageResolutions[0]; // 字符串数组,摄像头支持的拍照分辨率
    	let fmt = cmr.supportedImageFormats[0]; // 字符串数组,摄像头支持的拍照文件格式
    	console.log("Resolution: "+res+", Format: "+fmt);
    	cmr.captureImage( function( path ){ //拍照操作成功的回调函数
    			alert( "Capture image success: " + path );  
    		},
    		function( error ) { // 拍照操作失败的回调函数
    			alert( "Capture image failed: " + error.message );
    		},
    		{resolution:res,format:fmt} // 摄像头拍照参数
    	);
    }
    
    展开全文
  • fast-h5plus fast-h5plus 2.0来啦!!!!!! 本次更新内容如下: 剔除了项目中多余的组件跟工具类,只提供了最基础的头部导航栏与日期处理,ajax等工具类。 默认UI库由mint-ui更换为vant-ui。 【重要】由于node-...
  • Vue中使用h5 Plus的方法

    千次阅读 2021-01-05 10:43:22
    H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能 一、安装库 安装库 cnpm i vue-awesome-mui -S 二、引入 main.js...

    前言

    Vue作为移动App端的主流技术,h5 plus也是可以被使用进来的。H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能

    一、安装库

    安装库

    cnpm i vue-awesome-mui -S
    

    二、引入

    main.js中引入

    import Mui from 'vue-awesome-mui';
    Vue.config.productionTip = false
    Vue.use(Mui);
    

    三、使用

    <script>
      export default {
        name:'demo',
        methods:{
          // 扩展API准备完成后要执行的操作
          plusReady () {
            var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview
            console.log("hello plus");
          },
        },
        created () {
          // 扩展API是否准备好,如果没有则监听“plusready"事件
          if (window.plus) {
            this.plusReady()
          } else {
            document.addEventListener('plusready', this.plusReady, false) 
          }
        }
      }
    </script>
    

    四、demo

    调用拍照的方法:

    <ul class="mui-table-view">
       <li class="mui-table-view-cell" id="device.html" @click="getImage">
           <a class="mui-navigate-right">
               调用拍照
           </a>
       </li>
    </ul>
    
    
    在methods中添加方法:
    
    ```typescript
    getImage () {
      let cmr = plus.camera.getCamera() // 获取摄像头对象
      let res = cmr.supportedImageResolutions[0] // 字符串数组,摄像头支持的拍照分辨率
      let fmt = cmr.supportedImageFormats[0] // 字符串数组,摄像头支持的拍照文件格式
      console.log('Resolution :' + res + ', Format: ' + fmt)
      cmr.captureImage ((path) => {
        alert('调用成功: ' + path)
      },
      (error) => { // 拍照操作失败的回调函数
        alert('调用失败: ' + error.message)
      },
      {resolution: res, format: fmt} // 摄像头拍照参数
      )
    }
    

    五、用hbuilder打包至App

    1.将Vue项目中config文件夹里的index.js文件中assetsPublicPath由’/'改为 ‘./’;否则会出现白屏的问题
    2.删除路由模式或者改为hash
    在这里插入图片描述
    运行:

    npm run build
    

    生成dist文件夹。
    新建hbuilder 5+App项目,将dist目录下的东西全部放在5+App项目下,直接全部覆盖。
    在这里插入图片描述

    六、结束

    本文简单记录了一下在vue中使用h5 plus的方法

    展开全文
  • H5Plus 入门学习-Dcloud H5+ API调用实例

    万次阅读 2018-06-21 10:31:48
    使用API Reference完整简单的操作,更多操作查看官方文档。最后提供项目的下载地址【免费下载】


    使用API Reference完整简单的操作,更多操作查看官方文档















    最后提供项目的下载地址【下载一款移动APP演示

    展开全文
  • vue项目中使用H5Plus

    千次阅读 2019-12-24 16:02:21
    H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。 首先拉一套vue-cli的脚手架 vue init webpack project 安装mui...

    HTML5 Plus应用概述:
    H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。

    首先拉一套vue-cli的脚手架

    vue init webpack project
    

    安装mui

    npm i vue-awesome-mui
    

    在main.js 文件中引入

    import Mui from 'vue-awesome-mui';
    Vue.use(Mui);
    

    需要用到H5Plus 的地方首先需要:

    methods:{
    // 扩展API准备完成后要执行的操作  
      plusReady () {
        var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview  
      },
    }
    created () {
    // 扩展API是否准备好,如果没有则监听“plusready"事件  
      if (window.plus) {
        this.plusReady()
      } else {
        document.addEventListener('plusready', this.plusReady, false) // 
      }
    }
    

    比如在项目中需要调用拍照的方法:

    <ul class="mui-table-view">
       <li class="mui-table-view-cell" id="device.html" @click="getImage">
           <a class="mui-navigate-right">
               调用拍照
           </a>
       </li>
    </ul>
    
    getImage () {
      let cmr = plus.camera.getCamera() // 获取摄像头对象
      let res = cmr.supportedImageResolutions[0] // 字符串数组,摄像头支持的拍照分辨率
      let fmt = cmr.supportedImageFormats[0] // 字符串数组,摄像头支持的拍照文件格式
      console.log('Resolution :' + res + ', Format: ' + fmt)
      cmr.captureImage ((path) => {
        alert('调用成功: ' + path)
      },
      (error) => { // 拍照操作失败的回调函数
        alert('调用失败: ' + error.message)
      },
      {resolution: res, format: fmt} // 摄像头拍照参数
      )
    },
    

    直接运行项目的话会报错,因为plus需要运行在真机

    npm run build
    

    编译后得到dist文件夹

    重点!!
    云打包app项目需要Hbuilder编译器

    在Hbuilder中的菜单栏找到文件 => 新建 => 移动App
    Hbuilder
    此时会生成出这些文件

    将vue编译后的dist文件夹中的所有内容替换进去 (manifest.json 文件保留)

    最后一步:
    将手机连接至电脑
    Hbuilder => 运行 => 真机运行 => 找到连接的设备

    会在手机中安装一个 Hbuilder 的app,打开它就可以测试调试你的项目代码了~

    详细调用原生api文档如下:
    http://www.html5plus.org/doc/h5p.html

    展开全文
  • H5 plus 扫码功能实现

    千次阅读 2019-09-26 06:12:59
    plus.screen.lockOrientation( ' portrait-primary ' ) // #endif } } .content { width: 100 % ; display: flex; flex - direction: column; justify - content: center; align - items: ...
  • 一、什么是H5 Plus H5 Plus即HTML5 Plus是在HTML5的基础上做的扩展,是HTML5的加强版,它提供了WebApp的一套规范,HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备...
  • h5plus实现本地简单推送

    千次阅读 2018-12-25 11:40:50
    var Context = plus.android.importClass(&quot;android.content.Context&quot;); var main = plus.android.runtimeMainActivity(); var Notification = plus.android.importClass(&quot;android.app....
  • 获取位置并上传到数据库 //获取到位置坐标并上传 ... plus.geolocation.getCurrentPosition(function(p) { // alert('Geolocation:'+p.coordsType+'\nLatitude:' + p.coords.latitude + '\nLongitude:' + p.coords...
  • 在使用mui做移动端开发的时候,获取地理位置本身比较容易 ... plus.geolocation.getCurrentPosition(function(position) { longitude.innerText = position.coords.longitude; // 经度 latitude.inn...
  • (其实更省事可以wap,android和ios一套带走,一下R闪秒3个平台,没毛病)框架介绍这套框架源于DCloud社区,DCloud的社区工程师们通过对h5的扩张,通过运用js在webview调用原生接口,最后通过DC
  • H5 plus 和mui使用经验总结

    千次阅读 2018-12-14 11:45:42
    两个重要的官网http://www.html5plus.org/doc/zh_cn/webview.html http://dev.dcloud.net.cn/mui/ui/#radio 扫码barCode开启闪光灯的方法:调用barCode对象的setFlash(true),开启灯光; 调用barCode对象的setFlash...
  • 直接到支付宝官方看------->文档
  • plus.nativeUI.showWaiting('图片上传中'); var server = 'http://192.168.0.133:3000/upload'; // 创建图片上传对象 var task = plus.uploader.createUpload( server, {method: "POST"}...
  • vue-app之H5 plus调用

    千次阅读 2020-06-18 11:22:36
    需要注意的是在H5APP还没有打包时在window运行时调用**H5 api**时会报错 plus is not defined,在打包后在手机端运行时才能正常的运行。 为了更好了体验感,所以需要判断使用 if (!window.plus) return; //在调用H5 ...
  • Mui + HBuilder + H5 Plus混合开发 页面组件 Mui组件 界面逻辑处理 + 数据渲染 图标提供 (阿里巴巴矢量图标) 安装包更新 微定位 0.9.0  微定位 0.8.0 微定位 0.7.0 微定位 0.6.0 微定位 0.5.0
  • fast-h5plus 说明 使用webpack构建多页面移动APP开发的快速框架 使用scss预处理器提高app样式开发效率 使用h5plus库调用移动端底层接口 使用vue提高开发效率,远离dom操作的繁琐 使用移动端布局终极解决...
  • h5 plus 获取位置权限

    千次阅读 2018-07-16 15:34:52
    function onPlusReady()... plus.geolocation.getCurrentPosition(function(p){ console.log('Geolocation\nLatitude:' + p.coords.latitude + '\nLongitude:' + p.coords.longitude + '\nAltitude:' + p.coords.a...
  • h5 plus实现照片上传功能

    千次阅读 热门讨论 2016-07-31 17:11:51
    该功能实现主要用到h5 plus 的gallery和uploader两个接口,gallery调用手机相册选取照片,uploader用来上传选择的图片到服务器。本人开始研究h5刚十几天,不足之处,希望各位批评指正。 主要分两步,如下: 1, 调用...
  • 项目用h5+,收益挺大的,一套代码俩移动端运行,多个前端项目全部支持热更新. 小的需求改了当天发版,重大bug出现几小时内快速解决. 敏捷高效压力小,友方的项目组要馋哭了. 麻烦的一点就是原生交互得看api, 出了问题...
  • vue 使用 h5plus

    2021-08-06 18:06:13
    npm i vue-awesome-mui -S main.js中引入 import Mui from 'vue-awesome-mui'; Vue.config.productionTip = false ... var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview
  • 1.VUE如何使用H5+PLUS 在Main.js中加入如下代码,此代码是为了把plus方式绑定到Vue原型链上,避免无法使用Plus得情况 Vue.prototype.$plusExtends = fn => { if (window.plus) { setTimeout(fn, 0) } else ...
  • vue-h5-模板 基于vue-cli4.0 + webpack 4 + vant ui + sass + rem适应方案+ axios封装,内置手机端模板脚手架 节点版本要求 Vue CLI需要Node.js 8.9或更高版本(推荐8.11.0+)。您可以使用或在同一台计算机中管理多...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,940
精华内容 3,576
关键字:

H5Plus