面试
文章平均质量分 66
The..Fuir
这个作者很懒,什么都没留下…
展开
-
Vue常见面试题:compute和watch的区别是什么?
Vue常见面试题:compute和watch的区别是什么?原创 2022-10-02 09:11:53 · 771 阅读 · 1 评论 -
Vue的生命周期详解
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是 new Vue() 开始就是vue生命周期的开始。Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom-->渲染、更新-->渲染、卸载 等一系列过程,称这是Vue的生命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。原创 2022-09-30 10:42:20 · 2169 阅读 · 1 评论 -
Vue:v-on、v-bind、v-model、@click、:model用法以及区别(附代码实例)
Vue:v-on、v-bind、v-model、@click、:model用法以及区别(附代码实例)原创 2022-09-26 09:03:03 · 1707 阅读 · 2 评论 -
真数组、伪数组的转换和区别(Array.prototype.slice.call())
常见的伪数组有:1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组。2.function的arguments对象。3.上传文件时选择的file对象也是伪数组。原创 2022-09-08 09:45:21 · 471 阅读 · 0 评论 -
JS基础:闭包产生的条件和优缺点
闭包产生的条件和优缺点原创 2022-09-06 17:35:49 · 333 阅读 · 0 评论 -
React
React介绍原创 2022-08-30 23:29:20 · 143 阅读 · 0 评论 -
Vue基础:axios的二次封装后项目中直接修改引用就行
// 对于axios进行二次封装import axios from 'axios'//引入进度条import nprogress from 'nprogress'//引入//start:进度条开始 done:进度条结束import "nprogress/nprogress.css"// 1.利用axios对象的方法create,去创建一个axios实例// 2.request就是axios,只不过稍微配置一下const requests = axios.create({ // 配置原创 2022-08-30 17:01:40 · 525 阅读 · 1 评论 -
Vue基础:父子组件之间的传参
父子组件之间的传参原创 2022-08-30 16:02:55 · 4347 阅读 · 0 评论 -
Vue中ref和$refs的使用方法
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。...原创 2022-08-30 11:09:49 · 446 阅读 · 0 评论 -
Vue基础:父子组件访问的方式
有时候我们需要父组件直接访问子组件(通过$children或$refs),子组件直接访问父组件($parent)。原创 2022-08-30 10:30:30 · 934 阅读 · 0 评论 -
Cannot read property ‘length‘ of undefined
Cannot read property 'length' of undefined原创 2022-08-29 22:51:15 · 1594 阅读 · 0 评论 -
作用域和作用域链
作用域就是变量的可用性的代码范围,就叫做这个变量的作用域。简单理解,就是在这个范围内,变量是可以使用的,超过这个范围,变量就无法使用,这个范围就是作用域。作用域分为三种:全局作用域、局部作用域、块级作用域。......原创 2022-08-29 12:02:22 · 239 阅读 · 0 评论 -
前端基础:前端状态码大全
4xx(请求错误)这些状态代码表示请求可能出错,妨碍了服务器的处理。代码 说明400 (错误请求) 服务器不理解请求的语法。401 (未授权) 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。403 (禁止) 服务器拒绝请求。404 (未找到) 服务器找不到请求的网页。405 (方法禁用) 禁用请求中指定的方法。原创 2022-08-21 10:07:10 · 2457 阅读 · 0 评论 -
JS基础:for...in、for...of、forEach(详解)
for in 适用于纯对象的遍历,并且只能输出可枚举属性forEach适用于需要知道索引值的数组遍历,但是不能中断for of适用于无需知道索引值的数组遍历,因为可以中断。另外对于其他字符串,类数组,类型数组的迭代,for of也更适用...原创 2022-08-13 18:08:45 · 14010 阅读 · 0 评论 -
JS基础:什么是Set和Map
Set是一种叫做集合的数据结构集合集合是由一组无序且唯一(即不能重复)的项组成的,可以想象成集合是一个既没有重复元素,也没有顺序概念的数组ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值Set 本身是一个构造函数,用来生成 Set 数据结构...原创 2022-08-12 18:01:06 · 144 阅读 · 0 评论 -
JS基础:数组内对象的过滤(filter、map)
数组内对象的过滤(filter、map)原创 2022-08-12 09:54:00 · 5833 阅读 · 0 评论 -
Vue提升:理解vue中的 slot-scope=“scope“
slot是插槽,slot-scope=“scope“语义更加明确,相当于一行的数据,在实际开发中会碰到如下的场景原创 2022-08-12 09:49:15 · 7815 阅读 · 0 评论 -
实习路途:记录给我的第一个实习项目中的困惑
1:像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大。 2:造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验。 3:而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时...原创 2022-08-03 14:31:15 · 111 阅读 · 0 评论 -
vue项目配置代理解决跨域问题
什么是跨域?JavaScript同源策略:当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作“跨域”。同源策略要求源相同才能正常进行通信,即协议、域名、端口号都完全一致。**同源策略限制:**表单提交、AJAX请求等。 注意:跨域并不是请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。......原创 2022-08-03 09:10:25 · 4687 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(三)
三级联动:如果使用声明式导航router-link,可以实现路由的跳转与传递参数但需要注意的,会出现卡顿现象。router-link: 可是一个组件啊,当服务器的数据返回之后,循环出很多的router-link组件【创建组件实例的循环】 中间过程还要把虚拟dom转换为真实dom...原创 2022-08-02 11:23:54 · 217 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(二)
(1)编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出 NavigationDuplicated 的警告错误?---路由跳转两种方式:声明式导航,编程式导航注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航 vue-router 底层内部已经解决这种问题。这种异常,对于程序没有任何影响的。为什么编程式导航会出现这种现象:由于 vue-router 最新版本 3.5.2,引入了 promise,当传递参数多次且重复,会抛出异...原创 2022-08-02 11:21:27 · 184 阅读 · 0 评论 -
JS提升:如何中断Promise的链式调用
我们知道Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败),当状态从pending(进行中)变成fulfilled(已成功)或者rejected(已失败)的时候就会调用Promise的then方法, 如果一直在pending(进行中)状态的话,就不会执行到then方法了。...原创 2022-08-01 14:28:25 · 899 阅读 · 0 评论 -
JS提升:手写发布订阅者模式(小白篇)
手写发布订阅者模式原创 2022-08-01 10:43:19 · 486 阅读 · 0 评论 -
JS提升:Promise中reject与then之间的关系
在我的记忆中。then可以定义两个参数,第一个为成功执行的函数,第二个为失败执行的函数。这样不就是 当我是reject的时候我还是可以执行then啊。只是执行的是第二个函数。对失败的处理为止,或者找到catch()为止,期间的成功都不会执行。如果then中只写成功的回调函数的话,就和老师说的一样了。resolve执行then回调,reject执行catch()回调。如果promise返回失败,then文件中又没有第二个参数,他就会继续向下找,直到找到then中...原创 2022-07-30 10:01:05 · 1416 阅读 · 0 评论 -
JS提升:实现flat平铺的底层原理
实现flat平铺的底层原理原创 2022-07-28 09:01:29 · 251 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(一)
public 文件夹:一般放置一些静态资源(图片),需要注意,放置 public 文件夹中的静态资源,webpack 进行打包的时候,会原封不动打包到 dist 文件夹中src 文件夹(程序员源代码文件夹):assets 文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在 asset 文件夹里面静态资源,在 webpack 打包的时候,webpack 会把静态资源当作一个模块,打包 Js 文件里面。......原创 2022-07-27 16:57:23 · 542 阅读 · 0 评论 -
JS提升:JS中的数组扁平化问题
JS中的数组扁平化问题原创 2022-07-27 10:04:49 · 91 阅读 · 0 评论 -
Js理解之路:Object.call与Object.create()实现继承的原理
Object.create(proto[,propertiesObject])原创 2022-07-25 23:14:33 · 803 阅读 · 0 评论 -
Js理解之路:写一个比较完美的组合继承(ES5)
写一个比较完美的组合继承(ES5)原创 2022-07-25 16:51:59 · 111 阅读 · 0 评论 -
Js理解之路:什么是原型链
实例对象与原型之间的链接,叫做原型链。当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype的__proto__中查找,这样一层一层向上查找就会形成一个链式结构,我们称为原型链。......原创 2022-07-25 15:44:12 · 163 阅读 · 0 评论 -
Js理解之路:Js常见的6中继承方式
一、JS 实现继承的几种方式第一种:原型链继承二、构造函数继承(借助call方法)三、组合继承(原型链继承+构造函数继承)第四种:原型式继承(借助Object.create)第五种:寄生式继承第六种:寄生组合式继承二、ES6 的 extends 关键字实现逻辑......原创 2022-07-25 14:34:44 · 3886 阅读 · 1 评论 -
Vue理解之路:如何在Vue项目中使用vuex
1.首先安装vuex包,安装完之后开始配置2.在src目录下创建一个文件夹store,在store文件夹中新建一个index.js文件3.创建Vuex.store实例 :index.js中进行如下配置:编辑4.向Vue实例注入store:main.js中进行如下配置:5.配置完后就可以在任意组件中使用了.........原创 2022-07-24 17:18:02 · 2881 阅读 · 0 评论 -
Vue理解之路:在vuecli脚手架中进行组件通信
举一个最简单webcli脚手架中页面父子组件通信的例子原创 2022-07-23 21:24:10 · 116 阅读 · 0 评论 -
技术提升之路:搭建vuecli之后的基本配置项理解
进入 src 文件夹,这是实际都工程文件夹,其他文件夹以及文件以后在了解。3个文件夹assets - 各类静态资源文件夹- 比如 图片, css 文件等。components - 组件文件夹组件是 vue 等 MVC 框架等核心概念,自行了解含义。view - 视图文件夹。...原创 2022-07-23 15:59:14 · 66 阅读 · 0 评论 -
提升技术之路:【脚手架】vuecli的基本搭建使用【Vue项目搭建】
主要文件及含义:node_modules – 第三方依赖包public/index.html – 浏览器运行的网页src/main.js – webpack打包的入口文件src/App.vue – Vue入口页面package.json – 依赖包列表文件和自定义命令原创 2022-07-22 22:16:53 · 387 阅读 · 0 评论 -
实习打怪之路:Vuex状态机的一些基本属性
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex是一个状态管理模式,状态机,将组件共享的数据放到状态机中统一管理,组件想拿数据可以从自己的数据模型中拿,也可以从仓库中拿,把vuex理解成一个仓库。把A组件和B组件的数据放到Vuex中,A组件想要获取B组件数据从vuex中拿,B组件想要获取A组件的数据从Vuex拿。...原创 2022-07-22 14:53:43 · 116 阅读 · 0 评论 -
实习打怪之路:vue项目中引入vuex以及vuex简单的使用
1、state.js :保存所有数据,以对象的方式导出2、mutations.js :保存所有方法,用来改变state的数据3、actions.js :暴露给用户使用,借此触发mutations中的方法,保存数据(可执行异步操作)4、index.js:引入相应模块,暴露出store,供vue注册后全局使用5、main.js中引入index.js6、保存数据7、获取数据......转载 2022-07-22 11:02:43 · 572 阅读 · 0 评论 -
实习打怪之路:ES6中的Symbol详解
Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。......原创 2022-07-21 17:49:09 · 192 阅读 · 0 评论 -
实习打怪之路:JS中检测数据类型的方法
1.toString为Object的原型方法,而Array 、Function等类型作为Object的实例,都重写了toString方法。2.不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后的toString方法(Function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串…),而不会去调用Object上原型toString方法(返回对象的具体类型),...原创 2022-07-21 17:15:21 · 307 阅读 · 0 评论 -
实习打怪之路:什么是回调函数(听了这么久的回调函数,到底什么才是回调函数)
函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。原创 2022-07-21 13:56:17 · 181 阅读 · 0 评论