前端和Vue.js
关注
分享
扫一扫
前端学习和vue开发
weitao_666
我不生产代码，我只是代码的搬运工
展开
-
Weex简介和环境的安装——Weex的学习之路（一）
Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。也就是说学习了Weex就可以生成三端的程序。Weex 渲染引擎与 DSL 语法层是分开的，Weex 并不强依赖任何特定的前端框架。目前 Vue.js 和 Rax 这...原创 2019-04-30 15:46:49 · 633 阅读 · 0 评论 -
Weex布局Flex的使用——Weex的学习之路（十）
Flex是Flexible Box的缩写，意为弹性布局，用来为盒子模型提供最大的灵活性、任何一个容器都可以指定为Flex布局。本篇博客全面的讲解了Flex布局的属性，快速入门Flex布局，那么接下来我们谈谈CSS Flexbox弹性布局。首先要有个容器，并设置display:flex;display:-webkit-flex;该容器有以下六个属性：flex-direction (元素排列...原创 2019-07-05 17:40:55 · 1931 阅读 · 1 评论 -
Weex组件<waterfall>瀑布流和GridView效果的使用——Weex的学习之路（九）
最近项目有点忙，weex学习更新稍微慢了些。近期给自己列了一个学习计划表，想用weex做一个App，目前觉得列表比较好做，同时weex原生组件使用起来都很方便，就是一些自定义的组件在使用的时候，在引用上有一些坑需要注意。前几天我准备使用<waterfall>在页面上做一个快捷入口，开始以为<waterfall>只能做瀑布流，看来我是小看他的功能了，其实<water...原创 2019-06-21 17:53:41 · 1151 阅读 · 1 评论 -
自定义Weex组件——Weex的学习之路（八）
在四月份和五月份的时候我用业余时间来学习weex，在这期间一直在看文档写demo，每一个组件都自己写demo运行一遍。我本人是做Android开发的，对JS，CSS和Html有一定的了解，所以学习weex不是很难。然后我把自己所学的主要经历和过程用博客记录下来，其目的是想巩固自己的学习知识，还有就是希望能给weex学习的小伙伴一点帮助。最近有一部分小伙伴私信我说，问我weex好学吗、weex学了之...原创 2019-06-04 16:49:13 · 1452 阅读 · 2 评论 -
Weex Studio解除ESLint格式警告——Weex的学习之路（七）
我们在初次使用Weex Studio的时候，编写代码保存后发现有很多文件格式的警告，甚至连编译都不行了，需要把多余的空格和不规范的格式都一一的改正过来，如果是这样的话，确实很不方便。在网上查了一下，原来是ESLint在搞鬼。首先解释一下ESLint，它是javascript代码检测工具，可以配置每次保存时格式化js。那么每个人写的代码不可能完全按照标准的格式，那么写完代码发现一堆的警告并且还影响编...原创 2019-06-03 11:48:25 · 794 阅读 · 2 评论 -
Weex页面的编写——Weex的学习之路（六）
通过前几博客我们把weex的内置组件都学习完了，组件的单独使用想必都可以了。那么，这次我们来做weex实际页面的编写，见证一下，一套代码在Android、Ios和H5上使用。在weex官网推荐我们使用Weex Studio作为编译器，其实这款编译器也不是新出来的，它就是vscode再包装了一下添加脚手架，实际使用和vscode是一样的，只是比vscode多了一个预览界面。接下来我们就进行代码的编写...原创 2019-05-29 14:24:27 · 992 阅读 · 2 评论 -
Weex内置组件的使用——Weex的学习之路（五）
这几天忙着做组件化了，博客晚了些更新，说到组件化，我近期也会用博客来介绍的。上一篇博客我们讲的是weex的内置组件，那么这篇博客我们学习最后四个组件，下篇博客我们就会讲到世界weex页面的编写了。这篇博客我们来学习<waterfall>、<video>、<web>和<richtext>。weex的组件真的是要好好学牢固的，很多人可能会觉得定义太多记不...原创 2019-05-22 20:15:40 · 1748 阅读 · 0 评论 -
Weex内置组件的使用——Weex的学习之路（四）
上一篇文章我们学习了<list>、<cell>、<loading>和<refresh>组件，这都都是在项目中常用的。那这篇文章我们一起来学习<recycle-list>、<scroller>、<slider>、<indicator>、<textarea>和<input>，大家可能...原创 2019-05-15 20:27:38 · 2272 阅读 · 0 评论 -
Weex内置组件的使用——Weex的学习之路（三）
上一篇文章我们看了<a>、<div>、<text>和<image>标签，这些都是在weex中常用到的标签，除了这些标签的基本使用，同时还需注意样式。对css样式还不是太熟悉的小伙伴要先看看flex。那么这节我们一块来学习<list>、<cell>、<loading>和<refresh>组件。不管是在...原创 2019-05-14 20:08:35 · 902 阅读 · 0 评论 -
Weex内置组件的使用——Weex的学习之路（二）
最近公司项目不是很忙，就和组内成员商量利用时间学学新技术，最终在Weex和Flutter做选择。Weex是由阿里的大牛们开发出来语言，Flutter是由Google公司开发的。各种网上查找得出的评论都是Flutter更有前景，但是最终我们还是敲定学Weex。为什么呢？是因为任性？我也不敢问，但是我敢说啊，哈哈哈。因为我们会JS，然而Flutter用的是Dart语言，我不会。下面我们来看看Wee...原创 2019-05-09 21:19:28 · 1034 阅读 · 0 评论 -
Weex页面间的跳转及Android端多应用选择窗口的处理——Weex的学习之路（十一）
一、前言本文主要总结Weex的页面跳转方式，实现并封装Web、Android和iOS三端跳转的方法。二、页面跳转Weex的页面跳转，主要是通过使用 navigator 来实现，但是三端使用的过程中，因为url的规则其实并不统一，所以需要根据不同的平台，做不同的跳转处理。在浏览器里，我们可以通过前进或者回退按钮来切换页面，Android/iOS的 navigator 模块就是用来实现类似的...转载 2019-07-28 17:18:13 · 1602 阅读 · 0 评论