
微信小程序
mxb1234567
这个作者很懒,什么都没留下…
展开
-
微信小程序 笔记13 ES6语法
一些历史ECMAScript和JavaScriptECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)。日常场合,这两个词是可以互换的。ES6与ECMAScript2015的关系ES6既是一个历史名词,也是一个泛指,含义是5.1版以后的JavaScri...原创 2020-03-30 14:45:57 · 731 阅读 · 0 评论 -
微信小程序 笔记11 input组件 自定义组件
input组件type属性type属性有number(数字),text,idcard(身份证),digit(带小数点数字)参数confirm-type 设置键盘右下角按钮的文字,仅在type='text'时生效。例如:在键盘右下角加一个发送send,前往go,next下一个,done完成,search搜索 cursor-spacing 在输入框被键盘挡住的时候,指定...原创 2020-03-26 13:31:41 · 955 阅读 · 0 评论 -
微信小程序 笔记10 movable-view组件
movable-view组件正常情况下,一个组件设置了后,如果不通过 js 或者 css 动画,那么是很难实现移动的。如果我们有 些组件设置完成后想要能够移动。那么我们就可以借助 movable-view 组件来实现。组件必须放在movable-area组件里。这个组件目前项目上比较少见。例子:<!--me.wxml--><movable-area class...原创 2020-03-19 12:19:11 · 851 阅读 · 0 评论 -
微信小程序 笔记9 view scroll-view swiper组件
目录view组件scroll-view组价设置横向滚动设置竖向滚动一些属性swiper组件属性view组件视图容器。相当于是传统网页中的 div ,可以用来存放任何的其他子元素。官方文档属性:hover-class 点击效果,是一个样式类 hover-stop-propagation bool值,是不是阻止子事件点击效果向外传递 ...原创 2020-03-18 10:26:03 · 294 阅读 · 0 评论 -
微信小程序 笔记9 icon text input progress组件
目录icon组件text组件富文本 rich-textprogress组件checkbox组件icon组件官方文档图标。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。一共只有三个属性:size,type,color。其中type指的是icon的类型,有效值:success, success_no_circle, info, warn, ...原创 2020-03-16 16:37:13 · 262 阅读 · 0 评论 -
微信小程序 笔记8 WXS语法
WXS的作用在传统的网页开发中,HTML中是可以写JavaScript代码的,而在小程序中,是不允许在WXML文件中写JavaScript的,但是有些时候,我们需要在wxml中实现一些逻辑的处理。例子,我们渲染一个数字到wxml中,在wxml文件中根据这个数字来渲染具体星期几。这时候通过wxml文件中就做不了了,或者只能在JavaScript先计算好再渲染。如下:<!--m...原创 2020-03-12 16:37:28 · 609 阅读 · 1 评论 -
微信小程序 笔记7 Page对象
Page对象存在于每个页面的js里面,Page(Object)函数用来注册一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等(和app.js里面东西功能很像)。数据渲染data属性渲染需要放在模板中进行渲染的数据,需要放在Page对象的data属性中。 放到data中的值,只能使用可以JSON序列化的:字符串,数字,布尔值,对象,数组。...原创 2020-03-10 22:32:14 · 852 阅读 · 0 评论 -
微信小程序 笔记6 App生命周期函数
目录逻辑层生命周期函数onLaunch(options)onShow(options)onHide()onError(String error)onPageNotFound(Object)getApp()逻辑层小程序开发框架的逻辑层使用JavaScript 引擎为小程序提供开发者JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处...原创 2020-03-10 21:08:23 · 936 阅读 · 0 评论 -
微信小程序 笔记5 flex布局
HTML里面有盒子,盒子里面会有内容。那么内容到盒子的距离是padding属性(内边距、内补丁) 盒子到另一个盒子的属性是margin属性(外边距、外补丁) 边框本身有一个border属性padding:20px表示四个方向一样的padding:10px 20px第一个值代表上下第二个值代表左右padding:10px 20px 50px三个值比较少见,第一个值代表上下,第二个...原创 2020-03-09 16:31:24 · 476 阅读 · 0 评论 -
微信小程序 笔记 wx:key用法
什么时候用:数组内容会动态改变,要使用wx:key保持项目自己的特征和状态;不使用key的话会整个销毁再创建,导致性能下降什么时候不需要:数组是静态的不需要改变,不关注顺序,就可以不适用之前一直不理解wx:key是什么用法,举两个例子。在没引入wx:key之前<!--my.wxml--><view wx:for="{{lines}}"> <sw...原创 2020-03-05 15:34:12 · 16663 阅读 · 4 评论 -
微信小程序 笔记4事件
事件绑定下面这两种意义相同<!-my.wxml-->]<view bindtap="tapfun">请点击</view><view bind:tap="tapfun">请点击</view>//my.js部分tapfun:function(){ console.log("执行tapfun()") },获...原创 2020-03-05 15:08:59 · 213 阅读 · 0 评论 -
微信小程序 笔记3 WXSS
WXSS(WeiXin Style Sheets)具有CSS大部分特性。同时为了更适合开发微信小程序,WXSS对 CSS进行了扩充以及修改。主要体现在两个方面:尺寸单位 样式导入CSS两种写法:内嵌(内联)样式,行内样式,外链样式,导入样式优先级:行内>内嵌>外链导入方式/**temp.wxss**/.haha{ background: pink;...原创 2020-03-05 13:36:34 · 304 阅读 · 0 评论 -
微信小程序 笔记2 WXML
WXML与js数据一个示例对wxml和js里面的数据进行绑定和读取<view><!--相当于div--> <text>页面内数据</text> <text>{{name}}</text><!--可以用双花括号从data里面取数据--> <text>{{age+2}}</tex...原创 2020-03-02 17:29:05 · 193 阅读 · 0 评论 -
微信小程序 笔记1 配置
app.json下的window//app.json:注意json不能有注释,只是笔记{ "pages": [ "pages/index/index", "pages/logs/logs" ], //window控制的是导航栏 "window": { "backgroundTextStyle": "light", "navigationBar...原创 2020-02-27 16:46:17 · 176 阅读 · 0 评论