面试
文章平均质量分 90
qq2276031
这个作者很懒,什么都没留下…
展开
-
flex布局教程
写给自己看的display: flex布局教程 « 张鑫旭-鑫空间-鑫生活原创 2021-11-18 02:37:40 · 310 阅读 · 1 评论 -
vue组件间通信六种方式
组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系:如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式,如props、$emit/$on、vuex、$parent/$children、$attrs/$liste...原创 2021-10-31 00:50:39 · 797 阅读 · 0 评论 -
ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南)
概述ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。ECMAScript 标准建立在一些原有的技术上,最为著名的是 JavaScript (网景) 和 JScript (微软)。它最初由网景的 Brendan Eich 发明,第一次出现是在网景的 Navigator 2.0 浏览器上。Netscape 2.0 以及微软 Internet Explorer 3.0 后序的所有浏览器上原创 2021-10-31 19:08:22 · 2537 阅读 · 1 评论 -
web前端知识全系列
一、CSS问题1.flex布局display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果超出一行,按比例压缩 flex:1; 子元素设置,设置子元素如何分配父元素的空间,flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式,center 垂直居中justify-content:center 设置子元素在父元素中居中,前提是子元素没有把父元素占满,让子元素水平居中。2.css3的新特性transtion tran原创 2020-05-27 10:20:17 · 825 阅读 · 0 评论 -
2020前端系列——浏览器、HTTP
目录浏览器存储的方式有哪些 对前后端跨域可以说一下吗?如何解决跨域的? 浏览器 cookie 和 session 的认识。 输入URL发生什么? 浏览器渲染的步骤 页面渲染优化 强制缓存和协商缓存 GET 和 POST 请求的区别 HTTP1.0 / 1.1 / 2.0 及HTTPS 介绍下304过程 HTTP 状态码 Web性能优化浏览器存储的方式有哪些特性 cookie localStorage sessionStorage indexedDB原创 2020-05-26 18:02:31 · 235 阅读 · 0 评论 -
typeof 和 instanceof 使用的区别
typeof 和 instanceof 都是用来判断类型的函数typeof对于原始类型来说,除了null都可以显示正确的类型typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typeof true // 'boolean'typeof Symbol() // 'symbol'...原创 2020-05-05 11:24:38 · 132 阅读 · 0 评论 -
Javascript 模拟实现new原理 勉励
前言本文1021字,阅读大约需要5分钟。总括:本文对new进行了一个简单介绍,然后使用一个函数模拟实现了new操作符做的事情。参考文档:new 运算符人生是没有毕业的学校。正文new是JS中的一个关键字,用来将构造函数实例化的一个运算符。例子:function Animal(name) { this.name = name;}Animal.prototype...原创 2020-05-05 11:09:31 · 143 阅读 · 0 评论 -
官人:既然React/Vue可以用Event Bus进行组件通信,你可以实现下吗?
前言本文标题的题目是由其他问题延伸而来,面试中面试官的常用套路,揪住一个问题一直深挖,在产生这个问题之前一定是这个问题.React/Vue不同组件之间是怎么通信的?Vue父子组件用Props通信 非父子组件用Event Bus通信 如果项目够复杂,可能需要Vuex等全局状态管理库通信 $dispatch(已经废除)和$broadcast(已经废除)React父...原创 2020-05-04 16:29:26 · 217 阅读 · 0 评论 -
Vue的举一反三
面试必备的13道可以举一反三的Vue面试题前言Vue框架部分我们会涉及一些高频且有一定探讨价值的面试题,我们不会涉及一些非常初级的在官方文档就能查看的纯记忆性质的面试题,比如:vue常用的修饰符? vue-cli 工程常用的 npm 命令有哪些? vue中 keep-alive 组件的作用?首先,上述类型的面试题在文档中可查,没有比官方文档更权威的答案了,其次这种问题没有太...原创 2020-05-04 11:19:49 · 186 阅读 · 0 评论 -
22 道高频 JavaScript 手写题及答案
JavaScript笔试部分实现防抖函数(debounce)防抖函数原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。那么与节流函数的区别直接看这个动画实现即可。手写简化版:// 防抖函数const debounce = (fn, delay) => { let timer = null; return (.....原创 2020-05-03 00:09:11 · 484 阅读 · 0 评论 -
官人:请你实现一个深克隆
官人:请你实现一个深克隆前言实现一个深克隆是面试中常见的问题的,可是绝大多数面试者的答案都是不完整的,甚至是错误的,这个时候面试官会不断追问,看看你到底理解不理解深克隆的原理,很多情况下一些一知半解的面试者就原形毕漏了.我们就来看一下如何实现一个深克隆,当然面试中没有让你完整实现的时候,但是你一定要搞清楚其中的坑在哪里,才可以轻松应对面试官的追问.在要实现一个深克隆之前我们需...原创 2020-04-30 17:04:32 · 192 阅读 · 0 评论 -
2020前端系列——HTTP、浏览器面试题
浏览器存储的方式有哪些特性 cookie localStorage sessionStorage indexedDB 数据生命周期 一般由服务器生成,可以设置过期时间 除非被清理,否则一直存在 页面关闭就清理 除非被清理,否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 h...原创 2020-04-16 23:49:46 · 264 阅读 · 0 评论 -
2020前端系列——css面试题
目录盒模型 如何实现一个最大的正方形 一行水平居中,多行居左 水平垂直居中 如何实现左右等高布局 画三角形 link @import导入css BFC理解盒模型/* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */.box { width: 200px; height: 200px; padding: 20px;...原创 2020-04-16 23:19:22 · 182 阅读 · 0 评论