面试题-未处理的 (上)

简介: 面试题-未处理的

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



相关文章
|
19天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
10天前
|
云安全 人工智能 安全
Dify平台集成阿里云AI安全护栏,构建AI Runtime安全防线
阿里云 AI 安全护栏加入Dify平台,打造可信赖的 AI
|
14天前
|
人工智能 运维 Java
Spring AI Alibaba Admin 开源!以数据为中心的 Agent 开发平台
Spring AI Alibaba Admin 正式发布!一站式实现 Prompt 管理、动态热更新、评测集构建、自动化评估与全链路可观测,助力企业高效构建可信赖的 AI Agent 应用。开源共建,现已上线!
1159 39
|
13天前
|
机器学习/深度学习 人工智能 搜索推荐
万字长文深度解析最新Deep Research技术:前沿架构、核心技术与未来展望
近期发生了什么自 2025 年 2 月 OpenAI 正式发布Deep Research以来,深度研究/深度搜索(Deep Research / Deep Search)正在成为信息检索与知识工作的全新范式:系统以多步推理驱动大规模联网检索、跨源证据。
905 57
|
11天前
|
文字识别 测试技术 开发者
Qwen3-VL新成员 2B、32B来啦!更适合开发者体质
Qwen3-VL家族重磅推出2B与32B双版本,轻量高效与超强推理兼备,一模型通吃多模态与纯文本任务!
761 11
|
5天前
|
人工智能 数据可视化 Java
Spring AI Alibaba、Dify、LangGraph 与 LangChain 综合对比分析报告
本报告对比Spring AI Alibaba、Dify、LangGraph与LangChain四大AI开发框架,涵盖架构、性能、生态及适用场景。数据截至2025年10月,基于公开资料分析,实际发展可能随技术演进调整。
354 4