关于微信小程序开发的知识点

1.小程序不可以使用现在以及存在的JavaScripst组件库(主要是其中的DOM);
2.pages由4部分组成:js,json,wxml,wxss
3.小程序快捷键:调整代码格式:alt+shift+f,格式化代码样式
4.常用标签:
   ·<view></view>:容器
   ·<text></text>:文本标签
   ·<image></image>:图片标签
5.对于文本来说,不用<text>标签包围其实也能显示出来文本,这里与html是一样的,
  但是我们为什么要用text标签包围文本呢?原因如下:
   ·小程序中只有被text包围的文字才能在手机上长按选中;
   ·用了text才能设置样式
(关于<text>sometips:<text>支持转义字符,eg:<text>Hel \n lo</text>,此时,\n不会被打印出来,而是会在lo之前换行)


6.关于样式应该写在何处的问题:
  ·如果是动态样式,则写入style中;
  ·如果是静态样式,则写入wxss中
7.swiper滑块视图容器
  ·想将图片显示完整,对swiper-item设置高、宽是没有用的,必须对swiper标签设置高宽
    但是若是想将图片充满整个画面,还是要对swiper-item设置高宽
  ·indicator-dots="true":显示面板指示点;
  ·autoplay="true":自动切换
   而如果要将boolean值设为false,则必须加上双花括号,才有用,而true不用加
   eg:autoplay="{{false}}"
8.自己新建的一个页面下的.json只能配置window,因此,在配置时,不需要加window
9.在做水平间距时最好用rpx,而垂直间距最好用px;
  因为手机的宽度是有限的,因此最好用rpx,来适应,
10.wx:if   控制标签显示或者隐藏
11.对标签属性做数据绑定要加“”,文本绑定不需要加""
12.block搭配wx:for="{{}}",实现循环,block相当于括号,for循环默认的子迭代:wx:for-item="item"(item指定一个元素)
   而若是想指定元素的序号,则:wx:for-index:"idx"
13.事件分为冒泡事件和非冒泡事件:
   ·冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
   ·非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
  
   任何一个事件在做事件绑定时,需要在前面加上bind/catch 
   eg:bindtap="onTap":当发生一个tap事件时,小程序会立即去JS里找onTap方法并执行
   ·bind&catch的区别:
     当使用catch时,会阻止冒泡事件
  
14.页面跳转:
  ·wx.navigateTo({url:""}),此时,跳转后的页面是之前页面的子页面,点击返回即可返回主页面,跳转后相当于主页面被隐藏起来了
  ·wx.redirectTo({url:""}),此时,为平行跳转,无法返回之前的页面,即之前的页面被卸载或关闭
15.页面生命周期:
  ·onUnload:页面卸载时执行
  ·onHide:页面隐藏时执行


16.template实现模板化技术
   模板文件只要wxml,wxss,脚本文件不能运行
  ·在wxml文件中导入模板时,用<import src="template的wxml文件的url" />(此处相对路径/绝对路径都可以)
  ·在wxss文件中导入模板时,用@import "template的wxss文件的url"
17.自定义属性
   data-自定义单词,即为自定义属性,
   自定义属性可以用若干个横线加若干个单词
   eg:data-postId
18.图片透明度设置:opacity:
  eg:opacity:0.6(当透明度趋近于0,则越透明)


19.同步与异步的区别
   !能用同步就用同步,尽量少用异步

猜你喜欢

转载自blog.csdn.net/yvonne_lu7/article/details/80417932