10小时零基础入门微信小程序开发
关注
分享
扫一扫
特别适合新手小白学习的学习笔记，你就算没有html和css的基础只是也没有关系
JSONP＄
对微信小程序云开发比较精通，已经独立完成并上线了三个项目了。
展开
-
09 轮播图组件的正确使用
看一下html部分代码再看一下css样式代码效果就出来了原创 2022-06-16 22:22:57 · 102 阅读 · 0 评论 -
08 全局变量的使用
我们首先打开app.js在全局数据里面声明想使用的变量怎么在别的页面使用这个全局变量呢首先打开任意的一个js文件然后先引入全局这个大的范围然后再使用里面一个具体的变量原创 2022-06-16 05:25:13 · 296 阅读 · 0 评论 -
07 微信小程序封装组件
首先在根目录下新建一个文件夹然后，在里面创建一个my文件夹然后再新建一个compent，也叫my吧展开看一下现在的结构然后我们就可以编写这个组件了先写html再写些样式然后在需要使用这个组件的页面的.json内注册引入看一下具体代码然后使用它就行了注意！ 如果局部注册组件然后使用没有效果的话，我们可以全局注册这个组件使用...原创 2022-06-14 01:46:50 · 123 阅读 · 0 评论 -
06 vant组件库的使用
首先，初始化一个package.json然后打开vant Weapp官网输入以下的命令，将这个库下载下来然后将这个库一层一层的打开第一层第二层第三层第四层我们需要的就是这层，把这个dist文件夹我们复制保存到本地，为它重命名为vant然后新建一个名字为lib的文件夹，将这个vant组件库放进去然后，我们就可以使用它了首先打开app.json将下面的代码敲进去就行然后我们就可以在页面上使用组件了...原创 2022-06-14 01:16:56 · 400 阅读 · 0 评论 -
05 tabBar导航栏功能
改怎么实现呢？首先打开app.json设置一个这个对象就行，注意和page同级这个需要用到的图标在哪儿获取呀，我们可以去阿里巴巴矢量图标去获得，将它下载到本地即可！原创 2022-06-12 21:06:43 · 106 阅读 · 0 评论 -
04路由跳转并携带参数
首先写一个button按钮，再为它绑定上一个事件然后为他绑定一个参数然后为这个事件编写跳转的逻辑注意!!! 在实际开发中会遇到，一个特别奇葩的问题，就是你的路径都写对着，跳转方式也写对着，但是还是没法跳转。这是因为有缓存，或者没有及时更新，我们可以清楚缓存，和把这个项目重新导入，就恢复正常了，这也是微信小程序的一个bug。要不就是你什么都不要做，静等十几分钟，这个项目的跳转功能也能恢复正常。下来我们来看如何实现携带参数功能，因为在html页面，我们已经通过如下的方法携带了一个参数了，我们现在需要将这原创 2022-06-12 19:47:44 · 915 阅读 · 0 评论 -
03 认识第一个view组件
我们首先打开微信小程序官方文档来看一下这个组件的介绍好了，废话不多说，直接敲代码是不是很简单呢，但是这个标签没有样式，我们需要打开index.wxss来对他进行一个样式的修改就会看到以下的效果当然除了这个组件外，微信开发文档里还有其他好多的文档呢，我们跟着一步步去学习就行...原创 2022-06-11 12:19:46 · 96 阅读 · 0 评论 -
02 优化微信开发者工具默认的结构
首先我们来认识一下他的结构，pages就是页面的意思，可以看到默认有两个页面index和logs我们需要删除他的默认代码和样式然后，我们来认识一下app.json这个文件夹下面都有些什么东西，以下两个路径刚好对应默认结构里的两个页面app.json里面设置的是全局样式，我们可以设置它的背景颜色和文字为了以后的开发，少报错，我们可以把不检验合法域名这个选项打开...原创 2022-06-11 11:55:28 · 361 阅读 · 0 评论 -
01 初识微信小程序
首先打开百度，搜索微信公众平台然后扫码登录我们需要准备一个，以前从来也没有用过的邮箱，然后拿到小程序的appid我们点击开发工具然后下载指定的版本就行这里我建议用老版本，最新版本没有npm，会影响以后的使用，那么如何下载老的版本呢............原创 2022-06-11 11:23:13 · 1404 阅读 · 0 评论