web app
王永存
大道至简
展开
-
Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下:打开HBulider,打开目录,选择这个list,项目名称自己更改。这个时候是web项目,需要改为APP项目更改前:更改后: 在HB中打开这个dist,可以看到有一个manifest.json的文件。这个文件是用来配置应用信息的。因为原创 2017-09-22 17:23:29 · 37338 阅读 · 6 评论 -
vue项目打包后打开空白解决办法
vue+webpack+HBulider打包后手机上一片空白解决办法网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看原创 2017-09-22 19:11:36 · 41507 阅读 · 10 评论 -
vue导航栏(选中状态刷新不消失)
Vue导航栏 用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标全是UI给的选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了)1、首先把这些小图片放到src/assets路径下面(原创 2017-12-01 15:31:41 · 12737 阅读 · 3 评论 -
前端开发APP
前端开发APP只能是混合开发,工欲善其事必先利其器。所需工具如下:1、HBulider 2、H5plus(http://www.html5plus.org) 3、海马模拟器(和HBulider联调使用)原创 2018-07-11 09:22:31 · 2337 阅读 · 0 评论 -
Hbulider打包app vue项目iconfont空白
vue写的一个项目用Hbulider打包后,发现iconfont字体图标一个也没显示。我是引用的cdn。如果直接下载下来放到项目里应该就不会出现这个问题了。阿里iconfont提供的cdn没有加上http/https协议。所以,cdn上加上http/https协议即可。 ...原创 2018-11-02 15:22:21 · 995 阅读 · 1 评论