第十五届蓝桥杯（Web 应用开发）模拟赛 2 期-大学组

1. 相不相等

var expectFn = function(val) {
  // TODO
  return{
  toBe:function (value){
    if(val===value){
      return true
    }else return "Not Equal"
  },
 notToBe:function (value){
    if(val!==value){
      return true
    }else return "Equal"
  }
  }
};

2. 三行情书

span {
    font-size: 20px;
    color: #837362;
    /* TODO：补充下面的代码 */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
}
p {
    color: #837362;
    /* TODO：补充下面的代码 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

3. 电影院在线订票

目标

请在 js/script.js 文件中补全代码，最终实现订票功能。具体需求如下：

实现异步数据读取和渲染功能，使用 axios 请求 ./data.json（必须使用该路径请求，否则可能会请求不到数据）的数据。
- 将电影名字 name 渲染到 id 为 movie-name 的节点中。
- 将电影售价 price 渲染到 id 为 movie-price 的节点中。
- 将座位信息 seats 渲染到 id 为 seat-area 的节点中，二维数组中每一个子数组代表一行，0 代表没有被他人占位，1 代表已经被订购。

每一行生成的 DOM 节点格式如下：

<!-- 每一行节点都使用 row class 包裹 -->
<div class="row">
  <!-- 每个座位都具有 seat 的 class -->
  <div class="seat"></div>
  <!-- 如果座位被占了，则相应设置 occupied class -->
  <div class="seat occupied"></div>
  <!-- ...... -->
</div>

完成后的页面布局效果如下：

完成效果