网站首页 网站导航 课程中心
常见问题
您所在的位置:IOS培训 > 常见问题 > iOS开发前端学习技巧

iOS开发前端学习技巧

来源:中软卓越 日期:2017-05-17 16:41 人气:
标签: iOS开发  iOS培训  iOS学习 
中软国际教育集团Python+大数据课程入驻大武汉啦!!!

iOS开发前端学习技巧

前端大概三大块.

HTML

CSS

JavaScript

基本上每个概念在iOS开发中都有对应的.

HTML请想象成只能拉Autolayout或者设置Frame的ViewController.

好比你在网页上放了一个Button,如果用HTML你就可以设置他的摆放位置,在哪哪个控件里.但是你不可以设置大小,颜色,圆角之类的属性.

CSS专门负责HTML管不了的这些颜色啊,大小啊之类的属性.

JavaScript主要负责响应事件,你把它想象成iOS里面的处理Event就行了.

废话不多说.第一篇,我们做个导航条.

如图

iOS开发前端学习技巧

展开你的想象力,在iOS做这样的一个导航条你会用哪个控件?

无非就是ScrollView或者TableView或者Collectionview.

其实HTML这种东西也叫作列表.对应的HTML标签叫做

.

来看下面一段代码.

我上面已经说过了,ul你可以看作是iOS中的UITableView.那么相应的,ul标签所包含的li标签你当然可以看做是一个个UITableViewCell. 所以,整个body标签包含的就是一个拥有6列的列表.(等同于一个拥有六个Cell的UITableView)

保存为index.html之后用chrome打开之后的效果是这样的.

iOS开发前端学习技巧

效果和我们想要的还有一定差距.

每一列之前有个黑点,我们不想要,应该去掉.

导航栏应该是横的而非竖的.

当然还有很多细节不一样,但是这两个最明显,所以我们先改掉这两个问题.

CSS

既然涉及到样式的问题,那么这已经超出HTML力所能及的范围了.我们这时候就要引入CSS了.

怎么引入?

在index.html的同一个文件夹内创建style.css文件.

然后在我们的index.html的

中软卓越培训专注于Java、UI、iOS、Android、php、软件测试、.net、嵌入式、C语言、大数据、HTML5开发,师资力量强大,教学经验丰富,环境优美,交通便利,始终坚持让教育回归本质的教学理念,学习IOS开发,就来中软卓越!

中软卓越是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务,是软件及外包业务快速发展的重要人才支撑平台,是集团保持高速增长动力之一。

中软国际教育集团专注IT教育36年,一直秉承“用良心做教育”的理念,是中国移动互联网研发人才一体化服务的开拓者,全力打造移动互联网研发人才服务优质平台。

公司总部位于武汉,目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安、杭州、重庆、长沙、合肥、无锡、南宁、厦门、南京、南昌等全国22个省成立了60多家分公司。拥有全国的移动互联网教学就业保障团队,做到了毕业学员业内高薪水,成为学员信赖的IT培训机构。

营业执照 版权所有©Copyright 2008-2017,武汉中软卓越科技有限公司 , All Rights Reserved. ICP备案号:15018648号-1

sitemap | 来校路线 | 分类导航 | 关于我们