查看: 1083|回复: 17

微信小程序入门教程+案例demo

[复制链接]

8

主题

12

帖子

62

积分

注册会员

Rank: 2

积分
62
发表于 2017-9-7 15:31:48 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【建议使用下方微信快捷登录注册】

x
微信小程序入门教程+案例demo首先摆在好姿态,——[backcolor=rgba(128, 128, 128, 0.0470588)]微信[backcolor=rgba(128, 128, 128, 0.0470588)]小程序开发也就那么回事。你只需要一点点css(真的只要一点点)的基础就可以了。



认清微信小程序开发
其实,我觉得小程序就是将微信官方提供20+个基础组件(目前有26个)进行排列组合,然后加上一些css样式,对用户的操作进行反馈(调微信官方提供的60+个api)。26个基础组件+60个开放api=半天就搞定了吧?(认真跟着下面的教程走半天足够了)
怎么学?1、开发工具你得有吧?
这里是最新版下载链接(传送门)—>微信web开发者工具最新版下载地址
目前微信小程序开发工具已经不需要破解都可以了,你只要使用手机端微信扫一扫登录开发工具,在创建应用的时候选择为无APPID就可以开发了。
2、开发文档得有吧?
很多人可能觉得看视频要习惯点(CSDN学院的微信小程序实战视频),但是本人建议学新东西不要看视频,入门最好的方式就是看官方文档(还有什么谁比官方自己更懂自己的东西呢!),下面是官网地址:
当然这里推荐看W3CSchool整理的文档,思路相对比较清晰。(再来个传送门
3、基础会了,再来点实战
学完一样东西,最好的方式就是将这个东西付诸于实践,下面进入实战《微信小程序之百思不得其姐(简版)》,如果你能全程跟着做出来,那么你就已经入门成功了。
先看效果图
说明这个项目的IDEA是借鉴了这位大哥的,感谢这位大哥
再来看看项目截图
具体的代码这里我不就贴了,我把整个项目打包直接下下来就可以用(点我下载DEMO)。
我使用到的图标都是从阿里巴巴的iconfont下载的(之前不知道的简直就是非常大的福利哦,你用了就知道)。

回复

使用道具 举报

0

主题

36

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2017-9-17 12:07:00 | 显示全部楼层
回复看看
回复

使用道具 举报

0

主题

36

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2017-9-17 12:12:16 | 显示全部楼层
回复看看
回复

使用道具 举报

0

主题

36

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2017-9-17 12:13:10 | 显示全部楼层
回复看看

回复

使用道具 举报

0

主题

13

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2017-11-17 19:54:53 | 显示全部楼层
多谢楼主
回复

使用道具 举报

0

主题

4

帖子

31

积分

新手上路

Rank: 1

积分
31
发表于 2018-1-12 17:58:35 | 显示全部楼层
回复试试
回复

使用道具 举报

5

主题

23

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2018-1-13 21:01:54 | 显示全部楼层
666 很不多啊
回复

使用道具 举报

0

主题

222

帖子

229

积分

中级会员

Rank: 3Rank: 3

积分
229
发表于 2018-3-30 22:53:48 | 显示全部楼层
我要学习一下
回复

使用道具 举报

0

主题

222

帖子

229

积分

中级会员

Rank: 3Rank: 3

积分
229
发表于 2018-3-30 22:54:03 | 显示全部楼层
我要学习一下
回复

使用道具 举报

0

主题

222

帖子

229

积分

中级会员

Rank: 3Rank: 3

积分
229
发表于 2018-3-30 22:54:13 | 显示全部楼层
我要学习一下
回复

使用道具 举报

本版积分规则

QQ|Archiver|手机版|小黑屋|小程序大全|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2018-8-16 10:05 , Processed in 0.252184 second(s), 9 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表