1. import  文件时,必须引入全称,不能省略 .vue import mEcharts from '../components/Echarts.vue' 2.weex 的 cli 中没有 配置 vue-router  和 less  需要自己安装 npm install vue-router --save npm install less less-loader --save 3.安装 node-sass 时,需要同时安装 sass-loader 安装 node-sass npm ins

React Native出来有一段时间了,国内的weex和deviceone是近期发布的,我可以说从2011年就开始关注快速开发的跨平台平台技术了,接触过phoneGap.数字天堂.appcan等早期的移动中间件技术,也跟朋友也讨论过这类的轻量级框架.这些年通过Html5技术或通过Hybrid技术实现跨平台的道路,基本已经快走到头了.尝试跨平台App的开发者们都快碰的头破血流了,大家都在期盼新的更成熟的跨平台开发技术能够早日出来.研究React Natvie的时候,基本大部分时间都在看一些类似的

title: 阿里的weex框架到底是什么 date: 2016-09-27 10:22:34 tags: vue, weex category: 技术总结 --- weex 工作原理 首先看下官方的说法:transformer 会把 template, style, script 都转换成一段段 json 或者 js,这样客户端只接收并运行js,不必同时解析html/css这些语法,并且这些js还会继续进行数据监听和绑定,然后生成最终的virtual dom 再发送给 native端进行渲染.

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中,有if 和 repeat 两种逻辑运算,需要注意的是,逻辑控制不能够作用于<template>这样的根节点. if 控制判断条件true/false直接对节点进行操作,if="true",添加一个节点, if="false",移除一个节点 ,使用if 的时候可以不用用花括号括起来. repeat 就是对数组进行渲染,我们对数组进行repeat,在它的子元素上,绑定数组中的一个对象的key,就可以获取到相应的value了. <templ

1.以前cordova远程调试,Android的直接连接USB后,用chrome打开chrome://inspect网址 IOS的打开Safari的developer下. 这是因为cordova的webView都已经开放了远程调试, 如果是自己的加的webView,要进行远程调试 Android: 在调试WebView需要满足安卓系统版本为Android 4.4+已上.并且需要再你的APP内配置相应的代码,在WebView类中调用静态方法setWebContentsDebuggingEnable

<wxc-tabbar>  页面底部的 tab 标签,通过点击在不同页面之间切换 属性: selected-index {number}:设置默认选中的 tab 索引,默认值为 0(第一个 tab). selected-color {color}:设置当标题被选中时标题的颜色,默认为红色. unselected-color {color}:设置当标题不被选中时标题的颜色,默认为黑色. tab-items {Array[Object]}:该属性接受一个 tabitems 对象数组, 分别对应到对

1. 安装weex-toolkit sudo npm install -g weex-toolkit 装完之后就可以使用weex命令了.输入weex命令可以看到: weex test.we --qr -h --qr 即是显示本地地址文件的二维码,安装playground后既可以扫描二维码看到we文件的页面.-h 是热更新 weex init即是初始化一个项目

转载自:http://www.cnblogs.com/fozero/p/5995122.html 一.介绍 Weex是阿里今年6月份推出的跨平台解决方案,6月底正式开源.官网 https://alibaba.github.io/weex/ 1.官方支持iOS.Android.HTML5. 2.Write Once, Run Everywhere.一次编写可生成三平台代码. 3.DSL模板学习超简单,直接写HTML.CSS.JS.这意味着可以直接用现有编辑器和IDE的代码补全.提示.检查等功能.

1.阿里weex学习前景 至于这些东西,可以参照一下链接去看看其作用.... http://share.iclient.ifeng.com/news/sharenews.f?forward=1&aid=116492993&from=timeline&isappinstalled=1&forward=1 2.学习文档参照以下(官方文档) http://alibaba.github.io/weex/cn/doc/components/main.md 待后续.......

安装 Node.js node.js需要4.0+ 百度云下载地址http://pan.baidu.com/s/1o84g6c6 官网下载地址https://nodejs.org/en/ 安装教程请看这里node.js安装图解 安装 weex-toolkit 安装好node.js后,打开CMD工具现在安装weex-toolkit,这是weex的集成环境. npm install -g weex-toolkit 有了weex-toolkit就可以使用weex命令了我使用的版本是如图,这个可能变化的很

Weex 是什么 Weex是阿里发布的一款用WEB方式开发原生app的开源产品 Weex能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS.安卓.YunOS及Web等多端部署.对于移动开发者来说,Weex主要解决了频繁发版和多端研发两大痛点,同时解决了前端语言性能差和显示效果受限的问题.  开发者只需要在自己的APP中嵌入Weex的SDK,就可以通过撰写HTML/CSS/JavaScript来开发Native级别的Weex界面.Weex界面的生成

爱编程爱分享,原创文章,转载请注明出处,谢谢! http://www.cnblogs.com/fozero/p/5995195.html 上篇文章(http://www.cnblogs.com/fozero/p/5995122.html)我们搭建好weex环境,并在浏览器成功渲染页面,这篇文章我们接着建立一个项目 1.新建一文件夹如weexdemo: 2.在文件夹下执行weex init,参数全部默认即可: 3.成功后文件夹下产生了一些文件: weexdemo |-.gitignore |-in

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

来源:kuailejim 链接:http://www.jianshu.com/p/ea25fd834944 客户端动态化系列之--URLRoute 在前端越来越火的年代,逐渐衍生出类似React Native.Weex等开发套件.所达到的目的挺简单的,达到在多个平台下共用一份代码,节省开发成本,提高开发效率.其次,由于JavaScript语言的特殊性,能动态更新页面而不需要发版.基于这两点,越来越多的个人开发者&公司开始尝试它们. 本文将从个人开发实践项目出发,发表一些对于Weex的看法和在项目

今天在群友发的那个掘金技术网站里头看到这个weex,感觉还不错 阿里负责的一个开源项目 源码地址: http://alibaba.github.io/weex/index.html 是用来做app的 跟 react 很像来着 而且 更像适合jser 使用吧  基于 vue 大家有兴趣的可以去看看  ,减少学习react 的痛苦

4月21日~23日,由infoQ主办的2016 Qcon大会北京站如期举行. HTML5开发已经成为移动开发/前端专题中无可争议的焦点,核心议题已经由前几年的是否该用HTML5转向了如何高性能.高效率的做好HTML5应用开发. WeX5和Weex谁是李鬼? 本次大会出现了一对李逵和李鬼:WeX5和Weex.阿里在大会上高调宣布Weex将于6月份开源,而在大会忙坏了的却是参展的WeX5.在WeX5的展台上,总有参会者上前询问:Weex跟WeX5神马关系? 同样都称为HTML5开发工具,名称又如此相

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