keep moving

从今天开始学习小程序，博客主要目的是帮助自己整理记忆，干货不多，写的也可能不全，有问题可以一起在评论区交流。WXML 的数据对应 Page 中的 data采用 Mustache 语法（双大括号 {{}} ）内容绑定，简单，不细说组件属性绑定实现动态属性，用法同内容绑定双大括号里可以放：三元运算符，算术运算，字符串运算，读取对象或数组内部的数据 ...

由于小程序内部是采用 CommonJs 进行模块的管理与处理，所以我们自己封装模块时，也要遵循 CommonJs 规范。定义模块    小程序帮我们完成了 define 的调用，我们只需编写模块内部的代码。在模块内部使用 module.exports 对外提供接口define(function(require,exports,module){ // 这里是模块的代码})调用模块    调...

首先得明确两点，关于JavaScript：局部变量不能在外部（公共区域）被读取函数内部可以直接读取全局变量（这点与 Java 等语言不同）function f1(){ var n=999;}alert(n); // error但有时候我们需要在外部读取局部变量，可以这样来做function f1(){　　　　var n=999;　　　　function f2(){　　　　　　al...

rpx （responsive pixel）：是 WXSS 中引入新的尺寸单位，可以适配不同宽度的屏幕，规定屏幕宽为750rpx。相对px能保证在不同尺寸的手机屏幕内相对位置不偏移。rpx 与 px 之间的换算：换算基准：以375个物理像素为基准，即在一个宽度为375物理像素的屏幕下，1rpx=1px...

主要包括 Flex 容器属性和 Flex 项目属性Flex 容器属性    flex-direction:项目元素排列的方向    row：项目从左向右排列    row-reverse：项目从右向左排列    column：纵向对齐排列，从上到下    column-reverse：反转纵向对齐排列，从下到上flex-wrap:项目元素排列的方式    nowrap：项目元素不会溢出，也不会自动...

element 元素选择器--1.class 类选择器-----10id 选择器---------100style 内联样式-----1000!important--------∞比如 view .name 的权重为1+100=101

话不多说，直接看代码<!-- index: int msg: string time: string --><template name="msgItem"> <view> <text>{{index}}:{{msg}}</text> <text> Time:{{time}}&l

在组件中加入 wx:if 来控制组件的显示与隐藏。当值为 true 时，对应组件会进行渲染，false 时则不渲染。需要进行多重判断时，<view wx:if="{{num>5}}"> 1</view><view wx:elif="{{num<2}}"> 2</view><view wx:el

列表渲染是指将一个数组中的所有数据依次展示在页面中。<view wx:for="{{array}}"> {{index}}:{{item.message}}</view>

view 组件    除了公共属性，view 组件还有以下四个属性scroll-view 滚动视图容器    可以在页面中形成一个可以滚动的视图区域，帮助开发者实现页面部分内容的滑动展示。    scroll-view 中不能使用 textarea、map、canvas、video 组件。    属性：        1.滑动方向设置：scroll-x （允许横向滚动）和 scroll-y （允许...