1 |
|
二、通过webpack打包
执行这样命令后,可以看到根目录的dist文件夹下是打包好的静态资源
这样就打包好了,里面有index.html 以及 static文件夹(包含fonts、img、js、css文件夹)两个
三、使用hbuilder打开
将dist文件下拖动到huilder软件中即可
dist文件夹,就是拖动进去的,A 标记是app的意思,W是web的意思。我这里是已经转为app了,所以dist文件夹以 A 标识 ,没有转换之前是 W 标识
四、转换为移动APP
由于我已经转为APP,我用helloHBuilder做示范
右键需要转为app的文件夹,弹出的快捷菜单中——>转换成移动APP(T)。
点击“我知道了”之后,发现dist文件夹会多了一些文件
五、配置manifest.json
(1) 应用信息配置
“应用名称” :给你的app取个名字
“appid” :右侧点击“云端获取”,要登录注册你的账号之后,点击‘云端获取’会自动给你填上
“页面入口” : 主页面,因为我是用vue开发的,所以我只有一个HTML文件,是index.html
(2)图标配置
其余的”启动图片” “sdk配置” ...我直接略过了
配置应用信息和图标配置先试试效果,配置好后,保存。
六、真机运行试看效果
准备好你的手机,用usb数据线连接,开启开发者模式(关于手机——>连续点击版本号,进入开发者模式),允许usb调试。
点击hbuilder工具栏上的 “在设备上运行/停止应用”图标,类似于这样,选择第一个模式运行
接下来,看看你的手机
手机现在提示:电脑安装位置来源 同意 安装
会在你的手机的桌面上安一个名字是Hbuilder的app (基座)
现在你可以点进去,类似于打开app ,看效果
如果真机运行没有多大的问题,就可以打开apk了。
七、打包为apk
Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
…
算法
- 冒泡排序
- 选择排序
- 快速排序
- 二叉树查找: 最大值、最小值、固定值
- 二叉树遍历
- 二叉树的最大深度
- 给予链表中的任一节点,把它删除掉
- 链表倒叙
- 如何判断一个单链表有环
- 给定一个有序数组,找出两个数相加为一个目标数
...
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+评论666