面试题-未处理的 (上)

简介: 面试题-未处理的

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对象。



相关文章
|
1月前
|
Java 程序员 测试技术
我有一个朋友写出了17种触发NPE的代码!避免这些坑
我有一个朋友,写代码的时候常常遭到NPE背刺,痛定思痛,总结了NPE出没的17个场景,哪一个你还没有遇到过?
|
8月前
|
Java 编译器 程序员
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
【JavaSE专栏67】谈谈异常的那些事,学会预判异常、捕获异常、转移异常
|
1月前
|
SQL 前端开发 Java
异常详解,一文搞懂!
异常详解,一文搞懂!
38 5
|
8月前
|
Cloud Native Go
如何处理面试拒绝:失败并不是终点
如何处理面试拒绝:失败并不是终点
55 0
|
10月前
I2C误码了怎么处理
I2C误码了怎么处理
|
10月前
|
Java
Java多线程:捕获线程异常
你处理过多线程中的异常吗?如何捕获多线程中发生的异常?捕获子线程的异常与捕获当前线程的异常一样简单吗?
如何处理JDK线程池内线程执行异常?讲得这么通俗,别还搞不懂
本篇 《如何处理 JDK 线程池内线程执行异常》 这篇文章适合哪些小伙伴阅读呢? 适合工作中使用线程池却不知异常的处理流程,以及不知如何正确处理抛出的异常
|
JavaScript 小程序 Java
线程池中线程抛了异常,该如何处理?
线程池中线程抛了异常,该如何处理?
这一篇让你知道怎么处理异常
这一篇让你知道怎么处理异常
这一篇让你知道怎么处理异常
|
Java
关于多线程中抛异常的这个面试题我再说最后一次! (1)
关于多线程中抛异常的这个面试题我再说最后一次! (1)
101 0
关于多线程中抛异常的这个面试题我再说最后一次! (1)