翼飞


  • 首页

  • 分类

  • 归档

  • 标签

  • 关于

初始化工程

写于 2016-09-13 | 分类于 WEEX |

初始化工程

这里,我尝试用简单的方式来说明一个工程的构建。然后,再将简单的方式工程化(复杂化),最后拼凑成目前weex开源的代码结构。

安装weex-toolkit

这里要说明的是,目前最新版本的weex-toolkit0.5.2有bug,babel组件丢失的问题,解决办法可以添加babel组件依赖,也可以降级weex-toolkit
下面是此问题的issue
WeexBabelError issue
weex-toolkit是一个很好的工具供我们工程构建。首先,第一步是安装该工具:

$npm install -g weex-toolkit       

测试weex-toolkit是否安装成功,可以使用如下命令测试:

$ weex --version       
info 0.4.4      

如果显示版本号即为成功。

阅读全文 »

初识Weexdemo-Example

写于 2016-09-13 | 分类于 WEEX |

了解Weex源码结构,修改example

其实,写一个简单的带有样式的界面还是挺简单的。接下来就是要学习官方给的example示例,看一下官方的目录结构以及示例代码,开发过程中遇到的不明白的问题其实很多都能在官方demo里找到答案。

1. 下载Weex源码

weexGithub
这里可以用 git clone 或者直接download

$ git clone https://github.com/alibaba/weex.git    

2.了解源码结构

代码下载完成了,先看一下源码的目录结构。


阅读全文 »

HellowWeex

写于 2016-09-13 | 分类于 WEEX |

Weex是什么?

Weex是阿里开源的一套构建跨平台的移动框架。对于前端,最直观的是web components的开发方式;对于Native同学,可以理解为使用web的开发方式构建跨平台移动程序(iOS & Android)。可以类比的是React Native,但是相对React Native更为彻底:不仅统一了 iOS/Android的差异,更是实现了三端的统一。2016年,weex值得去关注,因为目前移动端的痛点是需要被攻克的难题。而这一块也是大家孜孜不倦的努力探索的结果。
Weex更多细节参考: http://alibaba.github.io/weex/index.html。

Hello world

现在的开发方式,不像以前直接1个html文件就可以的。任何工程化的体系都有相配套的工具。

第0步:安装Node.js

如何安装,这里不赘述了,可以直接到Node.js官网下载安装。安装Node.js的同时会帮助我们安装好npm。 初步安装的同学可以使用:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$ node -v
v6.3.1
$ npm -v
3.10.3
```
node -v 和 npm -v 命令来测试Node.js环境是否搭建成功。
### 第1步:安装weex-toolkit
这里使用npm来完成。因为npm之前已经安装好了。所以,直接拿来使用即可。

```bash
$ npm install -g weex-toolkit
```

如果发现很慢,说明是时候考虑使用cnpm来安装了。首先,我们全局安装cnpm:

```bash
$ npm install -g cnpm

cnpm是一个国内npm镜像,可以提高下载速度。我们使用cnpm:

1
2
3
4
5
6
7
$ cnpm install -g weex-toolkit      
```

**备注:** 若提示权限问题,加上``sudo``关键字即可(管理员权限,和Win下右键以管理员身份运行一样)。例如:

```bash
$ sudo npm install -g weex-toolkit

然后输入你本机电脑密码即可。

weex-toolkit安装完成后,输入:

1
2
$ weex --version    
info 0.4.4

说明,我们安装成功。

阅读全文 »

前言

写于 2016-09-13 | 分类于 WEEX |

Weex

无疑,Weex成为了最火的移动技术之一,但是,因为开源时间相对较短,铺建的基础设施较大。业界目前还没有特别丰富的Demo、实践的案例、工程化的方案供大家参考。
本文适合有一定的web开发经验的开发者,能看懂HTML+CSS以及少量的js,可以稍微看一下附录9,会有所帮助。

WEEX

WEEX快速入门

  1. HellowWeex
  2. 了解Weex源码结构,修改example
  3. 初始化工程干了一件什么事儿
  4. 了解工程
  5. ide的配置和选择
  6. 模版、样式、JavaScript
  7. weex自带组件的使用
  8. 01.Weex组件分离
    02.weex组件通讯
  9. if repeat 的使用
  10. 界面跳转与传值
    阅读全文 »

CoreSpotlight 学习

写于 2016-05-13 | 分类于 iOS |

简介

<CoreSpotlight>是 iOS9 / Xcode7 提供的一组新的API来帮助你建立起你的应用中的索引。CoreSpotlight是用来处理用户数据
要使用CoreSpotlight首先要在工程->Build Phases->Link Binary With Libraries->搜索CoreSpotlight引入Framework

搜索结果的初始化以及添加

CSSearchableItemAttributeSet :声明CSSearchableItem包含的元数据。

CSSearchableItemAttributeSet 方法 点击此处查看效果

阅读全文 »
12
yifeeeee

yifeeeee

blog挂在GitHub上,速度有些慢,改天迁移到自己的服务器上

15 日志
6 分类
18 标签
RSS
GitHub Weibo
© 2013 - 2020 yifeeeee
Hexo
Theme - NexT.Pisces