h5学习笔记（1）

使用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 还要继续看。