![](https://img-blog.csdnimg.cn/20200410162816611.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序学习笔记
文章平均质量分 81
微信小程序学习笔记
心湖中的石子
这个作者很懒,什么都没留下…
展开
-
小程序看练代码03完结--撩课api地址,swiper,options, movable-area,scroll-view,组件的外部样式类,自定义组件案例
1、swiper轮播图<!--pages/swiper/swiper.wxml--><swiper class="myswiper" indicator-dots indicator-color="white"indicator-active-color="tomato"autoplay iterval="2000" circular vertical> <swiper-item> <image class="myimage" src="/a原创 2021-02-17 12:56:36 · 164 阅读 · 0 评论 -
小程序看练代码02--模板、封装模板,include模板,wxs,全局样式,导入样式,微信基础样式库,hover-class等,过渡动画,空格使用,图片懒加载,ico图标,图像vh居中,矢量库,表单
1、定义及使用模板模板没有自己的js,也没有自己的监听,而是直接使用页面的js和监听。请更倾向去使用组件<text>模板的使用</text><!--模板的定义,要给模板命名,数据部分使用mustache加对应数据键名--><template name="mytemp"><view class="mytemp"> <view>{{title}}</view> <view>{{detail}}<原创 2021-02-16 13:16:11 · 479 阅读 · 0 评论 -
小程序看练代码01--flex布局,图标库,b站多倍速、*this禁止复用,setdata,输出绑定id,data-绑定数据,catch时间,父子组件传值properties,css动画
1、flex布局的一些小知识.container{ display: flex; flex-direction:row;//flex方向:row水平 column纵向 justify-content: space-evenly;//水平排布时均分空白 flex-wrap: wrap;//wrap为换行,nowrap为不换行 box-sizing: border-box;//边框在内容内(不在向外扩展)}2、图标库阿里巴巴矢量库https://www.iconfont.cn/原创 2021-02-15 08:50:52 · 233 阅读 · 0 评论 -
邂逅小程序(王洪元)笔记03网络请求,api接口,模拟网路请求,showToast,sharAppMessage页面分享,open-type属性,小程序登录流程,界面跳转,跳转中传递数据,通过代码跳转
1、网路请求的基本使用可以用的url:http://152.136.185.210:7878/api/m5(需要后续参数传入)url:‘http://123.207.32.32:8000/home/multidata’,url:‘http://123.207.32.32:8000/home/data?type=sell&page=1’,index.jsPage({ data: { }, onLoad:function(options){ //发送网络请求原创 2021-02-03 23:54:10 · 921 阅读 · 0 评论 -
邂逅小程序(王洪元)笔记02事件绑定,event时间对象,事件的参数传递,事件冒泡和事件捕获自定义组件,组件和页面通信,组件向引用页传递事件,修改组件中的数据,单插槽,多插槽,组件监听生命周期函数
1、bind:xx和catch:xx绑定事件可以把bind和tap之间用冒号分割开来,ctache也可以<button bind:tap="click_me1">点击</button><button bindtap="click_me2">点击</button><button catch:tap="click_me3">点击</button><button catchtap="click_me4">点击</b原创 2021-02-02 16:53:21 · 327 阅读 · 0 评论 -
邂逅小程序(王洪元)笔记01git,mustache,事件监听,获取用户信息,open-type,全局变脸,使用系统照片,scroll-view,样式,尺寸单位,import导入,遍历起别名,wxs
1、使用git托管代码及设置tag使用git bash来初始化项目(需提前安装),进入到项目目录1、初始化项目git init2、添加文件git add .3、提交项目 git commit -m '项目名称(MiniProgramStudy)'4、获取git地址,添加文件git remote add origin https://github.com/hujianad/MiniProgramStudy.git5、push文件git push -u orig原创 2021-01-31 21:43:15 · 1663 阅读 · 0 评论 -
小程序学习笔记04(零基础玩转小程序)--自定义组件、组件的回调方法,父组件向子组件传递数据,子组件向父组件传递数据,生命周期
1、自定义组件–概述新增组件:创建文件夹,右键-》新建component一个组件由4个文件组成(js,json,wxml,wxss),如tabs.js,tabs.json等申明组件在需要使用组件的文件的json文件中的“usingComponent”,放入自定义组件,如tabs组件(通过添加键值对的形式完成,其中值为自定义组件的路径)实际就是哪个页面要使用这个组件,就在哪个页面的json文件中申明{ "usingComponents": { "tabs":"../../co原创 2020-11-15 16:26:31 · 673 阅读 · 0 评论 -
小程序学习笔记03(零基础玩转小程序)--常用组件view,text,image,swiper,navigator,richtext,button,icon,radio,checkbox
1、常用组件–viewview组件的hover-class属性wxml文件<view hover-class="myhover">here is some text of mine</view>wxcc文件view{ font-size:2em; width: 700rpx; height: 300rpx; border: 1rpx solid black;}.myhover{ color: blue;}2、常用组件–text长按可复制原创 2020-11-15 10:33:56 · 278 阅读 · 0 评论 -
小程序学习笔记02(零基础玩转小程序)--block占位符,条件渲染,小程序事件绑定、模板、样式中的calc,样式导入,选择器,使用less框架
1、block占位符渲染是会被小程序开发工具移除掉2、条件渲染wx:if="{{true/false}}"wx:ifwx:elifwx:else<view> <view wx:if="{{true}}">值为真时显示</view> <view wx:if="{{false}}">值为假时显示</view> <view wx:if="{{false}}">1</view> <view wx原创 2020-11-14 21:28:04 · 576 阅读 · 0 评论 -
小程序学习笔记01(零基础玩转小程序)--全局配置page、window、tabbar字段,单个页面配置,wxml的一般用法、字符替换、运算、列表渲染、对象循环
1、全局配置page字段在app.json文件中进行配置设置json文件的pages对象的值"pages":[ "pages/index/index", "pages/demo01/demo01", "pages/img/img", "pages/mine/mine", "pages/search/search", "pages/logs/logs" ],2、全局配置window字段配置导航栏颜色,下拉刷新等"window":{ "b原创 2020-11-07 09:29:24 · 529 阅读 · 0 评论