面试题-未处理的 (上)

简介: 面试题-未处理的

Vue是什么?(了解就可以)


1.是一套用于构建用户界面的渐进式框架,自底向上逐层应用。


2.vue核心只关注视图层,不仅容易上手,而且方便与第三方库整合。


3.当与现代化的工具以及各种支持类库结合使用时,完全能够为复杂的单页应用提供驱动。


Vue的优点 (了解)


1.开发者:只关注视图,简单易学,


2.双向数据绑定,操作数据简单


3.组件化,构建单页面有优势


4.视图数据分离,使用数据更方便


5.虚拟DOM+diff算法,提高页面的渲染速度


watch的使用


watch: {
    firstName(newName, oldName) {
      // newName 是新值,oldName旧值
    },
    immediate: true,
} 
immediate: 立即监视, deep : 深度监视


常用的事件修饰符


.stop ==> event.stopPropagation() 阻止事件冒泡
.prevent ==> event.preventDefault() 取消默认事件,不停止传播
.capture ==> 事件捕获
.self ==> 只触发自己范围内的事件, 不包含子元素
.once ==> 只会触发一次


你对slot的理解


slot是 vue 内容分发机制,插槽是子组件的一个模板标签。


这个标签由父组件决定,有默认插槽,具名插槽和作用域插槽。


默认:匿名插槽,直接在组件送写slot。一个组件只能有一个匿名


具名:带有名字的插槽,slot name='xxx'可以有多个。


作用域: 可以有名字也可以无,不同点,在子组件渲染时,


可以将子组件内部的数据传递给父组件,父组件根据子组件的数据决定如何渲染


Vue模版编译原理


解析阶段:对 template 字符串解析,将标签,指令,属性转为抽象语法树 AST


优化阶段:遍历 AST 找其中的静态节点进行标记,方便在重新渲染的时候进行 diff 比较时 ,跳过一些静态节点


生成阶段:将 AST 转为 render函数字符串


前后端API交互如何保证数据安全性


1.使用https通讯


2.请求签名,防止参数被篡改


3.身份确认机制,每次请求都要验证合法


4.app中使用 ssl , 防止抓包操作


5.对所有请求响应都加密


js相关的面试题


微任务有哪些?


1.Promise 2.await和async


这样记忆: es6(Promise)  es7(await和async)


宏任务有哪些?


1.setTimeout   2.setInterval


3.DOM事件      4.AJAX请求


微任务与宏任务的区别?


微任务的执行时机比宏任务早。


但是并不不意味着=>微任务的结果先返回数据


严格的来说:ps:微任务》DOM渲染》宏任务 .


js的基本数据类型有哪些?


JavaScript一共有6种数据类型


其中有7种基本数据类型:String,Boolean、Number,Undefined,Null,Symbol


数据类型的转化


转换为布尔值--调用Boolean()方法


转换为数字-调用Number()、parseInt()、parseFloat()方法


转换为字符串调用.toString()或者 加上一个空的字符串( +'' )


ps:null和underfined没有.toString方法


有哪些内置对象?


Function、Arguments、Math、Date、RegExp(正则表达式)、Error


Ajax 是什么?


我对 ajax 的理解是,它是一种异步通信的方法.


通过js脚本向服务器发起 http 通信,


然后根据服务器返回的数据,更新网页的相应部分.


而不用刷新整个页面的一种方法。


如何创建一个 Ajax?


1.创建Ajax对象  2.配置 Ajax请求地址  3.发送请求  4:监听请求,接受响应
//1:创建Ajax对象 兼容IE6及以下版本
var xhr =  window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
//2:配置 Ajax请求地址
xhr.open('get','index.xml',true); //
//3:发送请求
xhr.send(null); // 严谨写法
//4:监听请求,接受响应
xhr.onreadysatechange=function(){
    if(xhr.readySate ==4 && xhr.status==200 || xhr.status==304 )
        console.log(xhr.responsetXML)
}


谈谈你对模块化开发的理解?(高级)


我的理解:一个模块是实现一个特定功能的一组方法,


在最开始的时候,js 只实现一些简单的功能,所以并没有模块的概念 .


但随着程序越来越复杂,代码的模块化开发变得越来越重要。


由于函数具有独立作用域的特点,最原始的写法是使用函数来作为模块,


但是这种方式容易造成全局变量的污染,并且模块间没有联系。


后来提出了对象写法,通过将函数作为一个对象的方法来实现,


这样解决了直接使用函数作为模块的一些缺点。


但是这种办法会暴露所有的所有的模块成员,外部代码可以修改内部属性的值。


所以现在最常用的是立即执行函数的写法,


通过利用闭包来实现模块私有作用域的建立,同时不会对全局作用域造成污染。


AMD 和 CMD 规范的区别?


它们之间的主要区别有两个方面:


1.AMD推崇依赖前置,在定义模块的时候就要声明其依赖的模块。


而 CMD 推崇就近依赖,只有在用到某个模块的时候再去 require


2.对依赖模块的执行时机处理不同。


AMD在依赖模块加载完成后就直接执行依赖模块。


CMD 在依赖模块加载完成后并不执行,只是下载而已,


等到所有的依赖模块都加载好后,进入回调函数函数,


遇到 require 语句 的时候才执行对应的模块,


(这样模块的执行顺序就和我们书写的顺序保持一致了)


requireJS的核心原理是什么?(高级)


require.js 的核心原理是通过动态创建 script 脚本,来异步引入模块,


然后对每个脚本的 load 事件进行监听,


如果每个脚本都加载完成了,再调用回调函数。


ps:require.js 实现了 AMD 规范。


ES6 模块与 CommonJS 模块的差异(高级)


1=>CommonJS 模块输出的是一个值的拷贝, CommonJS 模块输出的是值


ES6 模块输出的是值的引用。


2=> CommonJS 模块是运行时加载,ES6 模块是编译时输出接口。


CommonJS 模块就是对象,即在输入时是先加载整个模块,生成一个对象,


然后再从这个对象上面读取方法,这种加载称为“运行时加载”。


而 ES6 模块不是对象,它的对外接口只是一种静态定义,在代码静态解析阶段就会生成。


arguments 的对象是什么?


arguments对象是函数中传递的参数值的集合。


它是一个类似数组的对象,因为它有一个length属性.


使用数组索引表示法arguments[1]可以访问单个值。


但它没有数组中的内置方法,如:forEach、reduce、filter和map。


通过Array.prototype.slice将arguments对象转换成一个数组。


注意:箭头函数中没有arguments对象。



相关文章
|
8月前
|
Java 程序员 测试技术
我有一个朋友写出了17种触发NPE的代码!避免这些坑
我有一个朋友,写代码的时候常常遭到NPE背刺,痛定思痛,总结了NPE出没的17个场景,哪一个你还没有遇到过?
|
Java 编译器 程序员
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
103 0
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
|
3月前
|
存储 安全 Java
如何避免`ArrayStoreException`异常?
`ArrayStoreException`是在Java中尝试将错误类型的对象存储到泛型数组时抛出的异常。要避免此异常,需确保向数组添加的对象类型与数组声明的类型一致,使用泛型和类型检查,以及在运行时进行类型安全的转换和验证。
45 6
|
4月前
|
消息中间件 前端开发 NoSQL
面试官:线程池遇到未处理的异常会崩溃吗?
面试官:线程池遇到未处理的异常会崩溃吗?
86 3
面试官:线程池遇到未处理的异常会崩溃吗?
|
5月前
|
安全 测试技术 数据库连接
如何避免 C# 中的异常
【8月更文挑战第27天】
61 2
|
5月前
|
Java
线程池中线程抛了异常,该如何处理?
【8月更文挑战第27天】在Java多线程编程中,线程池(ThreadPool)是一种常用的并发处理工具,它能够有效地管理线程的生命周期,提高资源利用率,并简化并发编程的复杂性。然而,当线程池中的线程在执行任务时抛出异常,如果不妥善处理,这些异常可能会导致程序出现未预料的行为,甚至崩溃。因此,了解并掌握线程池异常处理机制至关重要。
553 0
|
Cloud Native Go
如何处理面试拒绝:失败并不是终点
如何处理面试拒绝:失败并不是终点
91 0
Java多线程:捕获线程异常
你处理过多线程中的异常吗?如何捕获多线程中发生的异常?捕获子线程的异常与捕获当前线程的异常一样简单吗?
这一篇让你知道怎么处理异常
这一篇让你知道怎么处理异常
这一篇让你知道怎么处理异常
|
Java
关于多线程中抛异常的这个面试题我再说最后一次! (3)
关于多线程中抛异常的这个面试题我再说最后一次! (3)
174 0
关于多线程中抛异常的这个面试题我再说最后一次! (3)