微信小程序开发之——比较数字大小-创建项目(2.1)
一 概述
本文通过比较数字大小的案例,来学习小程序中的一些基础知识,包括页面组件、页面样式、页面逻辑的编写,了解配置文件中常见配置的含义,利用事件、数据绑定、条件渲染、表单等方式实现小程序的页面交互
二 创建项目
2.1 小程序开发语言选择
小程序的开发语言有:JavaScript和Typescript
- JavaScript:简称js,文件后缀名是.js,是一种轻量级的解释性脚本语言
- Typescript:简称ts,文件后缀名是.ts,是微软开发和维护的一款面向对象的编程语言。它是 JavaScript 的超集,包含了 JavaScript 的所有元素,可以载入 JavaScript 代码运行,并扩展了 JavaScript 的语法。
2.2 创建项目
打开微信开发者工具,依次点击:项目——>新建项目打开新建项目对话框(语言选择JavaScript)
填写新建项目信息后,进入项目将除
project.config.json
的文件全部删除,点击“+”添加app.json文件app.json创建后,文件中添加如下代码,新增一个index页面
1 2 3 4 5
{"pages":["pages/index/index"] }
按Ctrl+S保存文件后,开发者工具会自动创建pages/index目录和index.js、index.json、index.wxml、index.wxss这4个文件
模拟器显示信息
模拟器预览结果显示的页面路径为pages/index/index.wxml,打开该文件,即可查看或编辑该文件中的代码1 2
<!--pages/index/index.wxml--> <text>pages/index/index.wxml</text>
三 参考
TypeScript 和 JavaScript 的区别?-知乎
Typescript 和 Javascript之间的区别-博客园
微信小程序开发之——比较数字大小-创建项目(2.1)相关推荐
- 微信小程序开发之——比较数字大小-页面样式(2.3)
一 概述 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式.WXSS具有CSS大部分特性,并在CSS基础上做了一些扩充和修改. 二 选择器 2.1 概述 W ...
- 微信小程序开发篇-canvas保存图片大小问题
最近在做微信小程序的开发项目,记录些开发过程中踩过的坑,希望能帮到有相同问题的朋友. 第一个坑,canvas保存出的图片宽高变大了 1.项目中将图片画到canvas上进行编辑,再通过canvas保存编 ...
- 微信小程序开发教程(二)创建第一个微信小程序
在安装完"微信Web开发者工具"之后,通过开发者的微信扫码进入后,如图. 点击"添加项目",填入之前获得的AppID(无AppID可忽略),输入项目名称&quo ...
- 微信小程序开发导航:精品教程+网友观点+demo源码(5月9日更新)
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
- 微信小程序开发大赛经验总结
微信小程序开发大赛经验总结 直接上项目什么的,太肤浅了. 看看可能可以避过很多的不用走的坑哦! 个人经历 最近也是在做微信小程序,玩一玩. 我的微信小程序创造路程可谓是艰辛.我从大一下就开始独自开发, ...
- java写微信小程序答辩问题_java微信小程序开发中加密解密算法总结
详解java微信小程序开发中加密解密算法 一.概述 微信推出了小程序,很多公司的客户端应用不仅具有了APP.H5.还接入了小程序开发.但是,小程序中竟然没有提供Java版本的加密数据解密算法.这着实让 ...
- 微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
- 微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送
微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送 前言 流程 完事 前言 最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...
- 微信小程序开发 | 微信小程序入门
微信小程序入门 1.1 初识微信小程序 1.1.1 什么是微信小程序 1.1.2 微信小程序的账号 1.1.3 微信小程序的特点 1.1.4 微信小程序的发展前景 1.2 开发环境搭建 1.2.1 注 ...
最新文章
- mysql 5.7笔记_关于MySql 5.7.29免安装版本的一个笔记
- μC/OS-I移植需要编写的文件
- Android 4.4(KitKat)表格管理子系统 - 骨架
- 贪婪算法近似集合覆盖问题的解
- AcWing 4240. 青蛙(最短路 or 最小生成树)
- testbench通用模板
- java中412是什么错_HTTP 412 错误 – 先决条件失败 (Precondition
- OLLYDBG逆天 往事随风修改专版
- PHP中数组实际占用内存大小的分析
- php一般培训呢多久,php的培训一般课程是多久
- 一行python代码能实现什么丧心病狂的功能_一行Python 能实现什么丧心病狂的功能...
- png图片尺寸大小调整
- Verification failed while extracting uws@10.148.2: prebuild-install WARN install No prebuilt binarie
- jenkins checkstyle:local variable hides a field
- flash loader下载使用说明
- 二阶常系数非齐次线性微分方程的通解
- jsliang 求职系列 - 40 - CSS 移动端
- 微软SQL Server2012增长对Hadoop的支撑
- cmd操作txt文件
- 企业注销要谨慎,这些注意事项你要知道
热门文章
- 05 C语言框架讲解(嵌入式C语言要学哪些内容,学习路线)
- hbase bulkload 出现 Retry attempted x times without completing, bailing out解决
- 教程篇(7.2) 14. Fortinet单点登录 FortiGate基础设施 ❀ Fortinet网络安全专家 NSE4
- Fomo3D系统源码讲解
- 中国生物降解塑料市场预测与投资战略报告(2022版)
- Windows下自动化批量运行CMD命令
- 【趣图】开发人员腹黑的一面
- Web开发和设计精华文章推荐【系列三】
- QQ MSN wangwang 直接联系
- NR PDSCH(五) PDSCH 信道编码与调制流程