h5学习笔记(1)

来源:互联网 发布:ehviewer老是网络错误 编辑:程序博客网 时间:2024/05/17 08:39

使用H5框架来拼凑一些手机端页面,最近有一些体会。基于组件式的开发和布局方式来写页面让人受益良多。但经常要了解布局方式。div的方式使用很多,经常配合css 来做。如果用reactjs来写也是类似但方式大概不是特别多。
最近接触android 也好,ios 也好,包括web 也好,经常接触到 水平布局,垂直布局,表格流,等方式处理相应的问题记录。

几个div 要水平布局,
几个div 要垂直布局,
经常对图片垂直居中
文字横向处理。
ul 和li 经常配搭。
a 超链接的方式交互
button 的 jq 处理,和ajax的请求页面的方式。

比较多的是。对一个列渲染 ,好像我一个列表,好多商品数据要怎样做?当时我观看案例的时候,他们会写好多的ui 和li 要不就很多div 组合。

其实 <div class = 'div-container'> 里面添加相应</div>的代码,这个商品列表就可以做出来那么js 里面要怎样写?最近看的一种方式是js 添加一些html的代码,进行模拟然后使用append 类似一个添加的功能对div 里面进行添加。<div class = 'div-container'>    <div>列表项目1</div>   <div>列表项目2</div>   <div>列表项目3</div>   <div>列表项目4</div></div>

这种经常是数据进行对列表绑定先有凑效。平时很少接触这些web,在android 里面经常需要这样搞数据绑定和渲染。
目前为止,还卡在当中。好多东西还不会。我的ios 还要继续看。

0 0
原创粉丝点击