在此简单讲述一下个人的理解: 方法: 对于Hbuilder里的项目文件: 1.直接右键:转换成移动app,然后生成一个json文件manifest.json,在该json文件下配置好应用程序的图标.和功能权限设置 2.点击上方的菜单栏“发行”-->发行为原生安装包,载2进行一系列的打包操作,下载即可像用一般程序一样了   对于vue项目app: 在vue项目目录下打开终端并运行项目(yarn serve/npm serve)   然后打开vue脚手架(vue  ui):进入项目管理,配置项目将d…
极光推送的官方demo: https://github.com/jpush/jpush-hbuilder-demo 里面也记录有详细的方法了. 我记录下自己的过程. 首先去极光那里创建一个应用 获取AppKey ,创建后如下. 下载极光的demo 地址 https://github.com/jpush/jpush-hbuilder-demo 然后把里面的jpush.js放在vue目录下的static下,在index.html文件并引入 <!DOCTYPE html> <html>…
vue  监听对象里的特定数据变化 通常是这样写的,只能监听某一个特定数据 watch: { params: function(val) { console.log(val) this.$ajax.get('admin/registerdesigner/querydesigners', params) .then((e) => { if (e.status == 200) { this.list = e.data; } }) } }, 要监听一个对象里的某一个数据比如这样的 params: {…
今天使用百度地图出现了一个问题,百度地图初始化后宽.高都是0,但是地图容器宽高都设置好的, 一开始怎么都排除不出问题,后来无语了,把布局直接复制进入百度地图的示例里运行发现没有问题, 所以想到不是百度地图的问题,而是我这个百度地图的容器是放在Vue的容器里的....... 测试后,果然如此,把地图的初始化放入vue的mounted() 函数里执行解决了问题.…
场景:优化打包后的代码,提高性能. 1.方式一:report-json. 1.1 package.json文件里加入以下命令, "report": "vue-cli-service build --report-json" 1.2 然后控制台运行 npm run report 1.3 结果:会在dist文件夹里生成 report.json.里面有打包后每个文件的来源. 2.方式二:使用 stats-webpack-plugin 插件. 2.1  安装 npm ins…
近几年,混合模式移动应用的概念甚嚣尘上,受到了一些中小型企业的青睐,究其原因,混合模式开发可以比传统移动开发节约大量的开发成本和人力成本. Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具"Native App良好用户交互体验的优势"和"Web App跨平台开发的优势". 说白了,如果走传统移动开发路线,公司业务覆盖多端,那么每个平台势必要请一个专属开发人员,安卓要请一个前端开发,ios同理,那么人力成本则…
前言:之前在网上找的好多都是基于vue-cli 2.x的,而使用vue-cli 3的文章比较少,Vue CLI 3 中文文档,所以我在自己尝试的时候把几篇文章结合了一下,调出来了我想要的模式,也就是Vue CLI 3 + element-ui + 多个二次封装的组件.最终想要的是 element-ui 这种感觉的,很多组件可以在不同项目中复用. 安装依赖 首先用Vue CLI 3来初始化项目 yarn global add @vue/cli vue create qiyun-el-ui vue…
最近在用Hbuilder做跨平台开发,经过一番研究终于在苹果商店上架成功了一款产品!这款产品就很简单,直接用hbuilder打包好,然后上传到商店即可.这里参照ios app提交应用商店 这篇文章结合hbuilder,从应用打包,到提交到苹果商店的流程详细介绍一下,希望对有需要的哥哥姐姐们有帮助. 一.打包: 应用写好了之后就可以打包了,hbuilder云打包很简单,但是你想要发布到应用商店的话是需要自有证书的,   选择“使用苹果证书” 1.  前期工作 这里就需要用到 AppId,描述文件p…
using mshtml;using System;using System.Collections.Generic;using System.Linq;using System.Security.Permissions;using System.Text;using System.Threading.Tasks;using System.Windows;using System.Windows.Controls;using System.Windows.Data;using System.Wi…
使用 Hbuilder新建好移动app项目后,mainfest.json这个文件里的 plus里设置 statusbar ..... "plus": { "statusbar": { "immersed": true }, ...... }, ..... 效果 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处. 如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力.…