这是我参与「第四届青训营 」笔记创作活动的第1天
一、以下是课程中提到的一些点
终于讲到小程序了,我个人相对其他web应用还是更偏爱小程序滴,趁着今天看完了这最后一节课——小程序技术全解,来把我第一篇笔记给小程序嘿嘿。
1、第三方开发应用最简单最方便的方式
webview+jsBridge
- webview:个人理解是移动端展示web页面的一种方式
- jsBridge:是连接移动native端和web端的一种工具机制
- 看到一篇文章就写得挺不错的深入浅出JSBridge:从原理到使用 - 掘金 (juejin.cn)
2、小程序的优点
-
开发门槛低
- 对于前端的人来说会前端三剑客加上官方的文档我觉得就差不多
-
接近原生体验
- 资源加载,渲染,页面切换
- 多webview
-
安全可控
- 独立js沙箱,没办法直接操作dom
二、学过vue之后用uniapp开发
我用vue开发过之后转小程序还是想用uni-app
工具vscode,uniapp他们有推荐自己的工具hbuilderx,也有同样的命令行,开发环境还算可以,但奈何vscode插件多啊,而且开发web端应用也是用它,所以熟一点就还用老工具vscode啦
用命令行来创建创建项目
1、创建项目
我创建的是vue3版本的,因为之前用vue3开发过pc端项目,感觉vue3好用一点
刚创建完项目的结构如下,这种情况我们按照惯例就得
npm insatll一下
不安装依赖就会报错uni不是内部或外部命令,我之前就踩雷过
安装好再编译到小程序就长这样
2、微信开发者工具看效果
我是运行到微信小程序,所以去微信开发者工具打开项目
点击导入项目,然后选择文件夹,比如我上边创建的项目在my-applet里时打开这个文件夹
我们要正常使用小程序或者手机看的话还得去配置一下appid呢(在这配编译的时候才会成功编译到微信小程序那边)