前端与移动开发乐淘项目-day02

1.实现mui区域滚动：
A.编写区域滚动需要的dom结构：

<div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <!--这里放置真实显示的DOM内容-->
        </div>
    </div>
    B.编写实现区域滚动的js代码：
    <script>
        mui('.mui-scroll-wrapper').scroll({
            deceleration: 0.0005 //系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
        });
    </script>

2.将数据添加到数据库中的步骤：
A.点击wamp图标，点击phpMyAdmin
B.输入账号root，默认密码为空
C.点击导入选项卡，点击选择文件，选择项目中的“letao初始化.sql”
D.点击页面下方的执行按钮，进行执行。

3.发送Ajax请求数据之后需要将数据在页面中显示，使用模板引擎展示数据的步骤：

A.引入模板引擎:<script src="template-native.js"></script>
    B.创建模板script：<script type="text/template" id="first"></script>
    C.将数据和模板结合生成需要的html代码：
    <script type="text/javascript">
        $.ajax({
            ...
            success:function(data){
                //html变量得到的就是模板引擎生成的html代码
                var html = template("first",data);
            }
        })
    </script>
    D.修改第二步步骤创建的模板，将数据填入到需要的地方
    <script type="text/template" id="first">
        <% for(var i=0;i<rows.length;i++){ %>
            <div><%=rows[i].xxx%></div>
        <% } %>
    </script>

4.本地存储的基本使用：
A.读取：var result = localStorage.getItem("存储信息的key");
B.存储：localStorage.setItem("存储信息的key","需要保存的字符串信息");

案例：假设我需要将我的银行卡号存储在本地存储中，假定存储的关键字为cardId，那么代码编写如下：
localStorage.setItem("cardId","13294632875327498321");

  如果需要从本地存储中读取卡号信息，代码编写如下：

var card = localStorage.getItem(cardId");

转载于:https://blog.51cto.com/13517854/2315859