微信小程序
我学习微信小程序的记录
秃头的毛睿
爱好是力量,篮球和技术以及漂亮的姑娘;
梦想是做一名会编码的厨子。
展开
-
微信小程序学习(六)——WXSS样式
WXSS原创 2020-07-15 19:27:08 · 416 阅读 · 0 评论 -
微信小程序学习(七)——生命周期
生命周期原创 2020-07-15 17:15:58 · 227 阅读 · 0 评论 -
微信小程序学习(五)——自定义组件
类似于页面,一个自定义组件由json,wxml,wxss,js四个文件组成。创建自定义组件的文件夹先新建一个components文件夹(和pages文件夹同层级),再在文件夹中创建一个文件夹,里面新建与第二层文件夹同名的文件,并更改文件名后缀为.wxss或者其他三个,就会自动生成一个自定义的组件。想在页面中使用自定义组件的时候,就在页面配置.json文件中添加引用代码{ "usingComponents": { "Tabs":"../../components/Tabs/.原创 2020-07-15 11:24:29 · 976 阅读 · 0 评论 -
微信小程序学习(四)——小程序常见组件
1.view 标签——用于代替HTML中的 div 标签2.text标签——类似于HTML中的 span 标签 1)文本标签 2)只能嵌套 text 标签 3)只有text 标签带有长按文字可以复制的功能 4)可对空格、回车进行编码对文本文字长按复制,使用text 标签的selectable 属性对文本内容进行编码,使用text 标签的decode 属性,如果不使用decode 的属性,那么text标签会把像  (空格) 等编码内容打印出来,...原创 2020-07-14 21:33:09 · 1176 阅读 · 0 评论 -
微信小程序学习(三)——绑定事件
1.输入数值并在页面上显示input标签是输入标签,可以获取用户在页面上的输入,绑定一个input事件获取数据e,而input事件的名称是可以自己在JS文件的Page字段命名的。格式bindinput="函数名" 1)需要给input标签绑定input事件,绑定关键字bindinput 2)获取输入框的值,通过事件源对象来获取,通过控制台console.log(e)的打印发现,值被存放在e.detail.value中 3)把输入框中的值赋值到data中,但是不能像之前使用C...原创 2020-07-14 15:52:14 · 631 阅读 · 1 评论 -
微信小程序学习(二)——wxml页面渲染与数据绑定
1.<text></text>标签text 标签相当于以前web中的span标签,他是一个行内元素不会自动换行<text>遇见你真好,</text><text>再次见到你很开心</text>2.<view></view>标签view标签相当于以前web中的div标签,他是一个块级元素,会自动换行<view>我想要扣篮</view><view>也想原创 2020-07-14 14:51:20 · 1405 阅读 · 0 评论 -
微信小程序学习(一)——配置文件json
1.page字段——设置页面路径在app.json文件中的page字段中添加新的页面,小程序优先显示排在第一个的页面2.window字段——页面默认的窗口表现enablePullDownRefresh 属性是是开启页面的下拉刷新,该属性是默认false关闭backgroundTextStyle 属性是下拉刷新时的闪烁的黑点navigationBarBackgroundColor 属性是导航栏的背景色,如过没有特定在页面中的来设定颜色,那么所有初始页面的导航栏的颜色就是所设定的颜色.原创 2020-07-13 22:08:23 · 397 阅读 · 0 评论