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端进行渲染.…

一.weexSDK初始化流程 WXSDKEngine.initialize(Application application,InitConfig config); //WXSDKEngine的init方法已经被弃用,weex的初始化需要使用下面这个initialize方法 public static void initialize(Application application,InitConfig config){ synchronized (mLock) { //如果已经初始化过那么直接re…

转载自: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的代码补全.提示.检查等功能.…

爱编程爱分享,原创文章,转载请注明出处,谢谢! 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…

weex优势: (1)支持ES6规范 (2)性能优异,开发简介标准,提及小巧. (3)跨平台 weex调试工具:weexplayground weex环境搭建: (1)安装 node.js.npm (2) npm install -g veex-toolkit (3)安装依赖保- weex通用样式介绍: weex通用组建介绍: <a>组建: web组建: webview组建: list组建: refresh组建: vue-router…

需求:在使用weex框架时,我们使用vue文件写页面,在native端加载服务器端的js页面时由于网络状态的不确定性,我们需要在第一次加载的时候对js页面进行本地存储.也就是说我们需要把js文件下载到本地,然后进行加载,这样可以避免出现网络环境不好的情况下卡顿白屏等问题. 解决办法:查了一些文档,发现直接在vue页面内添加下载逻辑不太方便,所以使用的是原生端扩展的方法进行文件的下载,关于原生端的扩展可以在这里进行查看http://weex-project.io/cn/references/adv…

最近在学习阿里的weex框架,网上教程真是不少,但是有用的确实是少的很.其中大多数都是讲如何配置移动端的,很少有讲到weex语法的.要知道,如果真需要用weex编写js页面的话,很有可能是移动端开发者自己去编写(iOS&&Android).只知道配置环境,不知道如何编写js页面基本上和没学没什么两样的. 所以下面整理一些学习weex时看到的好的学习资料,其中我重点记录一下js页面跳转路径的问题.ps:这个问题好像还和css相对路径有点区别. 1.相关学习的文档 1.1官方文档中文版网址:h…

weex入门篇 Weex 致力于使开发者能基于当代先进的 Web 开发技术,使用同一套代码来构建 Android.iOS 和 Web 应用. weex SDK 集成了vueJS,Rax,不需要额外引入. 一)环境的搭建 1)搭建android环境:首先安装搭建好AndroidStudio,参照react-native 官网环境搭建(比较清楚),适用于weex. 2)安装weex环境 $ npm install -g weex-toolkit$ weex -v //查看当前weex版本 3)初始化…

WeTest 导读 企鹅电竞从17年6月接入weex,到现在已经有一年半的时间,这段时间里面,针对遇到的问题,企鹅电竞终端主要做了下面的优化: image组件 预加载 预渲染 Image组件 weex的list组件和image组件非常容易出问题,企鹅电竞本身又存在很多无限列表的weex页面,list和image的组合爆发的内存问题,导致接入weex后app的内存问题导致的crash一直居高不下. list组件问题 首先来说一下list,list对应的实现是WXListComponent,对应的v…

weex框架样式问题--我暂时使用最基本的样式css,weex前端开发的话web端会显示各种的html标签.写出的样式也都会显示的很好,但是在app端的话,就没有很好的兼容性,只是支持文档中的一些标签,样式也是只支持sing-class. weex的请求框架steam,是weex的自带model,在处理post的时间要对传入的数据进行处理,不然不会出现你想要的数据.处理方式: let http,jsonType = '' if (WXEnvironment.platform === 'Web')…