第一篇、微信小程序_01计算器

官方文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 一.计算器的首页布局第一部分WXML: <view class="content">  <view class="output">{{outputData}}</view>  <view class="…

编写第一个微信小程序界面不忘初心,方得始终:初心易得,始终难守. 传统的 web 结构小程序文件目录结构小程序页面层级结构编写第一个小程序 1. 创建小程序目录结构 2. 编写代码 welcome.wxml   <view class='container'> <image class='user-avatar' src='/images/1.jpg'>…

微信小程序-简易计算器

代码地址如下:http://www.demodashi.com/demo/14210.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1.基本需求. 简易计算器满足日常所用的的加减乘除计算带历史记录,查看过往计算 2.案例目录结构二.程序实现具体步骤 1.index.wxml代码  <view cla…

微信小程序开发教程（二）创建第一个微信小程序

在安装完“微信Web开发者工具”之后,通过开发者的微信扫码进入后,如图. 点击“添加项目”,填入之前获得的AppID(无AppID可忽略),输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录. 勾选“在当前目录中创建quick start项目”后,点击“添加项目”按钮,即已成功创建了我们第一个微信小程序项目——Hello WXapplet. 开发者工具操作与使用开发者工具界面基本分为四大区域:1区“顶部菜单”,2区“导航菜单”,3区“目录文件/模拟运行”,4区“编辑/调试…

第一个微信小程序（实现点击一个按钮弹出toast）

今天根据网上的教程搭建了微信小程序的环境,然后看文档做了一个简单的小应用. 项目的目录是这个样子的: app.js.app.json.app.wxss是全局文件,必不可少的文件.定义在app.wxss中的样式为全局样式,作用于每一个页面.在page的wxss文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖app.wxss中相同的选择器. app.js文件代码: App({ onLaunch: function () { console.log('小程序已启动') }, onShow: f…

昏睡了8年的我带着第一个微信小程序今年醒了

工作8年之久的我今年算是彻底长进了,以前是知道自己的水平不咋地,但是没什么行动,理由是3年抱2娃,需要照顾孩子. 去年年底偶然一次看技术贴的时候,看到了博客园这个平台,看了很多大牛们的经历,也知道公司大拿们的经历,所以今年暗中给自己鼓励,今年得给自己决心和行动,希望一样在技术上出类拔萃,公司是外企,活不多,由于一毕业就待着这公司,怕是养出坏习惯了,公司项目待了3,4个,一会C++, 一会JAVA, 到头来什么都不精,从2017年10月开始交接一个国外转过来的项目,由于只有2人接手,我负责JAVA…

第一个微信小程序

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app.这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈.这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路,不…