2024-06-27

jquery和vue的区别

jquery是通过选择器查找和操作dom,是单向绑定,需要手动操作dom
vue 是数据响应式,当数据发生变化时自动更新视图,是双向绑定,不需要操作dom

性能优化

路由懒加载 图片懒加载 长列表动态加载
第三方模块按需引入
使用keep-alive缓存组件
压缩图片 雪碧图
防抖节流运用
减少HTTP请求数
精简代码

数组和链表

image.png

数据类型有哪些

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。
引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)
typeof 判断基本类型
instancesof 判断对象是否为某一数据类型的实例
{} instancesof Object
function(){} instancesof Function
construstor 不能判断Null undefined 其他可以
(1).constructor === Number
Object.prototype.toString.call('1')
数组去重

axios get和post的区别

get 参数会显示在网址后面,适合接收数据

axios.get('url?id=123')
axios.get('url',{
  params: {id:123}
}).then(function(response){
  console.log(response)
})

post 更安全,发送的数据量大,适合发送数据

axios.post('url',{
id:123,name:'haha'
}).then(function(response){
  console.log(response)
})

created和mounted的区别

created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。

promise的状态

待定(pending):初始状态,既没有被兑现,也没有被拒绝。
已兑现(fulfilled):意味着操作成功完成。
已拒绝(rejected):意味着操作失败

computed和watched的区别

深拷贝和浅拷贝

深拷贝|浅拷贝_深拷贝和浅拷贝-CSDN博客

for in, for of, forEach的区别 哪个可以拿到原型上的属性

for in 遍历对象的属性,包括原型链上的属性,如果不想遍历原型链中的属性,可以使用 obj.hasOwnProperty(key)进行过滤
for of 遍历可迭代对象,获取值。 数组、字符串、set、map
forEach是数组的一个方法,遍历数组

跨域 什么情况会产生跨域,如何解决

处于浏览器同源策略的限制,同源策略会阻止一个域的js脚本和另一个域的内容进行交互,所谓同源就是两个页面具有相同的协议、主机和接口号
当浏览器与后端服务器地址不一样就会存在跨域问题。
1.jsonp
2.cors跨域资源共享 服务器端进行配置,前端直接请求服务器
3.中间代理器代理
4.vue的反向代理跨域解决

插槽

插槽就是子组件中的提供给父组件使用的一个占位符,父组件在这个占位符中可以填充任何模板代码

路由模式

history hash

ES6有哪些新特性

箭头函数和普通函数的区别

语法简洁:箭头函数使用箭头(=>)来定义函数,语法更加简洁,省略了function关键字和大括号。例如,(x) => x * 2是一个简单的箭头函数表示的函数表达式,相当于普通函数function(x) { return x * 2; }。

this绑定:箭头函数没有自己的this绑定,它会继承外层作用域的this值。而普通函数的this值是根据调用时的上下文决定的。

arguments对象:箭头函数没有自己的arguments对象,它会继承外层作用域的arguments对象。普通函数则会创建自己的arguments对象。

构造函数:箭头函数不能用作构造函数,不能使用new关键字实例化对象。普通函数可以被用作构造函数创建对象实例。

箭头函数没有原型属性(prototype)。

箭头函数不能通过call()、apply()或bind()方法来改变this的指向。

MVVM是什么

MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。
【模型】指的是后端传递的数据。
【视图】指的是所看到的页面。
【视图模型】mvvm模式的核心,它是连接view和model的桥梁。
它有两个方向:
一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。
二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。
这两个方向都实现的,我们称之为数据的双向绑定。


image.png

二叉树

封装过哪些组件

flex用过哪些属性

flex-direction 子元素排列方式
justify-content 主轴对齐方式
align-items 子项在交叉轴上的对齐方式
flex-wrap 子项是否换行

子组件如何修改props传过来的值

vue的生命周期

ajax请求一般在哪个生命周期里面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,496评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,407评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,632评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,180评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,198评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,165评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,052评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,910评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,324评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,542评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,711评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,424评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,017评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,668评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,823评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,722评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,611评论 2 353

推荐阅读更多精彩内容

  • 1.说说你对盒子模型的理解 当对一个文档进行布局(layout)的时候,浏览器的渲染引擎会根据标准之一的 CSS ...
    Ysrenacer1_bcfd阅读 2,101评论 0 19
  • 0 HTML5相关 websocket WebSocket 使用ws或wss协议,Websocket是一个持久化的...
    可爱多小姐阅读 865评论 0 0
  • vue2的: 1.生命周期函数: 1.1 什么是生命周期函数 我理解的生命周期函数就是 vue 实例从创建到销毁的...
    tang温暖阅读 258评论 0 0
  • 事件轮询
    鸿泽云码阅读 202评论 0 1
  • 一、xue的生命周期是什么 vue每个组件都是独立的,,每个组件都有一个属于他的生命周期,从一个组件创建、数据初始...
    康娜阅读 828评论 0 0