1.盒型 width height padding padding-left padding-right padding-top padding-bottom margin margin-left margin-right margin-top margin-bottom border border-style border-width border-left-width border-top-width border-right-width border-bottom-width border…

一.说明 weex 对于 css 样式的支持是非常有限的,并且使用样式的时候,必须遵循 weex 定义的规则. 对于不遵循 weex 样式规则的代码,往往在 web 页面上有效,而在 native 环境没有任何作用. weex 官方文档中,有专门的样式介绍: http://weex.apache.org/cn/wiki/common-styles.html 我最早只用 weex 的时候,想当然的觉得,反正会 vue,直接写就行了,但是后面发现,还是需要认真的去读官方的文档,很多注意事项,都是文档…

weex框架的使用 1.weex开发入门 2.weex开发环境搭建 3.掌握部分weex组件模块 4.了解一些vue基本常见语法 5.制作一个接近原生应用体验的app weex介绍 安装开发环境 Weex样式,内建组件,模块和事件 html,JavaScript,Css的概念 weex开发环境的搭建 安装依赖 node.js npm install -g weex-toolkit weex -v npm install -g weex-toolkit Weex init project 安装依赖…

无论的原生开发还是weex开发,经常会需要我们对一些组件/控件动态赋值,在原生中,我们大家都知道,对控件setText就可以了,那么在weex中呢,我们需要怎么做呢,其实很简单,几行代码就可以搞定!首先呢,需要知道一个概念叫“数据绑定”,即组件会根据内容的变化重新进行渲染,先看一下效果展示及代码: <template> <div style="justify-content: center;align-items: center;flex-direction: column&q…

8.4 Weex 双11会场大规模应用的秒开实战和稳定性保障 前言 Native 开发的诸多亮点中,流畅体验和系统调用是最多被提及的.流畅体验体现在页面滚动/动画的流畅性,背后是更好的内存管理和更接近原生的性能:同时又是 Web 的痛点:资源首次下载.长页面内存溢出和滚动性能.动画性能.传统 web 性能(如JS执行效率).Native 有丰富的系统调用能力,而 Web 痛点在于:W3C 标准太慢,有限的设备访问能力,API 兼容性问题较严重,如 Geolocation 在 Android We…

weex 的image用来渲染图片, 可以使用img作为它的别名. 需要注意的是,他的长度可宽度必须指定, 不然它是不会工作的. 它没有任何的子组件. 有两个属性: src 用来指定图片的地址图片. resize 它的值是string, 默认是伸展(stretch),  如果没有任何指定, 他的值可能是覆盖(cover), 它的意思和W3C定义的标准是一样的. 所拥有的样式和事件都和基本的样式,事件一样.…

今天学习了一下weex的 scroller.就简单地对其整理一下自己的学习笔记. <scroller>这个标签只能出现在列(column)上面, 只有当它自己的内容大于类似与PC父级的高度时, 它的滚动条才会出现. 它支持所有的组件作为它的子组件. 属性(Attribute) show-scrollbar:  是否显示滚动条.它需要的值是一个Boolean值.其中它的默认值是true. 作用是:是否显示滚动条. scroll-direction:  定义组件滚动的方向.它有两个值:horizo…

这里整理当前已译出的Weex中文文档,如需查阅完整Weex文档,请访问http://alibaba.github.io/weex/doc/ . 同时也欢迎大家参与Weex中文文档翻译 [Guide] 快速上手 语法综述 数据绑定 样式和类 事件 显示控制逻辑 渲染控制逻辑 组件封装 找节点 组件通讯 页面配置和数据 [How-tos] [Preview In Browser] [Preview in Native] [Customize a native Component] [Customiz…

原文地址:http://www.infoq.com/cn/articles/introducing-weex 在2016年4月份的QCon上,阿里巴巴资深总监,淘宝移动平台及新业务事业部.阿里百川负责人庄 卓然(花名南天)宣布阿里移动端跨平台开发框架Weex开始内测,并将于6月份开源.在QCon的第二天,阿里技术专家徐凯(花名鬼道)和阿里前端开发专 家赵锦江(花名勾股)向参会者做了<Weex——灵活的移动端高性能动态化方案>的演讲,对这一技术方案进行了详细的剖析. 以下为演讲内容的整理: 昨天…

1.一旦数据和模板绑定,数据的变化会立即体现在前台的变化 <template> <container> <text style="font-size: {{size}}">{{title}}</text> </container> </template> <script> module.exports = { data: { size: 48, title: 'Alibaba Weex Team' }…