微信小程序----基础起步

◆  准备工作

首先需要在微信工作平台上申请一个账号:账号申请

根据指引填写好信息后就可以拥有自己的小程序账号了

登录 https://mp.weixin.qq.com ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID了 。

安装好开发工具后,IDE下载地址: 微信web开发工具,选择放代码的盘,填写好自己的AppID,勾选创建就得到自己的小程序了。

◆ 知识清单

JavaScript基础知识:JavaScript基础知识

CSS基础知识: CSS基础知识

HTML基础知识:HTML基础知识

◆ 代码构成

1. json配置

☆ 全局配置:app.json   

    作用:包含了页面的文件路径 、窗口表现 、网络超时时间 、底部tab

    参考文档:小程序的配置 app.json

 ☆ 工具配置:project.config.json

    作用:可以根据个人喜好做一些个性化配置

     参考文档:工具配置参考文档

 ☆ 页面配置:page.json

    作用:小程序页面相关的配置

    参考文档:页面配置参考文档

2. WXML 模板

    相当于html的角色,与之相似,但在标签上会有些不同,在小程序中经常使用的是view,text等。

    在开发模式上沿用了MVVM的模式,减少了对DOM的操作,使用模板语法来描述界面和状态。

    但是在写法上又与vue有所不同,类似if/else这样的判断语句需要加上wx: 开头。

3. WXSS 样式

    相当于CSS的角色,新增了尺寸单位rpx,不用开发者自己换算不同的设备上的像素。

    1rpx = 0.5px

4. J S 交互逻辑

    实现了界面与用户做交互



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,820评论 1 45
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,821评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,067评论 19 139
  • 思维导图技巧和准则 技巧和准则是用来促进而不是阻碍大脑自由发展的。事实上,真正的精神自由是从混乱之...
    熠悦之阅阅读 452评论 0 0
  • 在这里我并不想讲什么大道理,我只是想记下我想养成的第一个好习惯,就是拒绝拖延,立马行动! 每天感觉有好多事情,但...
    甄峸阅读 345评论 0 0