小程序
知道的越多 那么不知道的就越多
#RR
展开
-
微信小程序--初识微信小程序01
基本界面介绍文档连接一,wxml小程序文件结构和传统的web之间的对比全局变量app.json中的pages属性(app.json)全局配置文件中的window属性(app.json)数据绑定:index.js绑定数据界面以这种代码形式展示: index.wxml一些运算:列渲染:(需要渲染的数据)效果:二,wxss1.相比css新增了两个类型:①尺寸单...原创 2019-08-30 15:49:45 · 106 阅读 · 0 评论 -
微信小程序 ---设备及交互API 10
获取网络状态:wx.getNetworkType({ success: function(res) { console.log(res) }, })返回的数据返回设备信息:wx.getSystemInfo({ success: function(res) { console.log(res) },...原创 2019-09-08 01:35:16 · 565 阅读 · 0 评论 -
微信小程序 -- API(文件的上传于下载) 09
请求服务器数据wx.request:(发起请求访问api返回数据)wx.request({ url: 'http://www.baidu.com', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'applic...原创 2019-09-06 00:55:26 · 425 阅读 · 0 评论 -
微信小程序 --小工具08
开发文档导航 (navigator)页面点击跳转urlredirect相当于直接替换页面多媒体:1.image 2.audio 3.videoimage(图片组件)audio:(音频播放组件)其中有个错误码,可以用来判断错误的类型vieo:(视频播放器)画布与游戏canvas的使用。绘图API的使用。canvas:在页面中定义一个canvas就能在事...原创 2019-09-05 11:52:12 · 115 阅读 · 0 评论 -
微信小程序 -- 操作反馈小工具07
反馈工具有以下四种:action-sheet:类似滚动选择器model:弹出框toast:提示框loading:加载框action-sheet:(弹出并虚化背景控件)也可以传递数据model:弹出的提示框(感觉非常好用)可以给取消确定按钮添加事件toast:确认提示框可以设置弹出时间触发事件loading:加载透明框同样可以在事件中触发几秒关闭...原创 2019-09-05 01:48:28 · 252 阅读 · 0 评论 -
微信小程序 -- 基础组件06
基础内容组件icontextprogressicon:1.type=“icon” 2.size=“40” 3.color=“red”(有这三个属性)以下是各个图标的样式text:就是简单的文本支持在内容中写\n换行process:(进度条)可以设置进度条大小,颜色,是否走动表单组件buttoncheckboxinputlabelpickerradi...原创 2019-09-04 20:02:01 · 132 阅读 · 0 评论 -
微信小程序 -- 组件05
小程序开发文档view相当于前端的divscroll-view(就像一个可以拖动的长图)可以添加各种拖动长图时候的事件以及触发距离swiper:幻灯片/滑块视图容器也可以给切换幻灯片的时候添加事件:...原创 2019-09-04 18:50:35 · 74 阅读 · 0 评论 -
微信小程序---ui练习04
前端文档flex元素属性flex元素:当没有设置flex属性是时候是这样排列的:添加了flex之后是这样排列的(相当于浮动了起来)flex-wrap属性(换行属性)没设置之前是这样的:设置之后直接换行了(也有设置倒过来换行)justify-content:在主轴上对齐:center(居中) flex-end(右对齐) flex-start(左对齐) space-ar...原创 2019-09-04 02:17:54 · 134 阅读 · 0 评论 -
微信小程序--数据操作03
开发文档(API)数据绑定:需要调用的数据放在js的data目录下面,用key:value格式添加事件点击事件可以在wxxml调用事件(按钮调用btnClick事件)<button type="primary" bindtap="btnClick">{{text}}</button>点击后把文本内容更换(添加在js后面) btnClick:function(...原创 2019-09-04 00:56:00 · 128 阅读 · 0 评论 -
微信小程序 --模仿B站小程序项目02
全局wxss文件初始化:把 app.js,index文件夹里面的index.wxml,index.js和index.wxss里面的代码清空初始化下面两个文件:新建一个icons目录放这个三个图标:新建一个componemts:在index.json里关联MyTitle文件...原创 2019-09-01 00:10:15 · 724 阅读 · 0 评论 -
微信小程序 -- 路由配置,底部TabBar设计11
微信小程序使用的是MINA框架其中需要注意的几点是:App.json:文件用于对小程序进行全局的配置page:定义小程序的路由window:定义小程序的顶部菜单tabBar:定义小程序的底部TabnetworkTimeout:定义小程序的超时debug:定义小程序的debug模式路由的定义:pages属性中的第一个路由地址就是首页 "pages": [ "pag...原创 2019-09-10 00:32:10 · 554 阅读 · 0 评论