绑定手机号

应国家法规对于账号实名的要求,请您在进行下一步操作前,需要先完成手机绑定 (若绑定失败,请重新登录绑定)。了解更多

不绑定绑定手机号

360官网 | 360商城

推荐论坛版块活动众测商城积分兑换常见问题

网络请求
wx.request({
url:"地址",
success(res){
  res请求成功后返回的数据
}
})


配置json页面
“enablePullDownRefresh”:true,      允许下拉刷新
  "backgroundTextStyle":"dark"        背景文字颜色


下拉刷新
1.执行
  onPullDownRefresh:function(){
   this.getJoks();
  },
2.停止下拉刷新
  wx.stopPullDownRefresh();


上拉触底
onReachBottom: function () {
    this.getJoks(2);
  },


数组合并
A.concat(B)
A+B
B.concat(A)
B+A

本地存取
1.存
wx.setStorageSync('joks', that.data.joks);
2.取
wx.getStorageSync('joks')




弹性布局
.row{
  display: flex;                    开启弹性布局
  flex-direction: row;   项目的排列方向:row 横向  column  纵向
  flex-wrap: nowrap;   是否换行:nowrap不换行      wrap换行
  justify-content: space-around; 主轴(横向)对齐方式:flex-start左对齐        center居中    flex-end右对齐    space-between中间间距相等
    spac-around两边间距是中间的一半
height:120px;
align-items:flex-end;  辐轴(垂直)对齐方式:stretch拉伸    flex-start顶对齐    center居中    flex-end底对齐
align-content:space-around;  多轴对齐方式:flex-start垂直方向顶对齐    center垂直居中    flex-end垂直底
             space-between中间间距    space-around两头间距是中间间距的一半    stretch拉伸
}


页面跳转传参
<navigator url="xxx?id =youid">
onload(options){options.id就是传递过来的参数}


条件渲染的应用
v-if="{{表达式}}"若为真,则当前元素渲染,否则隐藏
wx:elif
wx:else


定位
固定定位:参照元素:屏幕的四个角
偏移:left: 50rpx; bottom: 50rpx;(偏移参照元素的左下角)
           right: 50rpx; top: 50rpx;(偏移参照元素的坐上角)
绝对:参照点:写过position:relative,absolute,fixed的父辈元素
相对:参照点是自己
概念:把一元素定位到页面的某个地方
特点:可能会是多个元素重叠在一起
层级:z-index
只对定位元素起效
其值越大,约会被现实到最上面


html转换为微信标签
1.通过<rich-text> nodes="html内容"
2.wxPrase插件实现


动态的设置页面的标题
wx.setNavigationBar({title:res.data.title,})

CSS选择器 (英文冒号,英文分号):
1.标签选择器:view{ }   范围广,慎用
2.类选择器:<view class="title">  .title{ }  常用
3.id选择器:<view id="time">  #time{ }
4.多类选择器:<view class="c1 c2">   .c1{ }    .c2{ }
5.后代选择器:<view class="parent">
    <text class="son">标签5</text>
    <text>标签6</text>
       </view>       .parent .son{ }   (parent与.son之间有一个空格)
id与class的区别:即身份证号与姓名的区别(身份证号不可能一样(更加精确),姓名可以一样)
一个标签可以有多个class



CSS文本属性:
文字大小:font-size
文字粗细:font-weight(100最细,400正常,900最粗)
文字样式:font-style(italic斜体,normal正常)
文字颜色:color(英文单词、16进制、rgb(0,0,0))


CSS中的单位:
1.rpx:把手机看成750rpx
2.px像素:通常电脑的屏幕宽1920
3.百分比


段落属性:
行高:line-height、1.5、32px
文本对齐方式:text-align:默认left(左对齐)、right、center
首行缩进:text-indent:2em(首行缩进两个字符)
文本装饰:none没有、overline上划线、line-through删除线、underline下划线

小程序模板语法:
文本渲染:{{msg}}
条件渲染:<view wx:if="{{islog}}">欢迎回来</view>
<view wx:else="{{islog}}">请登录</view>
列表渲染:data:{list:["1","2","3"]}
<view class="item" wx:for="{{list}}" wx:key="index">
    {{index+0}}-{{item}}
</view>
事件绑定(参数传递):<view bindtap="tapHd"data-item="我喜欢你">
.js里
  tapHd(e){
       console.log(e);
       let item = e.currentTarget.dataset.item;
       wx.showToast({
          title:'什么都没有!!!',
          icon:"none"
       })
    },


增加新的项目时:需要在app.json里将该项目提至最前

表单的双向绑定:
inputHd(e){
    this.setData({msg:e.detail.value});
  },                     
在.xml里有<input value="{{msg}}" bindinput="inputHd"></input>

list添加内容:
  confirmHd(){
   var list = this.data.list;
   list.unshift(this.data.msg);      //unshift 把数据添加到list数组最前面
   this.setData({list:list,msg:''})
  },
<input value="{{msg}}" class="inp" bindinput="inputHd" bindconfirm="confirmHd"></input>

删除内容:
delHd(e){
    var index =e.currentTarget.dataset.index;           //获取参数  
    var list=this.data.list;   //获取列表
    list.splice(index,1);   //删除元素
    this.setData({list});   //更新数据
  },
<text bindtap="delHd" data-index="{{index}}">x</text>

行与列的转换(display):
display:block将行转换为列      (宽默认100%)
display:inline将列转换为行         (内容宽)


设置border的三个方面:边线的粗细、样式、颜色
.text{display: block;border: 1px dotted green;}

边框圆角:
border-radius(1个值:所有角;2个值:对角线角;4个值:从左上顺时针)
画圆:正方形,圆角设置为边长一半(width: 100px;height:100px; border-radius:50px;)

盒子阴影:
box-shadow:0 5px 8px red;

设置文本到边框的距离:
padding:(1个值:所有;2个值:上下  左右;4个值:从上顺时针)
padding-left:(只设置左边距)

设置边框之间的距离:
margin:(1个值:所有;2个值:上下  左右;4个值:从上顺时针)
边框居中:1.边框有宽度  2.左右外边框为自动即auto margin:10px  auto

共 4 个关于微信小程序开发知识点的回复 最后回复于 2020-6-13 16:18

评论

直达楼层

头像被屏蔽
vixenxyy 禁止发言 发表于 2020-6-7 14:05 | 显示全部楼层 | 私信
提示: 作者被禁止或删除 内容自动屏蔽
七喜先生 VIP认证 超级版主 发表于 2020-6-7 22:35 | 显示全部楼层 | 私信
建议这位朋友可以以自己的专业知识去360问答社区(http://wenda.so.com/)相关分类中去帮助他人,赢取金币,兑换实物并从中得到助人的快乐!
360fans_FN5azI LV1.上等兵 发表于 2020-6-13 16:18 | 显示全部楼层 | 私信
一家专门做小程序的公司
睿智芯能科技
睿智芯能成立于2019年6月,是国内专业的智慧产业整体解决方案提供商。公司秉承“专业、高效、共享、生态”的经营理念,倡导“智慧商服、一触即达”,并持续创新,开放合作,在“智慧城市、智慧园区、智慧零售”等领域构建起“系统自主研发、解决方案与产品、运维服务、运营管理咨询等”全流程服务体系。
无效楼层,该帖已经被删除
您需要登录后才可以回帖 登录 | 注册

本版积分规则

MrGao_052 LV1.上等兵

粉丝:0 关注:0 积分:6

精华:0 金币:2 经验:5

最后登录时间:2020-6-7

360商城青铜会员

私信 加好友

最新活动

最新活动

排行榜

热度排行 查看排行
今日 本周 本月 全部
    今日 本周 本月 全部

      内容推荐 热门推荐最新主帖

        关注360粉丝团,了解最新活动,抽锦鲤大奖,还有在线客服小姐姐等你来撩哦~

        快速回复 返回顶部 返回列表