小程序笔记

本文纯属总结笔记,均来源于网络

官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

一、常用知识点

1、框架包含配置(json)、逻辑层(js、API)、视图层(wxml,WXSS,组件)组成

2、冒泡事件:touchstart touchmove touchcancel touchend tap longtap ;bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

3、事件对象:type:代表事件的类型;timeStamp:页面打开到触发事件所经过的毫秒数;target:触发事件的源组件[id,tagName,dataset{书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType}];currentTarget:事件绑定的当前组件;touches:[Touch {pageX, pageY,clientX, clientY}];detail:自定义事件所携带的数据

4、wx:key 的值以两种形式提供:字符串(代表在 for 循环的 array 中 item 的某个 property)、 *this (代表在 for 循环中的 item 本身)

二、细节整理

1、常用快捷键:代码格式化:Shift+Alt+F 代码行缩进:Ctrl+[ 上移动一行:Alt+Up 向上复制一行:Shift+Alt+Down 选中光标当前行:Ctrl+i  选择从光标到行尾:Shift+End 选中所有匹配:Ctrl+Shift+L 打开或者隐藏模拟器:Ctrl + m 关闭当前文件:Ctrl + m

2、小程序默认首页:app.json中pages的第一个页面

3、自动生成默认page:在app.json中pages中添加新page的路径元素后点击Ctrl + S保存后自动生成相应的目录及文件

4、<block/> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性

5、

三、填坑之路

1、

时间: 2024-10-11 22:41:39

小程序笔记的相关文章

微信小程序笔记(三)

一个简单的开始页面 3-2 官方种子项目介绍与小程序的文件结构 以ihhone6,750px的像素设计最佳:750x1334;

小程序笔记(持续更新)

创建页面 1.微信小程序中的每一个页面的[路径+页面名]都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页. 2.每一个小程序页面是由同路径下面的四个不同后缀文件组成的:如index.js.index.json.index.wxml.index.wxxss.其中 .js后缀的文件是脚本文件 .json后缀的文件是配置文件 .wxss后缀的是样式表文件 .wxml后缀的文件页面结构文件

微信小程序 笔记

1.Input 输入控件 <input type='digit' placeholder='0.00'></input> 如果要使用单纯的数字控件,使那么可以将type设置为digit类型. 其它type的有效值如下: 2.Picker 选择器 项目中有要选择时间,日期的需求,就用到了这个选择控件. <picker mode="date" start="2013-09-01" end="2027-09-01" val

微信小程序-20170421学习笔记

/**     * 微信小程序 笔记     */ 1.文件结构        微信小程序 官方给与的结构为:        projectName            pages                index                    index.js                    index.wxml            app.js            app.json 这里重点看一下,app.json        {          "pages

微信小程序--图片相关问题合辑

图片上传相关文章 微信小程序多张图片上传功能 微信小程序开发(二)图片上传 微信小程序上传一或多张图片 微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传 微信小程序wx.previewImage预览图片 微信小程序之预览图片 小程序开发:上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器 微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Python Flask小程序文件(图片)上传技巧 小程序图片上传阿里OSS使用方法 微信小程序问题汇

单片机 学习笔记(二)——简单小程序

今天收获了单片机的几个简单小程序:     延时程序: void Delay(unsigned int xx) //输入 xx :ms { while(xx--) { Delay1ms(); } } void Delay1ms() //@11.0592MHz 1ms { unsigned char i, j; _nop_(); _nop_(); _nop_(); i = 11; j = 190; do { while (--j); } while (--i); } 流水灯程序: #include

微信小程序,学习笔记(一)框架,视图层

微信小程序,学习笔记(一)框架,视图层 学习链接:http://www.w3cschool.cn/weixinapp/ 因为其实并非原创,但是并没有什么好的类别可选,所以修改成:"翻译"了. 熟悉 文档结构介绍 --- [D] pages --- [D] utils --- [F] app.js --- [F] app.json --- [F] app.wxss 全局变量.对象.方法 普通类型 对象 App 应用程序全局实例,在app.js中定义,每个程序只有一个实例,可以通过如下方式

VSTO学习笔记(七)基于WPF的Excel分析、转换小程序

原文:VSTO学习笔记(七)基于WPF的Excel分析.转换小程序 近期因为工作的需要,要批量处理Excel文件,于是写了一个小程序,来提升工作效率. 小程序的功能是对Excel进行一些分析.验证,然后进行转换. 概述 小程序主界面如下: 首先选择一个日期和类别,从命名上对待分析的Excel文件进行过滤.点击[浏览]选择待分析的Excel文件所在的目录, 程序中会获取所有子目录.然后点击[执行分析]就会按照左边CheckBox中的选择进行分析,分析结果显示在每一行中间.[修改配置]可以对分析规则

Android编程权威指南-读书笔记(二)-第一个小程序

Android编程权威指南-读书笔记(二) -第一个小程序 第一个例子介绍 应用名为GeoQuiz.用户通过单击True或False按钮来回答屏幕上的问题,GeoQuiz可即时反馈答案正确与否. 这个例子为我们简单介绍了几个基本组件的使用,以及基本的事件监听.让我们对基本组件的使用和事件的监听有一个基本的了解. 这篇文章分为2个部分,第一部分就是创建简单的UI.第二个部分就是对这个UI增加代码来响应一些操作. (注:所有不明白或者不理解的东西其实都不重要,后面都会有更详细的介绍.) 本章的目标