一、初始化vue脚手架注：安装完vue环境之后（vue环境配置，网上找）vue init webpack myvue1、参数解释：vue init--->初始化vue项目命令，webpack--->利用webpack模式，myvue----->vue项目名称。2、初始化完成之后，可使用npm run dev在开发模式进行运行。二、初始化cordova项目注：安装cordova环境
转载
2024-04-16 13:41:11
344阅读
vue crudVue is the JavaScript UI tool that parades itself as progressive because it is approachable so one can get started in just a day. On the other hand, it has every feature to cater for your fron
首先我们需要
使用cordova的
插件cordova-plugin-qrscanner 安装：
cordova plugin add
cordova-plugin-qrscanner 贴上
vue项目的代码：<template>
<div class="scroll-container scan-container">
<div class="scan-none
转载
2024-04-04 18:29:30
243阅读
趁有机会，简单回顾下vue插件开发的过程。学习本身就是个不断重复滴过程嘛：一、官网插件的开发文档地址https://cn.vuejs.org/v2/guide/plugins.html二、简单唠一唠但是呢，如果看官网文档的话，有的小朋友可能就云里雾里了，不想再进行下去了，其实vue对于插件的定义就是，使用Vue.use方法,将引入的install方法里面相关Vue操作的方法逻辑运行了,实现在全局可
Vue插件集合
element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material 
转载
2024-04-22 19:34:24
56阅读
第一步：首先你要具备实战它的载体，那就是你有已经跑起来的vue项目。第二步：安装vuex,引入vuexnpm install vuex --saveimport Vuex from 'vuex'
Vue.use(Vuex)第三步：在vue->src目录下创建一个store.js文件首先引入vue,因为$store是在vc身上// store.js文件
// 引入vue
import Vu
转载
2024-10-30 17:00:39
178阅读
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
一.序言之前讲过Cordova结合Vue学习Camera，并讲述怎么通过Cordova来打包一个app，如果对Cordova和Vue不熟的同学，可以自行查阅相关资料，然后本文接着讲如何实习视频录取与文件上传，之后希望大家自己去实现音频录取与播放、下面是大家需要了解的一些相关文档cordova-plugin-media-capture----这个是Cordova媒体捕捉，主要使用其中capture.
一、问题VueAPP 中有一个文件下载功能，用了各种方法来实现下载功能，app 都没有反应。这个博客里面几乎包含了我试过的大部分方法，发现 PC 端没问题，手机不可以。二、经过这些方法 PC 端没问题，安卓就不行，问了一个接触过安卓的后台小伙伴，说是需要用 app 调起浏览器，让手机自带的浏览器下载文件。这种方法对于安卓来说很是友好，前端暂时没发现可以调用的方法。。三、结果使用 cordova 下
转载
2024-05-27 15:17:31
628阅读
Cordova插件使用和开发学习笔记1. Cordova插件开发1.1 环境搭建1.2 插件初始化1.3 插件完善1.4 plugin.xml2. Cordova插件使用2.1 创建项目2.2 添加平台2.3 添加插件2.4 调用插件参考 注意：文中范例主要基于Windows+Android+JAVA开发，只有部分涉及iOS。 1. Cordova插件开发插件的开发可以参考cordova文档-
转载
2024-04-18 14:23:28
296阅读
Cordova自定义插件开发以及SDK集成1. 创建插件2. 修改plugin.xml3. 修改TestSdkDemo.java4. 分析TestSdkDemo中的代码5. 分析TestSdkDemo.js6.修改TestSdkDemo.java7. 修改TestSdkDemo.js8.插件使用9. 成果展示10. 参考文档 1. 创建插件plugman crate --name [插件名]
转载
2024-10-15 15:20:42
1043阅读
公司的客户端一直用原生来开发，接到的需求很多，基本上每几天要发布一次新版本。领导考虑到频繁的提示更新会对用户体验不好。决定用ionic来重做。这个坑还挺多的，网上一大堆。因为公司很多页面也是直接嵌套网上的，之前用iframe嵌套进去，发现ios有问题。嵌套进去的网页打开新连接会直接调用Safari打开。查找百度谷歌也找不到解决方法（我的技术也差点）。之后查找发现大家推荐用cordova-plugi
最近在学习
Vue，边做个小demo边学习。其中有一个小功能需要
使用到拖放，顺便还学一下拖放。拖放是HTML5的标准，对着教程在普通的页面上很容易就实现了，但是
vue中基本都是数据驱动，不推荐直接操作DOM。HTML5拖放可拖动首先，默认情况下，图像、链接和文本是可拖动的。而想让其他元素变为可拖动，需要设置draggable属性为true。<div draggable="true">&l
以下是自己定义cordova插件的基本入门。做插件的小白可以參考一下哈，兴许会更新插件的进阶博客，希望大家可以共同学习共同进步1.环境搭建cordova插件开发前须要安装一些软件和配置环境1.1 node.js环境搭建到node.js官网(https://nodejs.org/)下载安装就好。只是訪问node.js须要FQ，在dos窗体输入npm,能显演示样例如以下信息就说明node.js成功安装
转载
2024-10-22 14:29:19
94阅读
cordova开发插件，以一个toast功能的安卓插件为例，我们来了解和熟悉cordova平台开发插件的流程。（一）新建插件前提是安装了cordova的环境，安装过程我就不在详细说明，下面我们开始开发插件。1、创建cordova plugin 插件命令:plugman create --name [插件名] --plugin_id [插件ID] --plugin_version [插件版本号]
例
转载
2024-05-16 06:13:43
305阅读
文章目录前言一、导入步骤1.下载插件2.将文件复制粘贴到vue文件的components文件夹下3.在需要引入的.vue文件中导入二、在需要显示博客的界面调用 前言此篇文章讲解如何在vue项目中导入markdown插件一、导入步骤1.下载插件地址如下：https://github.com/hinesboy/mavonEditor2.将文件复制粘贴到vue文件的components文件夹下如下（最
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
转载
2023-12-13 02:07:43
40阅读
1.安装这里推荐用npm安装cordova，至于npm的安装，网上有很多的。打开命令行，输入 npm install -g cordova 这里就安装了好了最新版的cordova，虽然绝大多数会成功，但预防下不成功的情况，推荐搜索npm镜像，利用镜像安装。cordova是利用ant打包的，所以你必须要安装ant并且配置安装环境。如果你想打包android项目，本地需要有一份android的SD
此插件用于访问设备联系人数据库。在本教程中，我们将向您展示如何创建，查询和删除联系人。步骤1 - 安装联系人插件 C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-contacts 步骤2 - 添加按钮该按钮将用于调用 createContact 函数。 我们将它放在 index.html
一、Windows环境配置1.如果已经安装VS2015，打开【工具】-【选项】找到Cordova选项：运行依赖关系查看器，用来检测开发环境是否完整。如果检测显示：那么就是环境配置完成了。可以直接开发了。如果显示有错误页面，那么按照错误页面的提示，进行对应的环境配置即可。一般错误页面提示都是缺少对应的依赖组件，包括如下：GitNode.jsAndroid SDKJDK这些组件可以在安装V
