web

WEEX在今年一月份宣布在web端对vue渲染的支持，也就是说，今后你可以用写vue的的方式去写weex 项目。在升级新版的weex的时候大家一定记得去官网看下diff [Weex 和 Vue 2.x 的语法差异]https://weex-project.io/cn/references/migration/difference.html。 如果我们在开发第三方插件的时候，我们同样需要注意对与插件写法上的差异。 第三方组件 老版本我们在第三方组件的时候，大致是这样的: // 设置 标签属性 const attr = { // ... } // 设置样式 const style = { // ... } // 设置事件响应 const event = { // ... } // 初始化函数 function init (Weex) { const Component = Weex.Component const extend = Weex.utils.extend // the component's constructor function Hello (data) { Component.call(this, 详情 »

weex 是阿里巴巴集团在去年4月份开源的一个使用JS进行代码编写，多端实现运行的开源框架。这也是国内少有的大型开源项目(目前stars 的数量也超过了10K)。 Write Once Run Everywhere weex的的目的就是为了解放生产力，让更少的人去维护更少的代码。weex虽然目前还在密集开发阶段，可用到内部组件，相对少一点，由于是开源项目，因此大家都可以自己贡献自己的开发组件。 其中weex的组件有两种，一种是完全基于提供的api和element去进行封装扩展，类似weex-percentage-circle. 你完全不需要会任何的android/iOS知识和技能就完成一个简单的组件封装。另外一种，叫三方扩展插件可能更好，它需要你在实现某些功能的时候，需要去写三个平台的支持 需要支持ios/android/web。当然这并不是非常严格的限制，比如你就支持了web,ios，但是如果开发者开发的APP就没有andorid的要求，这样的需求也是存在的。 先简单说下第一种，其实非常简单。 我们只需要简单编写一个weex-demo.we文件即可 <template> <div><text>{{textstr}}</text></dv> </template& 详情 »

yeoman是一款非常好用的项目模版工具，你可以用它快速生成一个指定的项目，比如react+ webpack或者是angular的项目。它通过命令行会话去完成一定参数配置。 如何使用 首先我们要全局安装 yo 模块。yo是yeoman 的命令行工具模块。 npm install -g yo 然后我们需要选择我们需要生成的具体项目的模版，你可以在discover generator找到你要的项目模版，比如react、angular、vue、Bootstrap等。 然后你需要全局安装这些模块比如 webapp。 npm install -g generator-webapp 安装完成后，只要执行命令，即可生成一定的项目的目录了。我们创建一个目录app-demo,然后进入目录，执行： yo webapp 这样你可以看到的命令行提示选择: 你可以看到项目的执行流程，拷贝，然后安装依赖。 安装完成后，我们就可以看到一个webapp的目录了，这样无疑节省了我们初始化项目的时间。 使用generator-weex-vue 上周weex发布了新的版本宣布对vue2.0的支持，我们可以通过写vue的方式来写weex项目，除了官方的工具，现在可以使用yeoman来生成一个weex项目。 同样你只需要安装模块 generator-weex-vue就行了。 然后执行 yo weex-vue 项目变创建成功了。 项目支持的一些命令： 详情 »