weex
五柳--先生
初极狭才通人复行数十步豁然开朗土地平旷屋舍俨然有良田美池桑竹之属阡陌交通鸡犬相闻
展开
-
weex 开发环境搭建
搭建开发环境等等可以参考 weex 文档 的工具类目weex toolkit :https://weex.apache.org/cn/guide/tools/toolkit.html1:首先weex依赖于node打包安装node https://nodejs.org/en/download/ 下载对应包 ,windows 下一步下一步的安装即可,检测node 是否安装完成 终端输入原创 2017-08-17 15:32:21 · 1916 阅读 · 0 评论 -
weex android 基础与扩展本地图片加载 gif播放自定义module
本来计划每天写一个,将 weex html部分写完,因为现在很多使用weex的在android 上面有很多基础问题,所以就还是先把 weex android 基础略做一下介绍 分为几个部分1 android基础 2 weex 项目结构 3 扩展Imageadapter 实现本地图片加载 4 自定义 android 的 gif 播放组件 5 自定义module 获取android 版本号原创 2017-08-30 17:29:48 · 2732 阅读 · 3 评论 -
weex 实现button的点击变色
先看playground 效果图weex 之前一直没有按钮点击时间处理,因为动态绑定class不是很好,处理起来也很麻烦 不过通过weex 的伪类 active 我们能够很简单的实现出各类按钮的点击效果,不过本来还可以添加阴影,不过人家官网说了,只有ios支持,好吧,那就暂时放弃下面简单来看一下定义的button.vue 组件<template> <text :class="['btn',原创 2017-08-29 16:33:57 · 3982 阅读 · 2 评论 -
weex init 项目宽度高度native和html不适配问题
weex 本来旨在一个项目跑三端,可是weex的工具最近更新最新版本后,创建了一个项目,我就蒙圈了首先weex init screentestproject项目创建完成我们顺序执行 cnpm install, npm run dev, npm run serve然后打开网页分别预览一下native 和网页效果可以看到在h5 页面上 weex 这个原创 2017-09-06 15:50:33 · 1423 阅读 · 0 评论 -
weex slider 实现滑动底部导航功能
先看效果图这里主要是使用了weex 的 slider 实现了可以滑动的底部导航框架 这里最主要的几个方法,如果光是看weex的官方文档,可能很痛苦,因为有一些功能虽然代码里已经写好,但是他并没有写出来,希望官方的文档能够尽快的完善起来实现这样的功能,首先是一个slider的用法,这个官方文档是用这个来给大家做轮播图的。 首先我们不能设置自动播放ok了 第二我们需要能够捕获到滚动到哪一页的索引,原创 2017-08-28 14:59:23 · 3823 阅读 · 1 评论 -
weex 实现仿ios 三级联动地址选择器
这里要实现一个weex 的 一个自定义的三级联动组件,这里啰嗦一句为什么使用 vue 去自定义,一般使用weex的情况下,native也是支持原生扩展的,而且相对 android 和ios 各种第三方的组件选择很多不少还很成熟,为什么不直接使用呢。这里我使用weex的原则是能够使用vue解决的问题一定不抛给native,原因如下,第一,使用vue 写的ui能够更好的保证android ios 的界面原创 2017-08-25 12:26:18 · 3686 阅读 · 4 评论 -
使用weex,开发美食app之vue页面实现
这里就带用weex大家做一个简单的app数据接口来自 阿里云https://market.aliyun.com/products/57126001/cmapi012028.html?spm=5176.8216963.738024.10.mtedXP#sku=yuncode602800005首先实现页面,页面大致分为三个,一个是展示所有分类的首页一个是展示不同菜系以及原创 2017-09-05 14:40:42 · 4984 阅读 · 2 评论 -
weex 项目结构解析
weex 是一个比较新的东西,虽然离宣布开源也已经有一年多的时间了 那么我们看看它的工具吧,因为看到社区很多初看这个框架的有很多疑问,所以写出来 官网上介绍的有 weex-toolkit weex-toolkit 创建一个项目 $ weex init awesome-projectweex 官网说 : weex-toolkit 对 weexpack 的水平扩展 weexpack 是基于 W原创 2017-08-21 17:26:40 · 1585 阅读 · 0 评论 -
weex 实现富文本
首先介绍一下什么叫做富文本后台常常要用到一个编辑器叫做富文本编辑器,例如淘宝和电商等等的详情页面编辑等等,这个编辑器可以参考http://ueditor.baidu.com/website/onlinedemo.html它编辑出来的文本我们可以看到是一个这样的一段内容,如果在前端显示这个就太容易了div v-html=原创 2017-08-21 16:29:28 · 7291 阅读 · 2 评论 -
走进weex
阿里从16年开始宣布开源weex,引起了一时不小的轰动,于是网上出现了大批的weex试用的demo,技术博客,从架构上分析这套框架等等,其实那些大部分是没有深入这个框架的,阅读了一下官方文档,写一些博客博眼球刷点击的东西(而且很多因为作者本身关系,视角出发点有偏差,或者只写了h5部分的,或者只写了android部分的,或者只写了ios部分的),试用这个框架有一段时间了,这里先对这个框架做一些使用上原创 2017-07-14 17:01:11 · 1858 阅读 · 0 评论 -
weex native端 js 调试方法
预览文件,写ui的时候我们常常需要能够一边写一边看到ui,以便于调整,weex的toolkit提供了实时预览的功能$ weex src/foo.vue该命令下,可以实时的去预览文件,而不需要编译后再去浏览,效率就高了很多,但是目前实时预览只支持web,虽然二维码也是有,但是使用playground扫码后一直显示的是 network err 而且是原创 2017-08-17 17:07:30 · 2772 阅读 · 0 评论 -
weex 第一个小程序
环境开发完毕,那么就要来写一个小程序来看一看weex怎么写页面了,可以选择的IDE比较多,我选择的是微软的 visual studio code可以看到 这里 weex 的vue 使用的是相当标准的vue 语法,以及vue的mvvm框架那么我们就实现一个 小小的 1-100 的list展示weex 最简单 list 折叠源码原创 2017-08-17 15:33:35 · 2876 阅读 · 0 评论 -
对flutter的一些认识
官方文档也大致看了两遍,写了几天的flutter,基本上对于flutter有了一些认识那么flutter 是什么:它是google的一套跨平台框架,使用dart语言,支持android,ios,貌似还支持html5,但html5 这块还没有去实践,就不做展开了说到跨平台框架就不得不拿出来和 ReactNative 和Weex做一下简单比较了首先看一下他们截至目前为止的GitHub的情况ok,数据放...原创 2018-05-22 14:25:49 · 9668 阅读 · 3 评论