weex
岁月如风丶逝
读书使人完整,讨论使人完备,写作使人完善---培根
展开
-
weex学习之路(二)---组件封装(1)
不管是为了解耦还是为了代码的复用,组件封装都是必须要的。 因为weex使用flex布局,所有从每个页面都可以抽象成 头部(顶部导航),身体(主体内容),脚(底部), 当然不是所有的页面存在这3个要素,所以设置的组件需要支持一些配置,具体代码如下: <template><div class="app" :style="viewStyle"> <div class="app_heade原创 2017-10-22 15:25:13 · 834 阅读 · 0 评论 -
weex学习之路(二)---组件封装(2)--下拉刷新和上拉加载
weex的list和scroller组件本身就支持下拉刷新和上拉加载(web端是有问题,下拉刷新用不了),不过在用下拉刷新的时候遇到一些坑(开发原生的同事说客户端对git的支持不是很友好,所以就自己写了一个简单的加载动画切换),代码具体如下: <!--下拉刷新列表视图--> <template><div :style="styleRefreshStyle"> <lis原创 2017-10-23 12:31:10 · 2443 阅读 · 0 评论 -
weex将js打包到客户端中
为了性能(更多的是ios能共审核上架通过)需要把js打包到客户端本地,这个时候就需要实现一个比较灵活的js加载机制了。 思路:通过第一个加载的js的路径来决定后续js的加载根路径。比如第一个js 来自 http://xxx.com/weex/xxx.js,那么后面的js都从这个域名下的 weex目录来,uri可以通过写一个nativeRouter的配置来做到和一致的调用。 vue router原创 2017-11-03 17:31:05 · 2306 阅读 · 0 评论 -
weex 中遇到的一些问题记录
1:image组件的load方法在android下失效,且在android下圆角无法设置 2:input 必须设置高度和line-height,不然在ios下会出现光标对不齐的问题 3:数值输入框唤起 android type=‘tel’ ios: type=’number’ ,都用tel好像也没问题原创 2017-11-03 17:16:48 · 2742 阅读 · 0 评论 -
weex学习之路(一)--项目快速创建
weex是阿里开源的一款类似react-native的使用js开发客户端的框架,不过使用的前端框架是vue而不是react。不过阿里有另外一个rax框架是类似react的的框架 语法和api基本相同,也支持jsx。 weex官网:https://weex.apache.org/cn/ vue官网:https://cn.vuejs.org/ rax:https://aliba原创 2017-10-21 20:31:48 · 3541 阅读 · 0 评论 -
ts实现js广播(Broadcast)解决单页应用下复杂组件交互的数据通信
不多说,看代码import {EsPlugin} from "../EsPlugin";import {isNullOrUndefined} from "util";import {BroadcastEvent} from "./BroadcastEvent";import {BroadcastEventData} from "./BroadcastData";import {Br原创 2018-01-16 16:35:07 · 1514 阅读 · 0 评论 -
基于typeScript请求服务端的js-api-sdk 中的 filter
之前有写过一篇基于typeScript请求服务端的js-api-sdk统一封装思路。 在这个基础上加了统一拦截处理,前置或后置处理,调用代码如下 /** * 构建apiClient * @type {ApiClientFetch} */ const apiClientFetch = ApiFetchBuild.registerF原创 2017-11-29 22:36:05 · 627 阅读 · 0 评论