一 概述

本文通过比较数字大小的案例,来学习小程序中的一些基础知识,包括页面组件、页面样式、页面逻辑的编写,了解配置文件中常见配置的含义,利用事件、数据绑定、条件渲染、表单等方式实现小程序的页面交互

二 创建项目

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)相关推荐

  1. 微信小程序开发之——比较数字大小-页面样式(2.3)

    一 概述 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式.WXSS具有CSS大部分特性,并在CSS基础上做了一些扩充和修改. 二 选择器 2.1 概述 W ...

  2. 微信小程序开发篇-canvas保存图片大小问题

    最近在做微信小程序的开发项目,记录些开发过程中踩过的坑,希望能帮到有相同问题的朋友. 第一个坑,canvas保存出的图片宽高变大了 1.项目中将图片画到canvas上进行编辑,再通过canvas保存编 ...

  3. 微信小程序开发教程(二)创建第一个微信小程序

    在安装完"微信Web开发者工具"之后,通过开发者的微信扫码进入后,如图. 点击"添加项目",填入之前获得的AppID(无AppID可忽略),输入项目名称&quo ...

  4. 微信小程序开发导航:精品教程+网友观点+demo源码(5月9日更新)

    1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...

  5. 微信小程序开发大赛经验总结

    微信小程序开发大赛经验总结 直接上项目什么的,太肤浅了. 看看可能可以避过很多的不用走的坑哦! 个人经历 最近也是在做微信小程序,玩一玩. 我的微信小程序创造路程可谓是艰辛.我从大一下就开始独自开发, ...

  6. java写微信小程序答辩问题_java微信小程序开发中加密解密算法总结

    详解java微信小程序开发中加密解密算法 一.概述 微信推出了小程序,很多公司的客户端应用不仅具有了APP.H5.还接入了小程序开发.但是,小程序中竟然没有提供Java版本的加密数据解密算法.这着实让 ...

  7. 微信小程序开发优秀教程及文章合集第一期

    2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...

  8. 微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送

    微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送 前言 流程 完事 前言 最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...

  9. 微信小程序开发 | 微信小程序入门

    微信小程序入门 1.1 初识微信小程序 1.1.1 什么是微信小程序 1.1.2 微信小程序的账号 1.1.3 微信小程序的特点 1.1.4 微信小程序的发展前景 1.2 开发环境搭建 1.2.1 注 ...

最新文章

  1. mysql 5.7笔记_关于MySql 5.7.29免安装版本的一个笔记
  2. μC/OS-I移植需要编写的文件
  3. Android 4.4(KitKat)表格管理子系统 - 骨架
  4. 贪婪算法近似集合覆盖问题的解
  5. AcWing 4240. 青蛙(最短路 or 最小生成树)
  6. testbench通用模板
  7. java中412是什么错_HTTP 412 错误 – 先决条件失败 (Precondition
  8. OLLYDBG逆天 往事随风修改专版
  9. PHP中数组实际占用内存大小的分析
  10. php一般培训呢多久,php的培训一般课程是多久
  11. 一行python代码能实现什么丧心病狂的功能_一行Python 能实现什么丧心病狂的功能...
  12. png图片尺寸大小调整
  13. Verification failed while extracting uws@10.148.2: prebuild-install WARN install No prebuilt binarie
  14. jenkins checkstyle:local variable hides a field
  15. flash loader下载使用说明
  16. 二阶常系数非齐次线性微分方程的通解
  17. jsliang 求职系列 - 40 - CSS 移动端
  18. 微软SQL Server2012增长对Hadoop的支撑
  19. cmd操作txt文件
  20. 企业注销要谨慎,这些注意事项你要知道

热门文章

  1. 05 C语言框架讲解(嵌入式C语言要学哪些内容,学习路线)
  2. hbase bulkload 出现 Retry attempted x times without completing, bailing out解决
  3. 教程篇(7.2) 14. Fortinet单点登录 FortiGate基础设施 ❀ Fortinet网络安全专家 NSE4
  4. Fomo3D系统源码讲解
  5. 中国生物降解塑料市场预测与投资战略报告(2022版)
  6. Windows下自动化批量运行CMD命令
  7. 【趣图】开发人员腹黑的一面
  8. Web开发和设计精华文章推荐【系列三】
  9. QQ MSN wangwang 直接联系
  10. NR PDSCH(五) PDSCH 信道编码与调制流程