- 博客(19)
- 收藏
- 关注
RSS订阅原创 2023前端面试题合集（附答案）持续更新中...
(1).什么是原型链答:原型链就是每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系就被称为原型链。简单理解：原型链就是在当前对象中找不到定义的话，会在当前对象的原型对象上继续查找，直至undefined。** (2).原型和原型链存在的意义是什么？**答:实例对象可以共享构造函数原型属性和方法，节省内存。构造函数原型上的属性和方法越多，节省内存越大。
2023-02-21 15:33:20
3614
原创 vue动态绑定class的最常用几种方式
第一种：（最简单的绑定）1.绑定单个classhtml部分： <div :class="{'active':isActive}"></div>js部分：判断是否绑定一个activedata() { return { isActive: true }; }结果渲染为：<div class="active"></div>2.若要绑定多个class，需要逗号隔开就行：（这里的activeTwo加不加引号都可以，也
2022-02-22 15:28:10
12211
原创 Layui父级页面向子页面传值，对象
Layui父级页面向子页面传值Layui父页面往子页面传值,网上的方法也挺多,个人感觉这个还是比较便捷的父页面代码 var index = layer.open({ type: 2, title: '编辑用户', content: '/userUpdate', area: ['100%', '100%'], success: function(layero, index){ var i
2021-08-20 11:01:35
1054
1
原创 前端常见跨域解决方案（全）
文章目录什么是跨域？什么是同源策略？同源策略限制以下几种行为常见跨域场景跨域解决方案一、 通过jsonp跨域二、 document.domain + iframe跨域三、 location.hash + iframe跨域四、 window.name + iframe跨域五、 postMessage跨域六、 跨域资源共享（CORS）1、 前端设置：2、 服务端设置：七、 nginx代理跨域1、 nginx配置解决iconfont跨域2、 nginx反向代理接口跨域八、 Nodejs中间件代理跨域1、 非vue
2021-06-01 10:09:40
330
1
原创 宏任务和微任务到底是什么？
先来一道常见的面试题：console.log('start')setTimeout(() => { console.log('setTimeout')}, 0)new Promise((resolve) => { console.log('promise') resolve()}) .then(() => { console.log('then1') }) .then(() => { console.log('then2')
2021-05-31 16:59:44
460
原创 2022 最新Vue常见面试题
1、Vue总结：vue的使用方式有两种 方式一:像jQuery一样引入使用--vue的特性都可以使用，双向数据绑定 方式二：跟node结合起来使用，使用的时候有点像java语言（面向对象）
2021-05-26 16:13:01
494
原创 vue中watch监听的使用
vue中的watch监听1. 通过 watch 监听 data 数据的变化，数据发生变化时，就会打印当前的值watch: { data(val, value) { console.log(val) //变化之前的值 console.log(value) //变化之后的值 }}2. 通过 watch 监听 list 数据的变化，数据发生变化时，this.number++（使用深度监听）data（） { ret
2021-04-25 16:25:33
446
原创 js防抖和节流 区别及实现方式
js防抖和节流 区别及实现方式概念：函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。1、函数防抖(debounce)实现方式：每次触发事件时设置一个延迟调用方法，并且取
2020-12-14 15:38:29
349
1
原创 详解：vue的v-if和v-show的区别
vue项目中 v-if和v-show的区别最全解析vue项目中有时候需要控制“条件渲染”，很多时候都是通过v-if或者v-show来控制的，有关二者的区别我想很多人都知道，但是最近做项目发现项目组中不少同志都搞不清，几乎都是乱用，出了问题，还判断不出来问题出在哪里。现在就简单讲讲这两个东西的区别。一、功能区别两个都能实现控制显示和隐藏，但是本质上有巨大的区别：1.1 v-showv-show严格意义上说“条件隐藏”。浏览器首先不管三七二十一，把HTML元素先渲染起来，符合条件就显示，不符合条件di
2020-11-04 11:29:51
378
2
原创 vue路由跳转的三种方式
router-view 实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。通过路由跳转的三种方式1、router-link 【实现跳转最简单的方法】<router-link to='需要跳转到的页面的路径>浏览器在解析时，将它解析成一个类似于 < a > 的标签。#div和css样式略 <li > <router-link to="keyframes
2020-08-19 10:56:18
17338
4
原创 ecarts的x轴文字过多显示不全
ecarts的x轴显示不全解决办法1：xAxis.axisLabel 属性解决办法2：调用formatter文字竖直显示解决办法3：X轴类目项隔一个换行(使用formatter中index参数)如图:解决办法1：xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。（当然yAxis也是一样有这个属性的）interval接收一个number值,interval:1,就是隔一个显示一个axisLabel: { interval:
2020-06-04 11:00:57
359
原创 Vue的双向绑定原理详解
Vue的双向绑定原理Vue采用数据劫持结合发布者-订阅者模式的方法，通过Object.defineProperty()来劫持各个属性的setter,getter属性，在数据变动话，通知订阅者，触发更新回调函数，重新渲染视图关键元素observer 实现对vue各个属性进行监听function observer(obj, vm){ Object.keys(obj).forEa...
2019-10-30 18:02:05
282
原创 Vue3.0的一些新功能
Vue3.0的一些新功能首先安装npm install -g @vue/cli安装完成后查看版本vue --V创建项目关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目在创建新项目时还可以混合选用多种集成TypeScriptPWAVue Router & VuexESLint / TSLint / Prettier用 Jest 或 Moch...
2019-10-30 17:49:45
372
原创 Vue的生命周期及其作用
Vue的生命周期Vue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多。不说别的咱这简单罗列 一共八个，下边一一介绍beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroyDestroyedVue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多。不说别的咱这简单罗列 一共...
2019-10-27 12:55:35
524
原创 JavaScript运算符,逻辑或与非等等...
JavaScript 算数运算符算数运算符用于对数字执行算数运算：运算符描述+加法-减法*乘法/除法%系数++递加–递减注释：JS 算数这一章对算数运算符进行了完整描述。JavaScript 赋值运算符赋值运算符向 JavaScript 变量赋值。运算符列子 等同于...
2019-07-25 17:50:00
190
转载 react是什么？react原理
概念I 如何判断某个数据是state它是通过 props 从父级传来的吗？如果是，他可能不是 state。它随着时间推移不变吗？如果是，它可能不是 state。你能够根据组件中任何其他的 state 或 props 把它计算出来吗？如果是，它不是 state。II 如何确定state应用在哪个组件上确定每一个需要这个 state 来渲染的组件。找到一个公共所有者组件(一个在层...
2019-07-25 11:02:57
353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人