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

1 Weex介绍 weex是阿里2016年开源的一套跨移动端(Andriod/IOS/Wap)的前端框架,采用VUE,较React Native入门相对简单 官网地址 2 Weex安装与初始化 2.1 安装NodeJS和NPM 略过,默认安装了 注意:nodejs的版本须大于4.5.0 2.2 安装weex npm install -g week-toolkit,全局安装week工具集合 安装完成后命令行输入weex,查看是否有命令帮助内容,如果提示没有weex命令,表示weex没有安装好,检查…

这里整理当前已译出的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> <scroller> <div repeat="{{list}}"> <text>{{name}}: ${{price}}</text> </div> </scroller> </template> <script> module.exports = { data: { list: [ {name: '...', price: 100}, {n…

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

html标签 weex中没有标签的概念,html中标签对应于weex中的Components weex 无<span> .<p> ,用<text>替代.但是<text>内部不能嵌入组件 在HTML中通常使用的 <img> 标签在 Weex 中不支持,应该使用<image>. 内容部分有滚动效果,使用<scroller>.使用css的overflow属性不能让内容滚动. css语法 Weex 中只支持单个类名选择器,不支持关…

Weex学习与实践(一):Weex,你需要知道的事 本文主要介绍包括Weex基本介绍.Weex源码结构.初始化工程.we代码结构.Weex的生命周期.Weex的工作原理.页面间通信.boxmodel & flexbox.weex的缺点 基本介绍 A framework for building Mobile cross-platform UI 怎么解释它呢?我的理解就是weex = react-native +vue ,使用vue的API风格,两端的实现方式则和react-native,weex…

Weex入门与进阶指南 标签: WeexiOSNative 2016-07-08 18:22 59586人阅读 评论(8) 收藏 举报 本文章已收录于:  iOS知识库  分类: iOS(87)  职业 | 工作(36)  版权声明:本文为博主原创文章,未经博主允许不得转载.   目录(?)[+]   原文地址:https://yq.aliyun.com/articles/57554 前言 相比较于React Native的“Learn once, write anywhere”,Weex的口号…

这个就是一个练手的基础性的demo,不过也是有很多值得学习的东西的 效果如下 项目地址为:https://github.com/h5weex/h5weex-example 可能是我找到的项目比较少,很少有博主能够让我吹爆它的彩虹屁的~ 博主readme中的tnpm就按照平时的npm install就好,它还提到了一个 我觉得非常的有意思,weex的jsbundle用于客户端运行,如果要用 web 的形式打开这个 weex 页面,需要新建一个 html 文件, 把这个 jsbundle 文件以 s…