首页
学习
活动
专区
工具
TVP
发布

HarmonyOS开发学习(1)–页面开发

HarmonyOS开发学习(1)–页面开发 UIAbility是一种包含用户界面的应用组件,主要用于和用户进行交互。UIAbility也是系统调度的单元,为应用提供窗口在其中绘制界面。...一个UIAbility可以对应于多个页面,建议将一个独立的功能模块放到一个UIAbility中,以页面的形式呈现。例如新闻应用在浏览内容的时候,可以进行页面的跳转使用。...mode参数,可以将mode参数配置为router.RouterMode.Single单实例模式和router.RouterMode.Standard实例模式。...在单实例模式下:如果目标页面的url在页面栈中已经存在同url页面,离栈顶最近同url页面会被移动到栈顶,移动后的页面为新建页,原来的页面仍然存在栈中,页面栈的元素数量不变;如果目标页面的url在页面栈中不存在同...url页面,按实例模式跳转,页面栈的元素数量会加1。

5010

Vue页面开发案例解析

在本文中,会讲到如下内容: Vue 页面的优势与劣势 Cli 3.0 的基本配置 Cli 3.0 页面的打包上线 Cli 3.0 的目录解析 如何提升构建效率 受众人群:经常用 Vue 单页面开发的人员...文章目录 本文梗概 前言 一、简述优劣势 二、目录文件解析 三、改造配置 配置文件 运行 四、打包上线 五、提高构建效率 优化原理 操作步骤 六、总结 前言 Vue.js 3.0 支持单页面也支持页面...本文将围绕实际页面开发案例,剖析页面从构建到上线一条龙的过程。自定义配置有蛮多种,这里只是只说其中一种。供大家参考使用。...页面应用开发(MPA) 概念:有多个页面,跳转方式是页面之间的跳转; 优点:组件化开发,组件可复用,开发便捷,首屏加载快,SEO 优化好; 缺点:跳转是整个页面刷新 。...六、总结 页面开发让前后端分离更加变得更加方便,对已有项目进行分离,不需要做太多的修改;让该项目不再依靠后端去套,后期维护也方便。

1.3K40
您找到你想要的搜索结果了吗?
是的
没有找到

Android 页面状态布局管理的开发

一、现状 页面状态布局是开发中常见的需求,即页面在不同状态需要显示不同的布局,实现的方式也比较多,最简单粗暴的方式就是在 XML 中先将不同状态对应的布局隐藏起来,根据需要改变其可见状态,如果多个界面公用相同的状态布局...简单总结下,就是用 StatusView 替换掉要进行状态布局切换的 View,这个 View 可以时 XML 中的任意 View。...先将上边这部分内容转化成代码: public class StatusView extends FrameLayout { ...... /** * 在 Activity 中的初始化方法,默认页面的根布局使用状态布局...getChildAt(0); setContentView(view); } } 3.2、状态布局的切换 StatusView 默认支持 Loading、Empty、Error 三种状态布局,加上原始的页面内容布局...由于StatusView 继承自 FrameLayout,所以会一层布局嵌套。

1.2K10

React页面应用3(webpack4 页面实现)

1、React页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等...)---2018.04.08 3、React页面应用3(webpack4 页面实现)---2018.04.09 4、React页面应用4(webpack4 提取第三方包及公共组件)---2018.04.10...5、React页面应用5(webpack4 页面自动化生成入口文件)---2018.04.11 6、React页面应用6(webpack4 开发环境打包性能小提升)---2018.04.12...7、React页面应用7(webpack4 生产环境配置)---2018.04.13 8、React页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)---2018.04.16...9、React页面应用9(webpack4 引入eslint代码检查)---2018.04.17 开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2

1.1K50

webpack页面开发与懒加载hash解决方案

但是前端项目复杂多变,应对复杂多页面项目时,我们不得不继续踩webpack的hash坑。 在进入正文之前先解释一下所谓的常规单页面和复杂多页面是什么意思。...项目类型 1.1 常规单页面项目 常规单页面符合以下条件: 可以存在多个主js文件和css文件; 每个js文件都是同步打包的,也就是说不存在与主文件相关联的懒加载文件。...1.2 复杂多页面项目 复杂多页面项目符合以下条件: 存在与主文件相关联的懒加载模块文件; 存在多个主js文件。 那么这种类型的项目复杂度在哪呢?如何应用webpack去解决hash问题? 2....总结 webpack的很多理念和解决方案是针对SPA项目的,页面应用的一些问题需要一些复杂的方案去解决。...hash是前端静态资源增量发布的通用手段,而webpack针对hash的解决方案是无法应对页面项目的。本篇文章以笔者真实遇到的场景为例,记录了懒加载场景下各模块的hash解决方案。

1.2K80

vue单页面页面的区别

定义 SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。...MPA页面应用(MultiPage Application) ,指有多个独立页面的应用(多个html页面),每个页面必须重复加载js、css等相关资源。页应用跳转,需要整页资源刷新。...区别 1.刷新方式 SPA:相关组件切换,页面局部刷新或更改 MPA:整页刷新 2.路由模式 SPA:可以使用hash,也可以使用history MPA:普通链接跳转 3.用户体验 SPA:页面片段间时间的切换快...需要单独方案,实现较为困难,不利于SEO检索,可利用服务器端渲染(SSR)优化 MPA:实现方法容易 7.使用范围 SPA:高要求的体验度,追求界面流畅的应用 MPA:适用于追求高度支持搜索引擎的应用 8.开发成本...SPA:较高,长需要借助专业的框架 MPA:较低,但也页面代码重复的 9.维护成本 SPA:相对容易 MPA:相对复杂 10.结构 SPA:一个主页面+许多模块的组件 MPA:许多完整的页面 11.

1.5K40

React页面应用4(webpack自动化生成入口页面)

1.React页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29...3.React页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React页面应用4(webpack自动化生成入口页面)----2017.12.31...5.React页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)----2018.01.01 6.React页面应用6(gulp自动化发布到多个环境,生成版本号,打包成zip等...)----2018.01.02 7.React页面应用7(引入eslint代码检查)----2018.01.03 开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm...然后 我们只需要 有新页面的时候执行 npm run devNew 再执行 npm run dev 愉快的开发吧~~~~~~~~~~

1.7K50

React页面应用1

1.React页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React页面应用2(处理CSS及图片,引入postCSS及图片处理等)----...2017.12.29 3.React页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React页面应用4(webpack自动化生成入口页面)---...-2017.12.31 5.React页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)----2018.01.01 6.React页面应用6(webpack自动化发布到多个环境...,测试环境、预生产环境等)----2018.01.02 7.React页面应用7(引入eslint代码检查)----2018.01.03 开发环境:Windows 8,node v8.9.1,npm...*/ proDirectory:'pc',/*发布目录*/ resource:'resource',/*静态资源*/ }; 开发配置: constwebpack =require('webpack')

1.2K80

React页面应用5(webpack4 页面自动化生成入口文件)

1、React页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等...)---2018.04.08 3、React页面应用3(webpack4 页面实现)---2018.04.09 4、React页面应用4(webpack4 提取第三方包及公共组件)---2018.04.10...5、React页面应用5(webpack4 页面自动化生成入口文件)---2018.04.11 6、React页面应用6(webpack4 开发环境打包性能小提升)---2018.04.12...7、React页面应用7(webpack4 生产环境配置)---2018.04.13 8、React页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)---2018.04.16...9、React页面应用9(webpack4 引入eslint代码检查)---2018.04.17 开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2

2.7K30

Webpack实现页面打包

页面应用(MPA)概念 单页面开发时会把所有的业务放在一个大的入口里面去,不同的子业务还是同一个URL地址,只不过后面的hash会有所不同。...页面相对于单页面的区别在于,项目发布上线以后,有多个入口文件,每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是页面网站,也叫页应用。 页面有什么优势呢?...多个页面之间是解耦的,利于维护; 2. 页面对SEO更加友好; 2....页面打包基本思路 页面打包的基本思路在于,每个页面对应一个entry,每个页面对应一个html-webpack-plugin,但这种方式每次在新增或删除页面时需要修改webpack配置,相当麻烦。...页面打包实现 4.1. 安装插件; npm i glob -D 4.2.

1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券