微信小程序之菜鸟入门教学（二）

【微信小程序之菜鸟入门教学（二）】的更多相关文章

微信小程序之菜鸟入门教学（二）

昨天学习了一些简单的概念,今天开始实际操作,通过搭建简单的计算器来学习小程序的架构一.小程序框架程序框架如上图所示.由此可见,框架的基本构成为: 1. app.js . app.wxss 2. app.json 3. project.config.json 4. utils 文件夹 5. pages 文件夹 1. app.js 和 app.wxss 是小程序的全局配置文件,负责配置全局的通用样式.通用方法 2. app.json 是当前小程序的全局配置,包括了小程序的所有页面路径.界面表现.…

微信小程序从零开始开发步骤（二）创建小程序页面

上一章注册完小程序,添加新建的项目,大致的准备开发已经完成,本章要分享的是要创建一个简单的页面了,创建小程序页面的具体几个步骤: 1. 在pages 中添加一个目录选中page,右击鼠标,从硬盘打开,打开硬盘文件之后,新建一个文件夹test(或者点击+号,逐个添加目录,添加目录下面所需要的文件) 或者这样添加 2. 新建一个wxml 文件在test文件夹底下新建一个wxml空文件 3. 编辑test.wxml 文件为了方便测试我们随便填写点内容进去 <view class="c…

微信小程序把玩（三十二）Image API

原文:微信小程序把玩(三十二)Image API 选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用主要方法: wx.chooseImage(object) wxml  <button type="primary" bindtap="listenerButtonChooseImage">点击我选择相册</button> <…

微信小程序开发技巧总结（二） -- 文件的选取、移动、上传和下载

微信小程序开发技巧总结(二) -- 文件的选取.移动.上传和下载 1.不同类型文件的选取 1.1 常用的图片视频对于大部分开发者来说,需要上传的文件形式主要为图片,微信为此提供了接口. wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success (res) { // tempFilePath可以作为img标签的src属性显示图片 const…

微信小程序之菜鸟选手入门教学（一）

1. 小程序的优缺点优点:不需下载.卸载使用方便缺点:嵌套在微信中,属于微信的子应用2. 使用的技术实际上是Hybrid技术的应用Hybrid App (混合模式移动应用),使用网页语言和程序语言共同开发小程序兼具了Native App所有优势,也兼具了Web App使用Html5跨平台开发低成本注:微信小程序与传统app没有相互取代的可能,它们是相辅相成的 3. 主要用到的技术WXML——对Html5进行了简单的封装,并且去掉了一些微信小程序中用不到的标签WXSS——对CSS进行了简单的封…

史诗手册！微信小程序新手自学入门宝典！

一.小程序官方指南 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:小程序…