小程序校园地图导航系统需要学习什么

html-css011

小程序校园地图导航系统需要学习什么,第1张

编程技术

开发小程序需要的是编程基础，需要学习的技术如下：

1、微信小程序wxml，这个语言的编程理念和html网页的编程技术是类似的。

2、微信小程序之wxss，就是微信的css。微信把网页编程里运用的css，换成了自己的开发语言，wxss，其实主要的实现思想理念也和网页的开发技术基本没什么不同，也是一些标签的简单替换，大部分和原先的css、基本不误。

3、微信小程序之js，如果你想开发一款微信小程序学会微信小程序的js是必须要精通的

4、微信小程序之json，简单来说json就是微信小程序的一门主次的界面，工程师们可以通过json控制上下菜单栏、主次的页面展示顺序，不过用的频率不高，只是在基本的小程序的框架构架才会应用到。

其实，小程序类似于H5面，提供了视图层描述语言，需要掌握WXML和WXSS以及基于JavaScript的逻辑层框架，这里wxml相当于html，wxss相当于css。

float:right

width:163px

height:105px

margin-right:0

margin-top:0

background-image:url(images/t_06.jpg)}#right a{position:absolute

display:block

width:108px

height:26px}#right a:hover{

border:1px solid #ffcc00

}/*定义hover时的样式*/

#right .one a{top:10pxright:110px

} /* 第一个热点链接位置的*/

#right .two a{top:40pxright:110px

}/* 第二个热点链接位置的*/

#right .three a{top:70pxright:110px

}/* 第二个热点链接位置的*/

在html中加入以下<body<div id="top"

<li id="right"<ul<li class= "one " <a href= "# " 第一个热点</a </li

<li class= "two " <a href= "# " 第二个热点</a </li

<li class= "three " <a href= "# "第三个热点 </a </li</ul</li</div</body

注：top是整个页面上部分的定义，这个是接上面的一部分，主要是讲解添加热点。在网站制作的过程中是很使用的一块，可以根据情况做些改动。