weex的服务weex怎么样样？

来源：蜘蛛抓取(WebSpider) 时间：2018-09-05 08:33 标签： weex怎么样

版权声明：本文为博主原创文章，未经博主允许不得转载。 /qq_/article/details/

其他view就不再一一分析，都是大同小异。

我们从一开始导入Vuex入手：

首先，导入vuex插件

判断是否移动平台，是移动平台，将vuex插件导入vuex

而后实例化Store：

网络获取数据赋值到store上

接着往下看，fetch是进行网络接口请求，weex中通过stream提供网络访问共鞥，通过stream.fetch获取，这边我们发现fetch函数返回时一个Promise对象，关于Promise是es6，大家可以自己查阅下，这里不进行阐述。

我们再回过头看下之前获取列表请求的方法 

 
 

 
 

 
 

 
 

 
 

 
 



                            

                                                    

                                

  

    本文主要介绍包括Weex基本介绍、Weex源码结构、初始化工程、we代码结构、Weex的生命周期、Weex的工作原理、页面间通信、boxmodel & flexbox、weex的缺点
  

  

  

    组件 就是各种标记组件，比如div 、slider、indicator等 通过下面这种方式使用
  

  

    

      

        
      

    

  

  

  

    start文件: 启动程序文件，里面包换编译和启动脚本：
  

  

  

    初始化工程前需要先安装 ，然后按照下面步骤创建一个工程。
  

  

    

      

        
      

    

  

  

    

      

        
      

    

  

  

    

      

        
      

    

  

  

    

      

        
      

    

  

  

    不过推荐的是自己遍历所有的we文件
  

  

    

      

        
      

    

  

  

  

    template内必须包含唯一的根节点作为父容器, div就是一个很好的选择，里面则是一些Native Components
  

  

    weex内置了响应式的支持，页面的宽度是以750来做为标准，自动适配所有手机；
  

  

    

      

        
      

    

  

  

    如果需要在模板里实现更多的逻辑判断,你可以使用’computed property’.
  

  

    created是生命周期函数，这个时候模板还没有被渲染，常用来在这里定义数据的更新和获取；
  

  

    ready是生命周期函数，这个时候模板被渲染，常用来做一些自己上报等；
  

  

    显然we文件的这些代码是不会被 native app 识别的，我们要想办法让这些代码可运行。所以我们同时做了三件事：
  

  

    所以紧接着第二步，就是用 transformer 对代码进行转换，变成客户端可运行的 JavaScript 代码
  

  

    在 transformer 中，我们主要的工作就是对 HTML、CSS、JavaScript 代码进行解析和重组。这里我们用到了三个非常重要的库：
  

  

  

    

      

        
      

    

  

  

    init内一般用于初始化一些内部变量，绑定一些自定义事件，这时还没有数据绑定，没有创建vdom，所以不能通过this获取到data和methods，也不能获取vdom的节点
  

  

    created 完成了数据绑定 ，但还未开始编译模板，可以通过this获取data和methods，但不能获取vdom的节点
  

  

    ready表示渲染完成 ，从子组件往上触发
  

  

    destroyed 组件销毁，比如页面跳转，从子组件开始往上触发
  

  

  

  

    页面跳转是通过指定下一个页面的url，然后通过openurl或者push的方式来跳转
  

  

    获取url的方式可以通过下面这段JS代码
  

  

    

      

        
      

    

  

  

    

      

        
      

    

  

  

    如果是组件间通信不是页面通信，则参考：
  

  

  

    关于flexbox，可以看我的这篇文章
  

  

  

    1.Weex将整个app的宽度定死在750px，然后其他都是根据scale进行计算的，会导致适配不方便。
  

  

    3.很多组件和模块需要自己扩展（比如datepicker，iconfont，摄像头，二维码等）
  

  

  

    1.之前weex是只支持es5，现在可以支持es6了。
  

  

    目前是可以断点调试的，可以参考下面文章
  

  

    3.weex支持本地图片吗？
  

  

    根据官方答疑是可以的，但是我目前还没有尝试成功。
  

  

    6.热更新方案是什么？
  

  

    最后，希望有越来越多的人把weex用起来。
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 weex怎么样 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐