1、var str = “hgDzGHjhcxghvcgxzhjzcgjhxzgcjhgsduyfuys”将字符串中出现次数最多的字母弹框输出
1 <script> 2 var str = ‘hgDzGHjhcxghvcgxzhjzcgjhxzgcjhgsduyfuys‘ ; 3 str = str.toLocaleLowerCase() ; 4 var obj = {} ; 5 for(var i = 0 ; i < str.length ; i++){ 6 var key = str[i] ; 7 if(obj[key]) { 8 obj[key] ++ ; 9 }else{ 10 obj[key] = 1 ; 11 } 12 } 13 var maxnum = 0 ; 14 for(var key in obj) { 15 if(maxnum < obj[key]){ 16 maxnum = obj[key] ; 17 } 18 } 19 console.log(maxnum) 20 </script>
2、举例实现对象的深拷贝
1 <script>
2 // 深拷贝，把一个对象中的属性或者方法，复制到另外一个对象中，
3 // 要求先在另外的对象中开辟空间，在把一个个的属性复制
4 var obj1 = {
5 age:10,
6 sex:‘man‘,
7 hobbies:[‘赛车‘,‘打游戏‘,‘打球‘],
8 dog:{
9 name:‘eh‘,
10 weight:10,
11 color:‘white‘
12 }
13 }
14
15 var obj2 = {} ;
16 var obj3 = {} ;
17 // 通过函数，把 a中的属性，复制到b中
18 function copy(a,b){
19 // 先去获取a中的属性
20 for(var key in a){
21 var item = a[key] ;
22 // 判断item是哪种数据类型
23 if(item instanceof Array){
24 // 如果是数组，b中要添加新属性，这个属性也是数组形式
25 b[key] = [] ;
26 //遍历数组，把a[key]一个一个复制到b[key]中
27 copy(item,b[key]) ;
28 }else if(item instanceof Object){
29 b[key] = {} ;
30 copy(item,b[key]) ;
31 }else{
32 b[key] = item ;
33 }
34 }
35 }
36 copy(obj1,obj2)
37 obj3 = obj1 ;
38 obj1.name = ‘hh‘
39 obj2.name = ‘kk‘
40 obj3.name = ‘ll‘
41
42 console.log(obj2) ;
43 console.log(obj2) ;
44 console.log(obj1) ;
45 </script>
3、举例实现对象方法的继承
1 <script>
2 function Person(name ,age ,sex){
3 this.name = name ;
4 this.age = age ;
5 this.sex = sex ;
6 }
7 Person.prototype.sayHi = function(){
8 console.log("你好")
9 }
10
11 // 构造函数实现学生的类
12 function Student(name,age,sex,score){
13 // 借用构造函数解决属性值重复的问题
14 Person.call(this,name,age,sex)
15 this.score = score ;
16 }
17 // 通过改变原型指向，继承方法
18 Student.prototype = new Person() // 不传值---属性已经通过构造函数解决了
19 // 创建实例对象
20 var stu = new Student("zs",12,‘man‘,100)
21 stu.sayHi()
22 </script>
4、写一个左中右布满全屏，其中左右固定宽度 200px，中间部分自适应，要求先加载中间部分，写出结构和样式
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Document</title>
7 <style>
8 html,body{
9 margin: 0;
10 width: 100%;
11 }
12 .left,.right{
13 width: 200px;
14 height: 300px;
15 background-color: teal;
16 position: absolute;
17 }
18 .left{
19 left: 0px;
20 }
21 .right{
22 right: 0px;
23 top: 0px;
24 }
25 .content{
26 margin: 0px 200px;
27 background-color: thistle;
28 height: 300px;
29 }
30 </style>
31 </head>
32 <body>
33 <div class="left">left</div>
34 <div class="content">content</div>
35 <div class="right">right</div>
36 </body>
37 </html>
5、封装一个 jqery 的插件
1 (function ($) {
2 $.fn.m??axHeight = function () {
3 var max = 0;
4 this.each(function () {
5 max = Math.max(max, $(this).height());
6 });
7
8 return max;
9 };
10 })(jQuery);
原文：https://www.cnblogs.com/gaobz/p/14488207.html