-
1.weex的优势:
①支持ES6规范,
②性能优异,开发简洁标准,体积小巧
③跨平台
2,.weex的调试工具
①weex playground
②下载地址:https://weex.apache.org/zh/guide/playground.html
③使用方法:在手机中下载weex playground APP,用weex playground APP扫描网页项目中的二维码。
查看全部 -
环境搭建:
1. 安装Node.js
2. 安装weex: npm install -g weex-toolkit
创建和执行项目:
weex create porject //weex init porject不适用了
npm install
npm run dev
npm run serve
查看全部 -
weex playground
查看全部 -
<a href="www.baidu.com">会报错 不能指向具体的html页面
weex内没有判断a组件的click事件执行顺序 所以可能会出错
查看全部 -
weex中a组件定义了指向weex页面打包后的一个js地址
组件中无法添加文本,需要在其中加上text组件才能添加文本
请不要为a组件添加click事件
a组件的超链接文本需要用到text组件
查看全部 -
weex 支持一些position,诸如relative,absolute,fixed,sticky,但默认值为relative
weex目前不支持z-index的层级关系,但靠后的元素层级更高
如果定位元超过容器边界,在android下,超出的部分将不可见,因为android端元素overflow默认值为hidden
weex 支持线性渐变linear-gradient,不支持radial-gradient经向渐变
weex 中的box-shadow阴影仅支持IOS系统
目前image组件部分安卓手机不支持一个角的border-radius属性,IOS支持
weex中,flexbox是默认并且唯一的布局模型,每个元素都默认拥有display:flex属性
查看全部 -
一、搭建weex开发环境
1、安装依赖node.js
(1)node -v.
(2)npm -v
2、npm install -g weex-toolkit
(1)weex -v
查看全部 -
weex样式2
查看全部 -
weex样式
查看全部 -
lll查看全部
-
fasfd查看全部
-
router.js
导入路由模块 vue-router
import VueRouter form 'vue-router'导入组件
import index form './components/inde.vue'让vue使用vue-router当做自己的路由
Vue.use(VueRouter)创建一个路由对象并输出
export default newVueRouter({
router:[
{path: '/index', component: index}
]})
app.js
导入一个根组件
import foo form './src/router.vue'导入一个路由文件
import router form './src/router.js'给根组件设置一个id
foo.el = '#root'给根组件设置路由
foo.router = router创建一个vue对象
export default new Vue(foo)指定一个路由入口
router.push('index')router.vue
js: this.$router.push(e); //更新指定路由入口
查看全部 -
环境搭建:
1. 安装Node.js
2. 安装weex: npm install -g weex-toolkit
创建和执行项目:
weex create porject //weex init porject不适用了
npm install
npm run dev
npm run serve
查看全部 -
npm node.js的管理包工具
查看全部 -
weex 一套跨平台移动开发工具
查看全部
举报