中级
半小时
有一定编程经验。
Typescript
什么是“index.html”?
官方是这样描述的:
这是别人访问你的网站是看到的主页面的 HTML 文件。 大多数情况下你都不用编辑它。 在构建应用时,CLI 会自动把所有 js 和 css 文件添加进去,所以你不必在这里手动添加任何 <script> 或 <link> 标签。
从中我们可以得出以下三点:
“index.html”位置及内容如下:
具体内容:
这就是一个普通的html。
里面只说两点,第一点是我们之前讲解过的网站头像“favicon.ico”,还有一点是没有讲解过的“app-root”组件选择器。后者是重点。
首先,我们来看看网站头像,这个之前讲解过,但是在“index.html”里面还没有讲解。
涉及到的代码如下:
这是一个icon的引用,将“favicon.ico”设置为网站头像。
注意看,href属性值直接写的是“favicon.ico”,也就是说“favicon.ico”所在的目录是和“index.html”是同一个目录。
接着往下看,我们会看到一个比较奇怪的标签:
Q:这个标签叫什么?
这个叫组件选择器也叫CSS选择器。
Q:什么叫组件选择器?
从它的名字中可以得知两点:组件和选择器。其中选择器是组件在HTML中的名字。
Q:什么是组件?
官方描述:
组件控制屏幕上被称为视图的一小片区域。
不知道对官方描述有没有理解,没理解也没关系,下一章就会详细讲解到什么组件。
Q:app-root这个组件选择器实际对应的组件是什么?
app-root组件选择器对应的是应用中AppComponent组件。
Q:AppComponent组件在哪?
如图所示,中app目录下的“app.component.ts”文件中,用Typescript写成。
它的具体内容如下:
Q:我在图片中看到了“app-root”,想问包括它自身所在的这一行是什么意思?
官方描述:
selector:是一个 CSS 选择器,它会告诉 Angular,一旦在模板 HTML 中找到了这个选择器对应的标签,就创建并插入该组件的一个实例。 比如,如果应用的 HTML 中包含 <app-root></app-root>,Angular 就会在这些标签中插入一个 AppComponent 实例的视图。
这个描述应该很清楚了,将组件的视图插入到选择器所在的位置。
至此,“index.html”相关的讲解就先告一段落了,里面还有其它没有讲解的内容暂时不作重点。
后续还会再接触的,用到时再作分析。
如果大家有问题或想了解更多前沿技术,请在下方留言或评论,我会为大家解答。
Angular第十八章:应用入口“main.ts”
Angular第二十章:app开发目录
加入同步学习小组,共同交流与进步。
如果你也热爱前沿技术,欢迎关注我们。
原创不易,未经允许不得转载!
有人说我只会只会简单的html 能不能做安卓(android)手机上的app呢?答案是可以的。什么是android呢,用过手机的估计都知道了。App就是手机上的应用软件,一种移动客户端软件。掌握html,你就可以做一个HTML的网站了,这也不是APP啊。其实 我们利用html写出手机屏幕大小的web页面 让后放入手机浏览器内执行,就是一款web app了。在几年前的工作中有做过手机App项目,pc前端和android和ios程序员配合完成整个项目的开发,这也让我产生了学习android和ios程序开发的兴趣。于是写了第一个android程序first_app,分享给其他也想学习android移动开发的朋友或是好奇安卓app是怎么制作的朋友。Web app 也是app 的一种。可以把这个Html页面打包成app。本质上都是web,都是利用html、css、js构建的网站,不同的是,webapp利用框架技术等让你有了在使用App的感觉(比如页面不跳转刷新等)。这方面做的最好的是 HBuilder。使用它,你可以使用网页(html+css+js)快速地创建APP应用程序。并在android手机中展示和使用。(当然如果网页做得好的话,采用响应式布局,即可在手机上完美展示)。hbuilder优点:速度快,所需要的环境少,加快了开发者速度,不会因为各种JDK,java,Android环境而无法打包生成apk或ipa头疼,大大减少了开发繁琐操作。
我们首先打开web开发工具hbuilder,新建一个项目如图:
新建完成后, 在项目管理器会显示新建的项目目录,其中css,img,js和index.html这几个文件可删可改可替换。
unpackage文件夹是放置app图标和启动界面的图片。
1和2是mui框架,需要的css和js文件,不懂可以不用动。
页面入口默认是index.html,根据自己项目需要,更改APP的启动页面,3是manifest.json文件是移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息,当然如果你要设置 APP 的启动图和图标,你只需要在 manifest.json 里面进行设置即可,这就是为什么不要删掉的原因!
下图为index.html的内容,很简单,在html的body中写入内容。
云打包的好处就是我们不需要在本地搭建环境,直接提交上去,打包好会返回下载链接让我下载安装包,除了生产 Android 安装包之外,还可以生成 ios 的,我们这边只测试生成 Android 的安装包。
配置完成后,点击页面下方的图标配置:配置APP在手机上的显示图标;默认是HBuilder的图标:
点击"打开下载目录",找到app所在目录
提交之后会需要 2-5 分钟的打包,然后生成一个 apk 安装包,就可以在手机安装使用你开发得 app 了,什么签名这些全都不用搞。
打包成功后就可以将apk文件装到到android手机上查看效果了。如图:
者 | 局长
本文经授权转载自开源中国
近日,HackerRank 发布了 2019 年的年度《开发者技能报告》,报告调查了来自 100 多个国家的 71000 余名软件开发者。HackerRank 是国外一家知名的招聘平台,面向求职者提供了编程练习、面试准备等一系列服务。不过 HackerRank 更为人熟知的是其竞争性的编程挑战比赛,这种编程挑战比赛横跨多个计算机学科领域,旨在根据技能评估开发者。
各行各业都需要软件开发者,这也就意味着雇主们对技术人才的竞争非常激烈。HackerRank 发布的这份报告正是为了帮助从 CEO、企业高管、招聘经理到招聘专员的每个不同头衔的角色都能了解自己所物色的开发者。
下面继续看看报告的详细信息。
编程语言
HackerRank 询问开发者他们知道哪些编程语言以及他们想要学习哪些编程语言。73% 的开发人员表示,他们在 2018 年知道 JavaScript,而 2017 年这一比例为 66%。JavaScript 是 2018 年最知名的编程语言,而 2017 年最知名的编程语言是 Java。
开发者在 2019 年想要学习的编程语言
去年,开发者希望学习 Go、Kotlin 和 Python。到了今年,开发者对这几门编程语言依然热情高涨。不过我们发现,开发者对 Scala 的学习热情有所下降,而对 TypeScript 的学习兴趣增加了不少。
框架
问世已久的 AngularJS 仍然是开发者所知道的最受欢迎的框架,但更多的开发者已经开始学习 React。知道 React 的开发者比例从 2017 年的 20% 跃升至 2018 年的 26%。
开发者在 2019 年想要学习的框架
可以看到,React 所占的比例最高,开发者最感兴趣的是今年学习 React 框架。
招聘主管希望雇员掌握的框架与开发者知道的框架
如图表所示,公司最渴望聘请的是 React 开发者。
值得采用的技术
在实际应用的新技术方面,53% 的开发者认为物联网(IoT)最有可能在未来两年内被采用。毕竟住房、汽车和整座城市的联网程度变得越来越紧密,所以这应该不会让我们感到惊讶。
到 2020 年诸多技术的实际应用
人工智能技术并不落后。50% 的开发者认为深度学习在 2020 年之前得到采用的可能性“非常现实”,其次是云机器学习 Cloud ML (41%)和计算机视觉(38%)。
34% 的开发者给 AR 和 VR 竖了两个大拇指,37% 的开发者给它们竖了一个大拇指。另一方面,觉得区块链被“过度夸大”的开发者最多,量子计算则被认为在 2020 年之前最不可能被采用。
经常抱怨的问题和 Bug
开发者在工作中也会有各种各样的烦恼。不过,这些烦恼因资历而异,初级开发者最讨厌写得糟糕的开发文档,高级开发者则最不能容忍“面条代码”(通常指结构不清晰和难以维护的代码)。
开发者觉得生产环境中最大的 bug
当被问及他们生产环境中最大的 bug 时,62% 的开发者认为是部署了未经测试或遭受破坏的代码。但是也有近 10 %的开发者表示删库才是最大的 bug。
开发者想要什么,不想要什么
寻找工作时,所有开发者对有机会获得兼顾职业发展和生活的工作最感兴趣。正如你所料,高级开发者更看重有竞争力的薪酬,而初级开发者关心的是“有待解决的有趣问题”。
什么原因使开发者对雇主毫无兴趣?
68% 的开发者最有可能对未能阐述清楚工作角色的雇主毫无兴趣。所以,雇主如果希望吸引顶尖的开发人才,下面的图表值得仔细研读。
HackerRank 首席执行官 Vivek Ravisankar 在一份声明中说到:“招聘和留住熟练的开发者对各地的企业至关重要。招聘专员和招聘经理需要深入了解开发者群体是怎样的一群人、他们关心什么以及他们想从雇主那里得到什么。比如,在考虑工作机会时,将近一半的开发者认为价值观不一致是关键的阻碍因素。我们希望每个开发者都能找到心水的工作,而这些数据也为工程师团队提供了一个参考,以便找到并留住最适合的开发者。”
完整报告可查看:http://info.hackerrank.com/rs/487-WAY-049/images/HackerRank_2019-Developer-Skills-Report.pdf
参考:https://venturebeat.com/2019/01/29/hackerrank-developer-skills-report-2019/
*请认真填写需求信息,我们会在24小时内与您取得联系。