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

iOS开发前端学习技巧

来源:中软卓越 日期:2017-05-17 16:41 人气:
标签: iOS培训  iOS学习  iOS开发 

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开发,就来中软卓越!

营业执照 版权所有©Copyright 2008-2017,北京中软国际教育科技股份有限公司, All Rights Reserved. ICP备案号:京ICP备14058756号-2

| | 分类导航 | 关于我们