资讯专栏INFORMATION COLUMN

【个人】微信小程序初体验

894974231 / 2346人阅读

摘要:准备工作开发工具下载地址竟然隐藏在一个超链接里,真的很不醒目啊文档地址初次体验新建项目的时候,可以选择是小程序小游戏,这次我体验的是小程序的开发。可以配置小程序边界的,如顶部的导航栏的一些样式。

很早前就想体验一把小程序的开发了,如果熟悉三大框架的话,小程序的开发还是很容易上手的,所以只要跟着做一个小应用,加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用,初次体验的我觉得真的十分方便。

准备工作

开发工具下载地址(竟然隐藏在一个超链接里,真的很不醒目啊):https://developers.weixin.qq....

文档地址:https://developers.weixin.qq....

初次体验

新建项目的时候,可以选择是小程序/小游戏,这次我体验的是小程序的开发。
在选择项目文件夹的时候,这个目录就会被直接放入我们的代码。所以每次新建一个项目还要自己先把空文件夹建好。

默认代码

建好后,会有一些默认的代码给我们。我们可以先看这些代码来有一个大概的印象。

- /pages
  - /index
  - /logs
- /utils
  - util.js
- app.js
- app.json
- app.wxss
- project.congig.json

pages
如其名!肯定就是我们的所有的页面文件夹了,这里有index和logs两个页面,所以下面又各自有两个文件夹。
每个页面一般都有同名的js、wxml和wxss文件。其中wxml是写类似于html的文件,wxss则是写类似于CSS样式的文件。
还可以有json文件,用于多带带描述这个页面的一些信息。

utils
放的是应用要用到的工具函数,不是必须的。

app.js
整个项目的入口文件。

app.json
应用配置文件,这里主要有pages和window两项内容,pages配置的是拥有的所有页面地址。window可以配置小程序边界的,如顶部的导航栏的一些样式。

// 背景文字样式
"backgroundTextStyle":"light",
// 导航顶部背景颜色
"navigationBarBackgroundColor": "#fff",
// 导航标题文字
"navigationBarTitleText": "WeChat",
// 导航文字颜色
"navigationBarTextStyle":"black"

project.congig.json
项目配置文件

...今日困了,明天继续写

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99015.html

相关文章

  • 信小程序input标签正则体验

    摘要:下面我主要使用了小程序标签的方法对输入的值进行监听,然后进行正则匹配。标签微信小程序标签自带属性,可以调起带有小数点的数字键盘,属性可以控制我们输入字符的个数,然后我们给标签绑定方法。 开篇废话 在开发过程中经常遇到这样的需求:用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证,但是体验不是很好。下面我主要使用了小程序input标签的bindinput方法对输入...

    garfileo 评论0 收藏0
  • 信小程序input标签正则体验

    摘要:下面我主要使用了小程序标签的方法对输入的值进行监听,然后进行正则匹配。标签微信小程序标签自带属性,可以调起带有小数点的数字键盘,属性可以控制我们输入字符的个数,然后我们给标签绑定方法。 开篇废话 在开发过程中经常遇到这样的需求:用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证,但是体验不是很好。下面我主要使用了小程序input标签的bindinput方法对输入...

    shixinzhang 评论0 收藏0
  • 信小程序input标签正则体验

    摘要:下面我主要使用了小程序标签的方法对输入的值进行监听,然后进行正则匹配。标签微信小程序标签自带属性,可以调起带有小数点的数字键盘,属性可以控制我们输入字符的个数,然后我们给标签绑定方法。 开篇废话 在开发过程中经常遇到这样的需求:用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证,但是体验不是很好。下面我主要使用了小程序input标签的bindinput方法对输入...

    _Suqin 评论0 收藏0
  • 信小程序体验,入门练手项目--通讯录,后台是阿里云服务器

    摘要:最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境,并调试入门练手项目通讯录和基础即可微信推荐使用的语言,去菜鸟教程简单学习下,,,即可,方便大家学习。 一、前言(坑爹的玩意) 项目源码:https://github.com/saucxs/wx_... 微信小程序自从2017年,被各种看好,不过一段时间过去了还是反响平平,下半年随着各项功能的开放,很多企业...

    kel 评论0 收藏0

发表评论

0条评论

894974231

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<