百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

js基础面试题42-50道

bigegpt 2024-08-09 11:18 2 浏览

42.split() join()的区别

参考答案:

join():用于把数组中的所有元素通过指定的分隔符进行分隔放入一个字符串

split():用于把一个字符串通过指定的分隔符进行分隔成数组

参与互动


43.JavaScript 的数据类型

参考答案:JS 数据类型共有六种,分别是 String、Number、Boolean、Null、Undefined 和 Object 等, 另外,ES6 新增了 Symbol 类型。其中,Object 是引用类型,其他的都是基本类型(Primitive Type)。

参与互动


44.如何判断一个对象是否属于某个类?

参考答案:instanceof

解析:

if (a instanceof Person) {
    alert("yes");
}

参与互动


45.new 操作符具体干了什么呢?

参考答案:

样本一

new 共经过了 4 几个阶段

  • 1、创建一个空对象
  • 2、设置原型链
  • 3、让 Func 中的 this 指向 obj,并执行 Func 的函数体
  • 4、判断 Func 的返回值类型:

样本二


function Test(){}
const test = new Test()

1.创建一个新对象:


const obj = {}

2.设置新对象的 constructor 属性为构造函数的名称,设置新对象的__proto__属性指向构造函数的 prototype 对象


obj.constructor = Test
obj.__proto__ = Test.prototype

3.使用新对象调用函数,函数中的 this 被指向新实例对象


Test.call(obj)

4.将初始化完毕的新对象地址,保存到等号左边的变量中

参与互动


46.call() 和 apply() 的含义和区别?

参考答案:

首先说明两个方法的含义:

  • call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1, args2); 即 A 对象调用 B 对象的方法。
  • apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments); 即 A 对象应用 B 对象的方法。

call 与 apply 的相同点:

  • 方法的含义是一样的,即方法功能是一样的;
  • 第一个参数的作用是一样的;

call 与 apply 的不同点:两者传入的列表形式不一样

  • call 可以传入多个参数;
  • apply 只能传入两个参数,所以其第二个参数往往是作为数组形式传入

想一想哪个性能更好一些呢?

参与互动


47.sort 排序原理

参考答案:冒泡排序法

解析:

冒泡排序法的原理:

  • 比较相邻的元素。如果第一个比第二个大,就交换他们两个。
  • 对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。
  • 针对所有的元素重复以上的步骤,除了最后一个。
  • 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。

示例:

var arr = [1, 5, 4, 2];
// sort()方法的比较逻辑为:
// 第一轮:1和5比,1和4比,1和2比
// 第二轮:5和4比,5和2比
// 第三轮:4和2比
// 一.sort排序规则 return大于0则交换数组相邻2个元素的位置
// 二.arr.sort(function (a,b) {})中
//         a -->代表每一次执行匿名函时候,找到的数组中的当前项;
//         b -->代表当前项的后一项;

// 1.升序
var apple = [45, 42, 10, 147, 7, 65, -74];
// ①默认法,缺点:只根据首位排序
console.log(apple.sort());
// ②指定排序规则法,return可返回任何值
console.log(
    apple.sort(function(a, b) {
        return a - b; //若return返回值大于0(即a>b),则a,b交换位置
    })
);

//2.降序
var arr = [45, 42, 10, 111, 7, 65, -74];
console.log(
    apple.sort(function(a, b) {
        return b - a; //若return返回值大于零(即b>a),则a,b交换位置
    })
);

参考 1、参考 2

参与互动


48.Zepto 的点透问题如何解决?

参考答案:

方案一:来得很直接 github 上有个 fastclick 可以完美解决https://github.com/ftlabs/fastclick

引入 fastclick.js,因为 fastclick 源码不依赖其他库所以你可以在原生的 js 前直接加上

window.addEventListener(
    "load",
    function() {
        FastClick.attach(document.body);
    },
    false
);

或者有 zepto 或者 jqm 的 js 里面加上

$(function() {
    FastClick.attach(document.body);
});

当然 require 的话就这样:

var FastClick = require("fastclick");
FastClick.attach(document.body, options);

方案二:用 touchend 代替 tap 事件并阻止掉 touchend 的默认行为 preventDefault()

$("#cbFinish").on("touchend", function(event) {
    //很多处理比如隐藏什么的
    event.preventDefault();
});

方案三:延迟一定的时间(300ms+)来处理事件

$("#cbFinish").on("tap", function(event) {
    setTimeout(function() {
        //很多处理比如隐藏什么的
    }, 320);
});

这种方法其实很好,可以和 fadeInIn/fadeOut 等动画结合使用,可以做出过渡效果

理论上上面的方法可以完美的解决 tap 的点透问题,如果真的不行,用 click

解析:

1、“点透”是什么?

你可能碰到过在列表页面上创建一个弹出层,弹出层有个关闭的按钮,你点了这个按钮关闭弹出层后后,这个按钮正下方的内容也会执行点击事件(或打开链接)。这个被定义为这是一个“点透”现象。

2、为什么会出现点透呢?

参考

参与互动


49.如何判断当前脚本运行在浏览器还是 node 环境中?

参考答案:通过判断 Global 对象是否为 window,如果不为 window,当前脚本没有运行在浏览器中

参与互动


50.移动端最小触控区域是多大?

参考答案:苹果推荐是 44pt x 44pt



357.进程间通信的方式?


358.Js中prototype、[[prototype]]和__proto__的区别和用法


359.说下CommonJS、AMD、CMD三种规范


360.微信的JSSDK都有哪些内容?如何接入?


361.H5页面在微信中如何禁止分享给好友和朋友圈?


362.什么是本地存储的有效期?


363.ECMAScript 和 JavaScript 的关系


364.ES6 与 ECMAScript 2015 的关系


365.prototype、__proto__与constructor的关系




  • ? 2022 GitHub, Inc.
  • Terms
  • Privacy
  • Security
  • Status
  • Docs
  • Contact GitHub
  • Pricing
  • API
  • Training
  • Blog
  • About

相关推荐

10w qps缓存数据库——Redis(redis缓存调优)

一、Redis数据库介绍:Redis:非关系型缓存数据库nosql:非关系型数据库没有表,没有表与表之间的关系,更不存在外键存储数据的形式为key:values的形式c语言写的服务(监听端口),用来存...

Redis系列专题4--Redis配置参数详解

本文基于windowsX64,3.2.100版本讲解,不同版本默认配置参数不同在Redis中,Redis的根目录中有一个配置文件(redis.conf,windows下为redis.windows....

开源一夏 | 23 张图,4500 字从入门到精通解释 Redis

redis是目前出场率最高的NoSQL数据库,同时也是一个开源的数据结构存储系统,在缓存、数据库、消息处理等场景使用的非常多,本文瑞哥就带着大家用一篇文章入门这个强大的开源数据库——Redis。...

redis的简单与集群搭建(redis建立集群)

Redis是什么?是开源免费用c语言编写的单线程高性能的(key-value形式)内存数据库,基于内存运行并支持持久化的nosql数据库作用主要用来做缓存,单不仅仅是做缓存,比如:redis的计数器生...

推荐几个好用Redis图形化客户端工具

RedisPlushttps://gitee.com/MaxBill/RedisPlusRedisPlus是为Redis可视化管理开发的一款开源免费的桌面客户端软件,支持Windows、Linux...

关于Redis在windows上运行及fork函数问题

Redis在将数据库进行持久化操作时,需要fork一个进程,但是windows并不支持fork,导致在持久化操作期间,Redis必须阻塞所有的客户端直至持久化操作完成。微软的一些工程师花费时间在解决在...

你必须懂的Redis十大应用场景(redis常见应用场景)

Redis作为一款高性能的键值存储数据库,在互联网业务中有着广泛的应用。今天,我们就来详细盘点一下Redis的十大常用业务场景,并附上Golang的示例代码和简图,帮助大家更好地理解和应用Redis。...

极简Redis配置(redis的配置)

一、概述Redis的配置文件位于Redis安装目录下,文件名为redis.conf(Windows名为redis.windows.conf,linux下的是redis.conf)你可以通过C...

什么是redis,怎么启动及如何压测

从今天起咱们一起来学习一下关于“redis监控与调优”的内容。一、Redis介绍Redis是一种高级key-value数据库。它跟memcached类似,不过数据可以持久化,而且支持的数据类型很丰富。...

一款全新Redis UI可视化管理工具,支持WebUI和桌面——P3X Redis UI

介绍P3XRedisUI这是一个非常实用的RedisGUI,提供响应式WebUI访问或作为桌面应用程序使用,桌面端是跨平台的,而且完美支持中文界面。Githubhttps://github....

windows系统的服务器快速部署java项目环境地址

1、mysql:https://dev.mysql.com/downloads/mysql/(msi安装包)2、redis:https://github.com/tporadowski/redis/r...

window11 下 redis 下载与安装(windows安装redis客户端)

#热爱编程是一种怎样的体验#window11下redis下载与安装1)各个版本redis下载(windows)https://github.com/MicrosoftArchive/r...

一款轻量级的Redis客户端工具,贼好用!

使用命令行来操作Redis是一件非常麻烦的事情,我们一般会选用客户端工具来操作Redis。今天给大家分享一款好用的Redis客户端工具TinyRDM,它的界面清新又优雅,希望对大家有所帮助!简介Ti...

一个.NET开发且功能强大的Windows远程控制系统

我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现!项目介绍SiMayRemoteMonitorOS是一个基于Windows的远程控制系统,完...

Redis客户端工具详解(4款主流工具)

大家好,我是mikechen。Redis是大型架构的基石,也是大厂最爱考察内容,今天就给大家重点详解4款Redis工具@mikechen本篇已收于mikechen原创超30万字《阿里架构师进阶专题合集...