
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 · 634 阅读 · 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 · 866 阅读 · 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 · 887 阅读 · 0 评论 -
kylinH5框架之项目组件理解
目录组件介绍组件声明结构组件接口scriptdependencytemplatestyle状态注入接口声明组件介绍Component扩充自Vue的组件, 提供了Vue组件对等的输入参数能力。在代码书写时提供类class的装饰器Decorator风格。import { Component, Watch } from '@ali/kylin-framework';一个组件可以包含数据、JSX 渲染函数、模板、挂载元素、方法、生命周期等...原创 2020-05-14 17:00:40 · 1197 阅读 · 1 评论 -
kylin框架中使用postcss-px2rem
1.kylin框架的使用不做介绍2.页面中html模板页面中已经使用clientWidth/375*100+px,已经赋值了html的fontsize随页面宽度而变化。比如宽度375的屏html的fontsize为100pxkylin加载postcss-px2remcnpm i --save-dev postcss-px2rem在根目录下的plugin.js中var px2rem = require('postcss-px2rem'); //打开导入// var .原创 2020-05-13 17:24:35 · 213 阅读 · 0 评论