258资源分享网

多项技能，好像也不错。学习一下微信小程序。　　教程：https://mp.weixin.qq.com/debug/wxadoc/dev/　　简介：一套用来开发在手机微信上运行的app框架，不用安装　　组成：结构文件wxml、样式文件wxss、js文件　　 ...

多项技能，好像也不错。学习一下微信小程序。

　　教程：https://mp.weixin.qq.com/debug/wxadoc/dev/

　　简介：一套用来开发在手机微信上运行的app框架，不用安装

　　组成：结构文件wxml、样式文件wxss、js文件

　　备注：wxml 和html是一样的，除了部分便签不一致；wxss和css是一样的；js同理

　　说明：支持双向数据绑定、ES6语法，遵循commonjs规范管理模块

　　首先在教程（https://mp.weixin.qq.com/debug/wxadoc/dev/）中找到工具，然后从“微信开发者工具”链接进入，下载开发者工具，之后安装。安装好后，用手机微信确定登录后，就可以创建项目了。如何创建可参照简易教程。

　　简易记事本 - 主要功能：

　　1. 列表展示

　　2. 新增/编辑

　　数据存储在storage中

简易记事本：

目录结构 列表 新增/编辑

　　在目录结构中的app.json中配置路由及导航条的基本设置，其中pages数组中的第一个就是入口的路由页面：

{

"pages":[

"pages/list/list",// 入口路由页面

"pages/add/add"

],

"window":{

"backgroundTextStyle":"light",

"navigationBarBackgroundColor":"skyblue",

"navigationBarTitleText":"简易记事本",

"navigationBarTextStyle":"#fff"

}

}

　　下面展示主要代码：

　　list.wxml中的内容如下，add.wxml同理，就不展示了。至于wxss和css一样，也不展示了。

class='page'>