美文网首页
2018-02-29-1组件+框架知识

2018-02-29-1组件+框架知识

作者: 幸福晓杰2016 | 来源:发表于2018-03-01 13:46 被阅读9次

组件,就是iOS开发中的UI控件,属于WXML里面的内容

各种组件有公共属性与特殊属性
属性的类型:基本是是变量类型与一些特殊类型,如:事件类型
属性只写名称,默认是布尔值true

组件分为7大类,共21个小组件和1个webview

突然发现框架里面很多知识点还没有看完,重新回去看了

框架---逻辑层

1.注册程序
2.场景值
3.注册页面
4.路由
5.模块化 引入模块化的js文件

框架——视图层

两大块 WXML 与WXSS
WXML中有个WXS脚本语言,不同于JavaScript,有自己的语法,可以构建出页面的结构。wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。

WXML

1.数据绑定
2.列表渲染
3.条件渲染
4.使用模板
5.事件
6.引用 引用是指引入已经写好的wxml文件,一种引用模板,一种复制代码

#######WXS
1.模块
WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内,或以 .wxs 为后缀名的文件
每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。
每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。
一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
2.变量
3.注释
4.运算符
5.语句
6.数据类型
7.基础类库

WXSS(学习一下CSS)
自定义组件(略,可以先不看)
小程序分包加载技术
整个小程序所有分包大小不超过 4M
单个分包/主包大小不能超过 2M
对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作

在app.json里面配置分包字段,并进行声明

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subPackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat",
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    }
  ]
}
微信客户端小程序的基础库(每一个微信版本都附带基础库)
兼容问题 (新接口、新功能与废弃接口、废弃功能)版本号与函数 wx.canIUse
运行机制 启动、更新、再次打开
性能

1.setData 切忌频繁(毫秒级)使用
2.setData 切忌传递大量新数据 当数据量过大时会增加脚本的编译执行时间,占用 WebView JS 线程,
3.后台态页面不应该进行 setData
4.图片资源
少用大图片
避免太多长列表图片
5.去除不用的资源库,减少代码包的大小
及时清理没有使用到的代码和资源
6.控制代码包内图片资源

相关文章

网友评论

      本文标题:2018-02-29-1组件+框架知识

      本文链接:https://www.haomeiwen.com/subject/asfixftx.html