小程序学习
御前吹水
python待就业
展开
-
微信小程序学习日志:代码结构简介以及配置文件的区别
打开小程序的微信开发者工具后,在编辑器界面的可以看到有app.js,app.json,app.wxss,project.config.json这四个文件和pages,utils这两个文件夹。接下来谈谈每个文件和文件夹的作用project.config.json保存微信开发者工具的配置信息。微信小程序开发者工具自动在根目录下生成这个文件,用户可以在需要的时候导入这个文件从而导入文件中包含的个性化配置...原创 2018-04-15 12:22:49 · 677 阅读 · 0 评论 -
微信小程序学习日志:创建第一个微信小程序
首先,在已有小程序账号和填写完基本信息的前提下,打开微信开发者工具,点击小程序项目然后出现下图所示窗口,在项目目录里填上你所期望的小程序根目录,如果这一栏不填,开发工具会自动添加一个根目录,建议自己设置根目录比较好;AppID填写在小程序微信公众平台开发设置中找的小程序id或者是点击体验后面蓝色的“小程序”;项目名称是传统的helloworld。初学的话建议别勾选下面的建立模板。接着点 确...原创 2018-04-15 17:35:24 · 1438 阅读 · 0 评论 -
微信小程序学习日志:wxml框架特性之数据绑定简述
小程序中的数据绑定有点类似于C的宏定义或者是变量赋值,就是把一个数据赋给另外一段字符串,接下来是简单的数据绑定。 所有的数据绑定要在页面js文件中用data函数完成,在wxml中使用绑定的数据要加上双大括号“{{}}”。 我的页面名称是helloworld。现在在helloworld.js文件中完成数据绑定,message所绑定的数据是“小帅哥快来玩呀”这个句子接着到wxml中去引用,...原创 2018-04-16 12:48:59 · 582 阅读 · 1 评论 -
微信小程序学习日志:wxml框架特性之列表渲染简述
列表渲染有点像数据结构中的遍历操作,就是对列表里每一项进行操作。接下来是案例。 先在页面的js文件中利用数据绑定绑定一个列表。 然后利用wx:for绑定这个数组 第二个view标签中"wx:for-item="haha"是把数组当前元素变量名改为haha的意思。wx:key这个其实我暂时也是一知半解,还需深入学习。它可以为列表元素指定一个唯一的标识符,如果不加上去会有一个warning...原创 2018-04-17 01:11:55 · 386 阅读 · 0 评论 -
微信小程序学习日志:wxml框架之条件渲染特性简述
条件渲染就像是c++里的条件语句而已,感受一下条件渲染特性 如图,在页面wxml文件中写下如下代码。由condition的值来判断输出“当代青年的任务是什么”的答案condition的值在该页面js文件中利用数据绑定赋值,并且用了两个不同的函数。Math.floor函数是将数字往下取整,相当于c++里的float转换成int。Math.random函数是在【0,1)中取一个数 编译后js中...原创 2018-04-17 17:59:04 · 305 阅读 · 0 评论 -
微信小程序学习日志:模板引用简述
1、在同一个wxml文件创建和引用模板先去template页面的js文件中定义一个item对象,该对象包含姓名、性别与学号创建一个模板利用template标签,template标签中的name属性表示这个模板的名称,引用时需要用到这个名称。引用时需要用到template的is属性,填入的是模板名称,表明引用的模版;data属性传入模板一个对象。“...”是扩展运算符,合理分配对象内容。编译得2、在...原创 2018-04-18 01:32:22 · 1126 阅读 · 0 评论