美文网首页
Weex学习第三篇:模版,样式,脚本

Weex学习第三篇:模版,样式,脚本

作者: a762b3c4bd19 | 来源:发表于2017-01-07 16:52 被阅读16次

这两天把官方的教程都看了一遍,总体感觉是信息量很大,但是大部分和iOS原生开发有相似的地方,像UI,touch事件,数据绑定,数据处理等流程都是存在,区别在于语言和语法,虽然知识点,用法,API很多,有的常用的还需要记住,但是只要有耐心,一个一个的克服,结果肯定是好的。而且最近感受最深的是,写出来的博客是要经过自己反复验证的,保证99.99%正确后才能发出来,不能像以前那样跟发相声似的,所以后面出一篇文章可能用3,4天时间也很正常,尤其是在一开始,就有小伙伴支持鼓励,对我影响很大,也加重了我的责任感。

今天我们来介绍一下weex代码的三部分构成:template、style、script

第一部分:template

官方解释--必须的,使用 HTML 语法描述页面结构,内容由多个标签组成,不同的标签代表不同的组件。

可以看出里面其实就是html的代码,像title,body,表单等元素。

第二部分:style

官方解释--可选的,使用 CSS 语法描述页面的具体展现形式。

属于样式层,可以自定义class,虽然是可选的,但是建议是必须的,养成好习惯不要把所有代码都写到html里面,这样维护会很麻烦,层次不清晰。

第三部分:script

总结下来:这是一个典型的 M-V-VM 架构:通过 ViewModel 把 Model 和 View 建立更直接有效的关系,ViewModel 的实现以的内容为主。

数据绑定

总结:了解template,style,script各个模块的作用,把基础打好,就像刚开始学习MVC模式时,如果能坚持各个模块的代码分离,控制好相互之间调用的权限,对后面的编程会提高很多。

参考链接:https://weex-project.io/cn/doc/syntax/data-binding.html

的内容为主。

相关文章

  • Weex学习第三篇:模版,样式,脚本

    这两天把官方的教程都看了一遍,总体感觉是信息量很大,但是大部分和iOS原生开发有相似的地方,像UI,touch事件...

  • Weex学习样式总结

    盒子模型 注意: margin和padding的默认值是0. border: border-style边框样式,可...

  • PyCharm

    脚本模版

  • WEEX三要素与样式

    在iOS中,weex可以类似理解为“放大版”的JSBrdige,weex代码的三部分构成:template(模版)...

  • Weex——公共样式

    所有 weex 标签都有以下基本样式规则。 weex 盒模型基于 CSS 盒模型,每个 weex 元素都可视作一个...

  • 【学习】即兴演讲脚本模版

    以说服的原则为基础,讲话脚本模版包括以下四个部分: ①抓手 作为讲话的开始,抓手是用来吸引听众的。同时,它的内容必...

  • flex 总结

    布局相关 所有 Weex 组件都支持以下通用样式规则。 盒模型 Weex 盒模型基于 [CSS 盒模型],每个 W...

  • bash 脚本模版

    每个人或多或少总会碰到要使用并且自己完成编写一个最基础的Bash脚本的情况。真实情况是,没有人会说“哇哦,我喜欢写...

  • 学习微信小程序(3)——组件

    一、自定义组件 1、组件模版和样式 组件模版组件模版的写法与页面模板相同。组件模版与组件数据结合后生成的节点树,将...

  • 1.4(学习篇)

    html学习篇 网页文档的文件格式 .htm和html 网页的文件格式 样式文档 .css 网页的样式文件 脚本文...

网友评论

      本文标题:Weex学习第三篇:模版,样式,脚本

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