第十二天

1-var str = “hgDzGHjhcxghvcgxzhjzcgjhxzgcjhgsduyfuys”将字符串中出现次数最多的字母弹框输出

  var str = “hgDzGHjhcxghvcgxzhjzcgjhxzgcjhgsduyfuys”;

  var obj = {};
  var arr = [];
  var letter;
  for(var i = 0,len = str.length;i<len;i++){
  letter = str[i];
  if(!obj[letter]){ // 第一次放进去
  obj[letter] = 1;
  }else{
  obj[letter]++;
  }
  }
  var max_key,max_num=0;
  for(key in obj){
  if(max_num <obj[key]){
  max_num = obj[key];
  max_key = key;
  }
  }

  alert('字母:'+max_key);

2-举例实现对象的深拷贝

  var obj1 = {
  age: 10,
  sex: '男',
  hobbies: ['赛车', '打游戏', '听歌'],
  dog: {
  name: '克劳斯',
  weight: 10,
  color: 'black'
  }
  }

  var obj2 = {}
  //通过函数,把a中属性复制到b中
  function copy(a, b) {
  //先去获取a中的属性
  for (var key in a) {
  var item = a[key]
  //判断item是那种数据类型
  if (item instanceof Array) {
  //如果是数组,b中要添加新属性,这个属性也是数组形式
  b[key] = []
  //遍历数组,把a[key]一个一个的复制到b[key]中
  copy(item, b[key])
  } else if (item instanceof Object) {
  b[key] = {}
  copy(item, b[key])
  } else {
  //普通数据直接复制
  b[key] = item
  }

  }
  }
  copy(obj, obj2)
  console.dir(obj1)
  console.dir(obj2)

3-举例实现对象方法的继承

  function Animal(wight, color) {
  this.wight = wight;
  this.color = color;
  }
  Animal.prototype.eat = function() {
  console.log("吃");
  }

  //Cat的构造函数
  function Cat( /*weight, color, */ sex) {
  // this.weight = weight;
  // this.color = color;
  this.sex = sex;
  }
  // Cat.prototype.eat = function() {
  // console.log("猫吃");
  // }
  //改变cat的原型指向,指向Animal,这时Animal和Cat就有关系了
  Cat.prototype = new Animal(100, "red");
  Cat.prototype.catch = function() {
  console.log("抓老鼠");
  }

  var cat = new Cat("男");
  console.log(cat.wight);
  console.log(cat.color);
  console.log(cat.sex);

4-写一个左中右布满全屏,其中左右固定宽度 200px,中间部分自适应,要求先加载中间部分,写出结构和样式

  #leftDiv,#rightDiv{
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  }
  #leftDiv{
  background: #16A05D;
  left: 0;
  }
  #rightDiv{
  background: #DC5044;
  right: 0;
  }
  #centerDiv{
  background: #FFCD41;
  height: 200px;
  }

  <div id="leftDiv">左边div</div<div id="centerDiv">中间div</div<div id="rightDiv">右边div</div>

5-封装一个 jqery 的插件
  $.fn.alertMsg = function () {
  alert('我是一个插件');
  }
  $("#test").alertMsg ();
posted @ 2021-03-07 15:36  1825632889  阅读(41)  评论(0)    收藏  举报