史诗手册!微信小程序新手自学入门宝典!你想要的都在这里

一、小程序官方指南

1:官方开发工具下载:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

0.12.1304Win版:https://pan.baidu.com/s/1miNleBY

0.12.1304Mac版:https://pan.baidu.com/s/1qYNIQZy

2:官方提供的简单教程

https://mp.weixin.qq.com/debug/wxadoc/dev/

3:小程序设计指南:

https://mp.weixin.qq.com/debug/wxadoc/design/index.html

4:小程序运营规范

https://mp.weixin.qq.com/debug/wxadoc/product/index.html

5:小程序接入指南

https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html 

6:小程序支付文档:

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1 

7:小程序客服消息:https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html?t=20161221 

8:特殊行业所需资质材料:https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t=201714 

9:小程序数据分析:

https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714

二、如何自学小程序

1、了解基础知识先!去网上搜搜看什么是CSS,HTML,JS;

CSS+HMTL+JS入门干货分享

链接: https://pan.baidu.com/s/1i5I76kd 密码: 6r42

2、读读上面提供的官方文档,看看都能干什么;

微信小程序官方文档知识解读,推荐新手仔细阅读

http://www.moquu.com/v/1427.html

微信小程序认知、安装与demo学习摘要

http://www.moquu.com/v/426.html

3、降低预期,不要一开始就想做出多牛逼的,就从静态页面开始;

初识微信小程序:结构概览,app.js 解析

http://www.moquu.com/v/414.html

微信小程序开发及发布实践

http://www.moquu.com/v/425.html

4、写代码跟做设计一样,模仿才是王道!下载人家的demo,看看怎么写的,修改修改,找到思维逻辑,就会一步步往前走了!

500款小程序案例源码下载

http://www.moquu.com/m3

5、不懂就问,新手入门的知识点!基本网上都搜的到答案!自学的话,就不要想着太依赖他人!

三、开发前必读

微信小程序政策虽不允许个人开发!其实也可以通过方法,申请到开发权限,只是不是能发布而已!有了开发权限,对于只是自学还是够了!

个人无appid申请开发者权限,无限制账号申请方法

http://www.moquu.com/v/372.html

关于如何真机预览(手机测试)简易流程说明

http://www.moquu.com/v/1534.html

如何设置体验者/开发者/体验版本

http://www.moquu.com/v/1535.html

如果是企业的话!由于微信小程序需要https请求,需要准备

1:备案的域名:

2:受认可的证书https

3:如开发多个小程序,要申请多个开发者帐号!因为一个账号只能发布一个

https问题排查说明:

http://www.moquu.com/v/1528.html

需要使用微信支付功能,要先微信认证!认证方法:

https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

最新微信小程序服务范围!

http://www.moquu.com/v/1551.html

微信小程序服务类目审核不通过?解决方法...

http://www.moquu.com/v/1552.html

四、开发工具说明

开发工具界面说明

配置信息:用于解决在后台配置域名未生效的问题;

预览:真机预览

上传:管理员上传至后台,设置体验及审核版本使用;

开发环境不校验:为了让开发环境中使用appid时,不合规则的域名也可以正常使用(比如本地或IP地址及未配置的域名)

压缩代码:为了节约空间,小程序上限为1M:参考:http://www.moquu.com/v/1536.html

删除项目:删除相应的项目

代理:在这里可以设置代理,或取消代理;用于解决很多因代理而引发的问题;

选择无appid,即可在没有appid情况下进行开发,但是无法预览;

项目名称:随意填写

项目目录:1:如果你选择了一个demo导入,请选择app.json所在的根目录文件夹,请勿选择其上级文件夹,否则会报错:找不到app.json;2:如果你想新建一个项目,请先在电脑内新建一个空文件夹,选择空文件夹即可,假如你选择的不是空文件夹,可能无法看到新建quickstart项目;

快速生成项目目录技巧:在app.json内输入路径后保存,即可生成相应路径的完整文件目录,防止因js或json文件为空而引发的一系列报错

后台配置域名方法:

http://www.moquu.com/v/1532.html

必须配置域名后,才可以使用配置的域名,比如你需要请求XX地址的数据,必须在后台设置了域名之后,才可以真机请求数据; 必须https的域名才可以请求,如果出现https的问题,请查询排查:http://www.moquu.com/v/1528.html

开发工具快捷键说明

格式调整 

Ctrl+S:保存文件(必须保存才可以看到效果) 

Ctrl+[, Ctrl+]:代码行缩进 

Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 

Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 

Shift+Alt+F:代码格式化 

Alt+Up,Alt+Down:上下移动一行 

Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 

Ctrl+Shift+Enter:在当前行上方插入一行 

Ctrl+Shift+F:全局搜索 

光标相关 

Ctrl+End:移动到文件结尾 

Ctrl+Home:移动到文件开头 

Ctrl+i:选中当前行 

Shift+End:选择从光标到行尾 

Shift+Home:选择从行首到光标处 

Ctrl+Shift+L:选中所有匹配 

Ctrl+D:选中匹配 

Ctrl+U:光标回退 

界面相关 

Ctrl + \\:隐藏侧边栏 

Ctrl + m: 打开或者隐藏模拟器

五、小程序开发详解

1、开发准备,开发工具使用简介,工程目录结构 

http://www.moquu.com/v/1537.html

2、开发组件使用初步,配置 

http://www.moquu.com/v/1538.html

3、APP生命周期 

http://www.moquu.com/v/1539.html

4、页面生命周期和参数传递 

http://www.moquu.com/v/1540.html

5、布局基础 程序员实战系列 

http://www.moquu.com/v/1541.html

6、零基础小程序开发系列《一》理论篇

http://www.moquu.com/v/1405.html

7、程序员开发实战系列《二》微信小程序架构篇

http://www.moquu.com/v/1554.html

8、程序员开发实战系列《三》App()和Page()

http://www.moquu.com/v/711.html

9、视图层WXML绑定数据、模板、逻辑

http://www.moquu.com/v/722.html

10、实战视图层WXML:事件

http://www.moquu.com/v/723.html

11、学习记录《一》:目录结构介绍,开发工具菜单介绍

http://www.moquu.com/v/735.html

12、学习记录《二》:系统配置app.json,程序和页面注册

http://www.moquu.com/v/737.html

13、学习记录《三》:视图容器

http://www.moquu.com/v/745.html

14、微信小程序开发(一)开始

http://www.moquu.com/v/1543.html

15、现学现卖微信小程序开发(二)

http://www.moquu.com/v/1544.html

16、现学现卖微信小程序开发(三):引入“Rx”

http://www.moquu.com/v/1545.html

17、现学现卖的一个“快递查询“的小程序开发

http://www.moquu.com/v/1553.html

18、微信小程序登录与支付简要流程

http://www.moquu.com/v/1412.html

19从零入门系列《二》手动创建目录结构

http://www.moquu.com/v/1039.html

20、微信小程序开发—快速掌握组件及API的方法

http://www.moquu.com/v/1001.html

六、新手跳坑指南

新手跳坑指南《一》:真机上预览,背景图无效

http://www.moquu.com/v/502.html

新手跳坑指南《二》:app.json之pages路径重复错误

http://www.moquu.com/v/503.html

新手跳坑指南《三》:宽高设置百分比无效果

http://www.moquu.com/v/504.html

新人跳坑系列《四》官方文档BUG,tip及QA提示一览

http://www.moquu.com/v/1053.html

新手跳坑指南《五》:this与that:this.setData报错

http://www.moquu.com/v/506.html

新手跳坑系列《六》:找不到自己的相匹配手机预览页面

http://www.moquu.com/v/507.html

新手跳坑系列《七》tabBar不显示

http://www.moquu.com/v/508.html

新手跳坑系列《八》MAC版微信WEB开发者工具无法显示二维码

http://www.moquu.com/v/509.html

新手跳坑系列《九》:post请求

http://www.moquu.com/v/92.html

新手跳坑系列《十》修改配置域名后,不在以下合法域名列表内

http://www.moquu.com/v/91.html

新手跳坑指南《十一》require 和hidden不生效,@import无效

http://www.moquu.com/v/90.html

新手跳坑指南《十二》事件绑定调用多次

http://www.moquu.com/v/89.html

新手跳坑指南《十三》手机中浏览时显示空白页

http://www.moquu.com/v/88.html

新手跳坑指南《十四》真机预览限制大小1024K

http://www.moquu.com/v/87.html

新手跳坑指南《十五》view标签设置背景图片手机无法预览

http://www.moquu.com/v/86.html

新手跳坑系列《十六》没有配置路由,input,空格回车,中文

http://www.moquu.com/v/1576.html

新手跳坑系列《十七》Page route 错误

http://www.moquu.com/v/1577.html

新手跳坑指南《十八》wx.showToast消息显示框手机预览失败

http://www.moquu.com/v/1574.html

新人跳坑系列《十九》swiper无法保持宽高比

http://www.moquu.com/v/1572.html

新人跳坑系列《二十》文本溢出

http://www.moquu.com/v/1571.html

更多新手跳坑指南

http://www.moquu.com/t-1-1.html

七、小程序图书干货

1、免费在线的小程序培训课程大全

http://www.moquu.com/v/1636.html

2、微信小程序设计规范PDF版

http://www.moquu.com/v/1635.html

3、node及js类书籍分享(130本)

http://www.moquu.com/v/1634.html

4、微信小程序框架脑图全解,一眼看清框架构造,学习必备

http://www.moquu.com/v/1633.html

5、微信小程序开发手册PDF

http://www.moquu.com/v/1626.html

6、小程序自定义组件实战

http://www.moquu.com/v/1632.html

7、野狗与微信小程序

http://www.moquu.com/v/1631.html

8、小程序入门指南

http://www.moquu.com/v/1630.html

9、从HTML5到微信小程序

http://www.moquu.com/v/1629.html

10、oschina源创会大会分享PPT下载

http://www.moquu.com/v/1628.html

11、微信小程序官方设计指南及建议PDF版

http://www.moquu.com/v/1627.html

12、微信小程序设计控件库源文件

http://www.moquu.com/v/303.html

八、小程序必备插件

1、一个微信小程序模版程序框架

http://www.moquu.com/v/1647.html

2、微信小程序经典APP按钮指示器框架

http://www.moquu.com/v/1646.html

3、微信小程序模块化开发框架labrador

http://www.moquu.com/v/1645.html

4、野狗SDK(微信微信小程序版)

http://www.moquu.com/v/1644.html

5、一个为微信小程序开发准备的基础骨架

http://www.moquu.com/v/1643.html

6、处理微信小程序会话

http://www.moquu.com/v/1642.html

7、微信小程序云端增强 SDK

http://www.moquu.com/v/1641.html

8、微信小程序集成redux,提供快捷的开发环境

http://www.moquu.com/v/1640.html

9、一个开放的、运行微信小程序的Web MINA框架

http://www.moquu.com/v/1639.html

10、微信小程序Canvas增强组件

http://www.moquu.com/v/1638.html

11、微信小程序-简易框架

http://www.moquu.com/v/1637.html

12、可视化小程序UI设计工具layout

http://www.moquu.com/v/673.html

13、微信小程序后台内容管理程序laravelPCMS

http://www.moquu.com/v/447.html

14、小程序脚手架及html编译工具

http://www.moquu.com/v/446.html

时间: 2024-10-29 18:38:24

史诗手册!微信小程序新手自学入门宝典!你想要的都在这里的相关文章

《微信小程序:开发入门及案例详解》—— 导读

前 言      自2016年9月21日微信小程序公布以来,微信技术群中关于小程序的讨论就没间断过,这是又一次创业的好机会,尤其是对中小企业扩大网络影响力很有利.我们在抓紧时间学习小程序的过程中,总结并实践了小程序的功能,并希望通过这本书传达给广大的读者.我们在编写过程中正临电商行业中最忙的几个月,双11.双12.圣诞节.元旦节等需求已经堆叠如山,我和边思白天处理公司需求,晚上编写书籍,几乎没有周末,这样坚持了几个月终于完成本书,直至交稿时才如释重负.      小程序刚发布不久,很多功能都还在

《微信小程序:开发入门及案例详解》—— 2.5 模块化

2.5 模块化 小程序逻辑层语言是JavaScript,而JavaScript作为脚本语言在设计初期仅是为了实现简单的页面交互,由Brendan Eich在1995年花了不到十天时间发明出来,语言本身缺失了很多用于支撑大型项目的设计,而现在前端业务逻辑越来越复杂,代码也越来越多,很多问题就暴露出来.模块化主要解决JavaScript中命名冲突和文件依赖这两个问题,现在模块化在前端中使用比较广泛,如Nodejs.Requirejs.Seajs.Webpack等,它们大部分都遵循或者接近Common

《微信小程序:开发入门及案例详解》—— 1.3 第一个小程序

1.3 第一个小程序 完成开发准备后我们便可以开始编写小程序,微信小程序的开发十分简单,大家可以快速上手.下面我们利用官方提供的dmeo让大家对小程序开发有初步认识.1)打开微信开发者工具.第一次启动需要扫描二维码登录,如图1-9所示,开发权限配置参照上一小节. 2)登录后选择"添加项目".3)在填写项目信息之前,先创建一个空目录作为项目资源目录,这里我们以E:\weixin\demo为例.4)填写项目信息.如果没有AppID可以选择"无AppID":填写项目名称,

《微信小程序:开发入门及案例详解》—— 2.4 框架页面文件

2.4 框架页面文件 小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小程序会根据app.json配置的路径找到对应的资源进行渲染. ◇ .js文件:页面逻辑文件,必要项. ◇ .wxml文件:页面结构文件,必要项. ◇ .wxss文件:页面样式文件. ◇ .json文件:页面配置文件. 与框架主体文件相比框架页面文件多了一种页面结构文件,其余3个文件和框架主体文件的功能类同,下面我们一一讲解每个文件作用. 2.4.1 页面配置文件

《微信小程序:开发入门及案例详解》—— 第3章 布局 3.1 基本知识

第3章 布局 WXSS实现了CSS布局相关的大部分规范,但在一些细节上有差异,甚至同样的语法在小程序调试工具和微信中的表现也存在差异.本章主要讲述CSS布局相关的一些基本知识,包括经典的盒子模型.浮动定位.绝对定位以及近几年提出的Flex布局.这些基本知识在WXSS也是通用的.对于其他一些特性,开发者可在开发过程中尝试,如果大家想对CSS有更深的了解可以参考网络资料或<CSS权威指南>.这里再次提醒大家,在代码编写过程中一定要开启开发者工具中的这个功能:"开启上传代码时样式文件自动补

《微信小程序:开发入门及案例详解》—— 第2章 小程序开发核心 2.1 简介

第2章 小程序开发核心 上一章讲解了小程序创建流程,本章主要为大家讲解小程序框架及核心内容.小程序框架可让开发者在微信中用尽可能简单.高效的方式开发出具有原生App体验的服务,这套框架控制着小程序完整的生命周期,负责页面的加载.渲染.销毁等工作,它是小程序的核心,学习小程序前,我们一定要对这套框架有深入的了解.本章主要对小程序目录结构.文件类型进行详细分析,重点介绍小程序视图层WXML.MXSS,逻辑层JS,这些是小程序开发的核心内容.本章个别小节内容比较深,学习过程中不必过于深究,能对框架有个

《微信小程序:开发入门及案例详解》—— 2.2 “徒手”创建小程序

2.2 "徒手"创建小程序 为了让开发者更好地理解小程序框架运行机制,接下来将带领大家"徒手"创建一个结构最简单的小程序,这样每个细节都是开发者自己完成的,这对理解小程序框架有很大帮助.步骤如下: 1)创建项目目录,这里以E:\weixin\myproject为例. 2)按图2-2所示的目录结构创建文件: 3)打开app.json,写入以下代码: { "pages" : [ / 指定默认启动页面地址 / "mypages/index/i

《微信小程序:开发入门及案例详解》—— 1.2 接入流程

1.2 接入流程 小程序与订阅号.服务号.企业号是并行的体系,具有独立的注册.发布流程.开发小程序首先前需要在微信公众平台上注册小程序,完善基本信息,然后下载开发者工具进行编码,最后通过开发者工具提交代码,官方审核通过后便可发布.要注意的是,现阶段每个机构账号只允许注册最多50个小程序,每个小程序一年需要缴纳300元,所有小程序都需要绑定一个电子邮箱,一个手机号码最多只能绑定5个小程序. 1.2.1 注册小程序帐号 注册小程序帐号只需如下四步: 1)在微信公众平台官网首页,点击右上角的"立即注册

《微信小程序:开发入门及案例详解》—— 2.3 框架主体文件

2.3 框架主体文件 框架主体文件由app.json.app.js.app.wxss构成,这3个文件必须放置在项目根目录,一个小程序只有一份,它们负责小程序整体的配置: app.json:小程序公共设置,配置小程序全局设置. app.js:小程序逻辑文件,主要用于注册小程序全局实例,编译时会和其他页面逻辑文件打包成一份JavaScript文件. app.wxss:小程序公共样式表,对所有页面的布局文件都有效. app.json和app.js是必须存在的,app.wxss不是必须创建的,可以根据项