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

894974231 发布于2019-08-23 12:48 / 2269人阅读

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

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

准备工作

开发工具下载地址（竟然隐藏在一个超链接里，真的很不醒目啊)：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 2019-08-29 16:25 评论0 收藏0
微信小程序input标签正则初体验

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

shixinzhang 2019-08-26 12:14 评论0 收藏0
微信小程序input标签正则初体验

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

_Suqin 2019-08-02 11:17 评论0 收藏0
微信小程序初体验，入门练手项目--通讯录，后台是阿里云服务器

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

kel 2019-08-23 12:41 评论0 收藏0