kylin
yusirxiaer
前端移动端一路の风景
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
kylinH5框架之项目脚手架
页面介绍 Page是一个Webview的逻辑抽象层,同时也是组件挂载的根节点。 代码引入 import { Page } from '@ali/kylin-framework'; 页面声明结构 一个Page包含的接口在页面接口中声明,提供了对Vue实例的完整控制能力,简易的Page使用如下,initOptions负责处理额外的Vue配置选项。 import { Page } from '@ali/kylin-framework'; import IndexComponen...原创 2020-05-14 17:47:32 · 695 阅读 · 0 评论 -
kylinH5框架之项目脚手架
初始化结构 项目初始化结构如下: project ├── mock │ ├── mock.config.js │ └── rpc │ └── test.js ├── package.json ├── www └── src ├── common │ ├── components │ ├── css │ │ └── base.less │ ├── img │ └── js ├── layout │原创 2020-05-14 17:18:03 · 973 阅读 · 0 评论 -
kylinH5框架之项目开发调试
进行开发调试,需要完成以下步骤: 安装依赖 开发调试 构建生产 点击代码示例,获取 Kylin Demo,并完成以下操作。 安装依赖 进入项目根目录,使用cnpm安装npm依赖: # 安装npm依赖 cnpm install 开发调试 安装完环境后,可以通过以下一些命令来启动开发模式: cnpm run dev 上述命令完成了以下操作: 运行kylin build --dev,以 dev 模式开始构建: 不使用compress压缩css/js 自动w...原创 2020-05-14 17:05:26 · 955 阅读 · 0 评论 -
kylinH5框架之项目组件理解
目录 组件介绍 组件声明结构 组件接口 script dependency template style 状态注入 接口声明 组件介绍 Component扩充自Vue的组件, 提供了Vue组件对等的输入参数能力。在代码书写时提供类class的装饰器Decorator风格。 import { Component, Watch } from '@ali/kylin-framework'; 一个组件可以包含数据、JSX 渲染函数、模板、挂载元素、方法、生命周期等...原创 2020-05-14 17:00:40 · 1284 阅读 · 1 评论 -
kylin框架中使用postcss-px2rem
1.kylin框架的使用不做介绍 2.页面中 html模板页面中已经使用clientWidth/375*100+px,已经赋值了html的fontsize随页面宽度而变化。 比如宽度375的屏html的fontsize为100px kylin加载postcss-px2rem cnpm i --save-dev postcss-px2rem 在根目录下的plugin.js中 var px2rem = require('postcss-px2rem'); //打开导入 // var .原创 2020-05-13 17:24:35 · 251 阅读 · 0 评论
分享