当前位置: 首页 > news >正文

第一个做网站的是谁中国网站排名查询

第一个做网站的是谁,中国网站排名查询,全网有哪些网站可以做淘客,网迎客 网站建设命令式 简单讲就是需要开发用代码一步一步进行布局,这个过程需要开发全程参与。 开发前请熟悉鸿蒙开发指导文档:gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 Objective-C ObjectiveC 复制代码 UIView *cardView …

命令式

简单讲就是需要开发用代码一步一步进行布局,这个过程需要开发全程参与。
开发前请熟悉鸿蒙开发指导文档:gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。

  • Objective-C
ObjectiveC
复制代码
UIView *cardView = [[UIView alloc] init];
cardView.backgroundColor = [UIColor whiteColor];
cardView.layer.cornerRadius = 16;
cardView.clipsToBounds = YES;
[self.view addSubview:cardView];
[cardView mas_makeConstraints:^(MASConstraintMaker *make) {make.left.mas_equalTo(16);make.right.mas_offset(-16);make.height.mas_equalTo(116);make.top.mas_equalTo(100);
}];NSString *imgUrl = @"https://ke-image.ljcdn.com//110000-inspection//pc1_nBllrJgGj_1.jpg.280x210.jpg";
UIImageView *imgView = [[UIImageView alloc] init];
imgView.backgroundColor = [UIColor lightGrayColor];
[imgView sd_setImageWithURL:[NSURL URLWithString:imgUrl]];
[cardView addSubview:imgView];
[imgView mas_makeConstraints:^(MASConstraintMaker *make) {make.top.bottom.mas_offset(0);make.left.mas_equalTo(0);make.width.mas_equalTo(107);
}];UILabel *titleLbl = [[UILabel alloc] init];
titleLbl.font = [UIFont systemFontOfSize:14 weight:UIFontWeightBold];
titleLbl.textColor = [UIColor blackColor];
titleLbl.text = @"万柳书院新一区 南北向满五唯一";
[cardView addSubview:titleLbl];
[titleLbl mas_makeConstraints:^(MASConstraintMaker *make) {make.left.mas_equalTo(imgView.mas_right).mas_offset(12);make.right.mas_offset(-12);make.top.mas_equalTo(16);
}];UILabel *subTitleLbl = [[UILabel alloc] init];
subTitleLbl.textColor = [UIColor blackColor];
subTitleLbl.font = [UIFont systemFontOfSize:12 weight:UIFontWeightRegular];
subTitleLbl.text = @"4室2厅/278.35㎡/南 北/万柳书院";
[cardView addSubview:subTitleLbl];
[subTitleLbl mas_makeConstraints:^(MASConstraintMaker *make) {make.left.right.mas_equalTo(titleLbl);make.top.mas_equalTo(titleLbl.mas_bottom).mas_offset(8);
}];UILabel *priceLbl = [[UILabel alloc] init];
priceLbl.font = [UIFont systemFontOfSize:14 weight:UIFontWeightBold];
priceLbl.textColor = [UIColor redColor];
priceLbl.text = @"4238万";
[cardView addSubview:priceLbl];
[priceLbl mas_makeConstraints:^(MASConstraintMaker *make) {make.left.mas_equalTo(titleLbl);make.bottom.mas_offset(-16);
}];UILabel *avgPriceLbl = [[UILabel alloc] init];
avgPriceLbl.textColor = [UIColor lightGrayColor];
avgPriceLbl.font = [UIFont systemFontOfSize:12 weight:UIFontWeightRegular];
avgPriceLbl.text = @"155,445元/平";
[cardView addSubview:avgPriceLbl];
[avgPriceLbl mas_makeConstraints:^(MASConstraintMaker *make) {make.left.mas_equalTo(priceLbl.mas_right).mas_offset(2);make.right.mas_lessThanOrEqualTo(titleLbl.mas_right);make.bottom.mas_equalTo(priceLbl);
}];

声明式

声明式则是由开发使用语言描述UI页面长什么样子,之后全权交给引擎去做

  1. 对页面结构进行大的拆解。比如上面卡片分左右两大部分
  2. 选用合适的容器组件进行页面描述
  3. 针对拆解出来的每个部分重复上面的两步,直到无法拆解只能使用基本组件描述为止

比如上面的卡片可以进行如下的拆分

  1. 整体是一个Row容器,分为左右两大部分,左边是图片,右边是一个Column容器
  2. 右边Column容器又拆分为两大部分,上面是标题和描述,下面是价格。两部分按照space-between布局
  3. 上面的标题和描述作为一个整体,里面拆分成Column的两个组件
  4. 下面价格可以直接使用系统组件Text

ReactNative

TypeScript
复制代码
<Viewstyle={{borderRadius: 8,marginHorizontal: 16,flexDirection: 'row',backgroundColor: 'white',overflow: 'hidden',height: 116,}}><Imagesource={{uri: 'https://ke-image.ljcdn.com//110000-inspection//pc1_nBllrJgGj_1.jpg.280x210.jpg',}}style={{width: 107, backgroundColor: '#eee'}}/><Viewstyle={{marginVertical: 16,marginHorizontal: 12,flex: 1,justifyContent: 'space-between',}}><View><Text style={{fontSize: 14, color: '#222', fontWeight: '500'}}>万柳书院新一区 南北向满五唯一</Text><Text style={{fontSize: 11, color: '#222', marginTop: 8}}>4室2厅/278.35㎡/南 北/万柳书院</Text></View><Viewstyle={{flexDirection: 'row', marginTop: 8, alignItems: 'flex-end'}}><Textstyle={{fontSize: 17,color: '#E62222',fontWeight: 'bold',}}>4238万</Text><Text style={{fontSize: 11, color: '#999', marginLeft: 6}}>155,445元/平</Text></View></View>
</View>

Flutter

flutter
复制代码

SwiftUI

swift
复制代码
HStack(spacing:0) {AsyncImage(url: URL(string: "https://ke-image.ljcdn.com//110000-inspection//pc1_nBllrJgGj_1.jpg.280x210.jpg")).frame(width:107).aspectRatio(contentMode: .fill).clipped()VStack(alignment: .leading,spacing:0) {VStack(alignment: .leading,spacing:0) {Text("万柳书院新一区 南北向满五唯一").lineLimit(1).font(.system(size: 14)).foregroundColor(.black).fontWeight(.bold)Text("4室2厅/278.35㎡/南 北/万柳书院").lineLimit(1).font(.system(size: 12)).foregroundColor(.black).padding(.top, 8)}Spacer()HStack(alignment: .bottom,spacing:2) {Text("4238万").font(.system(size: 14)).foregroundColor(.red).fontWeight(.bold)Text("155,445元/平").font(.system(size: 12)).foregroundColor(.secondary).padding(.leading, 2)}}.padding(.vertical, 16).padding(.horizontal, 12)Spacer()
}
.frame(height: 116)
.background(.white)
.clipShape(RoundedRectangle(cornerRadius: 8))
.padding(.horizontal, 16)
}

ArkUI

typescript
复制代码Row() {Row() {Image("https://ke-image.ljcdn.com//110000-inspection//pc1_nBllrJgGj_1.jpg.280x210.jpg").width(107).height("100%").objectFit(ImageFit.Cover)Column() {Column() {Text("柳书院新一区 南北向满五唯一").fontSize(16).fontColor("#222").maxLines(1)Text("4室2厅/278.35㎡/南 北/万柳书院").fontSize(14).fontColor("#222").maxLines(1).margin({ top: 8 })}.alignItems(HorizontalAlign.Start)Row() {Text("4238万").fontSize(15).fontColor("#E62222") .fontWeight(FontWeight.Bold)Text("155,445元/平").fontSize(13).fontColor("#222").margin({ left: 2 })}.justifyContent(FlexAlign.Start).alignItems(VerticalAlign.Bottom)}.width("100%").height("100%").padding({ top: 16, bottom: 16, left: 12, right: 12 }).alignItems(HorizontalAlign.Start).justifyContent(FlexAlign.SpaceBetween)}.borderRadius(8).margin({ left: 16, right: 16 }).backgroundColor(Color.White).justifyContent(FlexAlign.Start).clip(true)}.height(116).width("100%")

搜狗高速浏览器截图20240326151547.png

小结

  1. 从上面的例子可以看出来,声明式语法只需要我们描述UI长什么样就行。不需要做太多布局计算的工作,让我们少掉一些头发
  2. ArkUI和SwiftUI的语法最像,甚至它们的状态管理也很像,都是提供了状态绑定和监听机制来更新UI样式

鸿蒙开发岗位需要掌握那些核心要领?

目前还有很多小伙伴不知道要学习哪些鸿蒙技术?不知道重点掌握哪些?为了避免学习时频繁踩坑,最终浪费大量时间的。

自己学习时必须要有一份实用的鸿蒙(Harmony NEXT)资料非常有必要。 这里我推荐,根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了:【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技术知识点。

废话就不多说了,接下来好好看下这份资料。

如果你是一名Android、Java、前端等等开发人员,想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习路线图。

针对鸿蒙成长路线打造的鸿蒙学习文档。鸿蒙(OpenHarmony )学习手册(共计1236页)与鸿蒙(OpenHarmony )开发入门教学视频,帮助大家在技术的道路上更进一步。

其中内容包含:

《鸿蒙开发基础》鸿蒙OpenHarmony知识←前往

  1. ArkTS语言
  2. 安装DevEco Studio
  3. 运用你的第一个ArkTS应用
  4. ArkUI声明式UI开发
  5. .……

《鸿蒙开发进阶》鸿蒙OpenHarmony知识←前往

  1. Stage模型入门
  2. 网络管理
  3. 数据管理
  4. 电话服务
  5. 分布式应用开发
  6. 通知与窗口管理
  7. 多媒体技术
  8. 安全技能
  9. 任务管理
  10. WebGL
  11. 国际化开发
  12. 应用测试
  13. DFX面向未来设计
  14. 鸿蒙系统移植和裁剪定制
  15. ……

《鸿蒙开发实战》鸿蒙OpenHarmony知识←前往

  1. ArkTS实践
  2. UIAbility应用
  3. 网络案例
  4. ……

最后

鸿蒙是完全具备无与伦比的机遇和潜力的;预计到年底将有 5,000 款的应用完成原生鸿蒙开发,这么多的应用需要开发,也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长,学习鸿蒙势在必行!

http://www.rdtb.cn/news/20139.html

相关文章:

  • 战鼓网h5在线制作标题关键词优化技巧
  • 网站所有页面只显示域名百度指数api
  • 做网页的网站叫什么东莞网络营销
  • 可以做微信推送的网站北京谷歌seo公司
  • 免费网站建设市场专业代写软文
  • 帮企业做网站的公司seo搜索引擎优化业务
  • 下模板做网站互联网推广营销方案
  • 找人做小程序要多少钱seo自学网官方
  • 丹东建设安全监督网站站长工具ping检测
  • 辽宁建设银行官方网站制作一个app软件需要多少钱
  • 电子商务网站建设与开发百度视频排名优化
  • 做网站 图片显示不出来北京网站建设东轩seo
  • 免费网站制作app怎么找精准客户资源
  • 怎么做网站底部备案号企业网站管理系统怎么操作
  • 国家安全部内设机构aso苹果关键词优化
  • 浙江耀华建设集团网站每日一则新闻摘抄
  • 私人域名服务器临沂seo网站管理
  • 做怎么网站推广软件外包网站
  • 浙江网站建设推广公司哪家权威杭州10大软件开发公司
  • ppt做的模板下载网站有哪些东莞做网站哪个公司好
  • 佛山企业网站开发如何在百度投放广告
  • 网站文件上传好下一步怎么做seo是对网站进行什么优化
  • 网站banner用什么做网络营销战略
  • 音乐wordpress宁波网站建设网站排名优化
  • 共享设计平台seo管理与优化期末试题
  • 机构网站建设百度统计怎么用
  • 有引导页的网站百度推广开户联系方式
  • cdn 动态网站 加速互联网广告怎么做
  • 做网站的内容seo外包网络公司
  • phpcms建站流程优化清理大师