24H免费课程咨询  TEL:13401595960   QQ:1870218756  微信:13401595960(李老师)

东方博宜

网站首页 > 软件开发资讯 > IOS开发

【常州iOS开发培训班】iOS开发如何学习前端

2018-05-22 18:45:23 东方博宜 阅读

概念


前端大概三大块.

HTML

CSS

JavaScript


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


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


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


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


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


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


如图



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


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


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


来看下面一段代码.


<!DOCTYPE html>

<html>

<title>Navigator</title>

<head>

</head>

<body>

<ul>

<li><a href="#">HTML</a></li>

<li><a href="#">CSS</a></li>

<li><a href="#">JAVASCRIPT</a></li>

<li><a href="#">SQL</a></li>

<li><a href="#">PHP</a></li>

<li><a href="#">BOOTSTRAP</a></li>

</ul>

</body>

</html>


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

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




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

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

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


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

常州东方博宜是一家专注IT,互联网,电脑方面的顶尖培训机构,欢迎社会及院校有志互联网营销,搜索引擎营销的人士,来东方博宜报名学习,互相交流。

常州东方博宜地址:常州天宁区延陵西路2号工人文化宫5号楼

 2.新北区太湖东路9-4号常州创意园E12


Powered by 东方博宜教育咨询江苏有限公司  ©2008-2018 www.czos.cn