代码编织梦想

vue -爱代码爱编程

难度级别:中高级及以上                               提问概率:55%  这道题面试官会这样描述,比如有这样一个场景,一个对象里有name属性,可以正常显示在页面中。但后续动态添加了一个age属性,通过调试打印发现对象里的age属性已经添加了上了,但试图中却没有展示出来,请你说一说原因。 在Vue项目中一旦发现试图

css -爱代码爱编程

难度级别:中高级及以上                               提问概率:70%  回答这道题,首先要说的就是,浏览器在每一帧动画里大概做了什么事情。首先浏览器会执行Javascript,或是操作DOM元素,紧接着需要对DOM元素进行样式计算,当计算完成后,就需要针对DOM元素的位置以及大小,做出相应的布局。注意,这里的布局只

一文搞懂前端跨页面通信的那些方案们_前端页面通信-爱代码爱编程

前端开发逃避不开跨页面通信这项工作,跨页面通信,就好比A页面要和B页面说话,可能只是说一句话,不需要回话,可能是要给一些东西,希望得到回复,并频繁进行沟通,接下来我们说说这些跨页面通信的方案们,希望对你有所帮助。 目录 1 页面传参 2 页面路由传参 3 后端接口做为中转站  4 图片预加载 5 前端状态管理工具 6 Coo

react -爱代码爱编程

难度级别:中级及以上                                 提问概率:60%  关于保存状态这道题,面试官会提前陈述一个场景。例如一个列表页,顶部有检索区域,用户已经做了一定的筛选,并且查询出列表数据。当用户查看到第三页的时候,点击“查看详情”按钮进入了详情页。那么这个时候,如果从详情页返回列表页,如何使筛选项和当前页码

性能优化 -爱代码爱编程

难度级别:中高级及以上                               提问概率:70%  CSS是前端开发工作中必不可少的技能之一,同时也是网页开发中必不可少的重要元素之一。但很多人所开发的项目本身对性能要求并不高,再加上项目周期紧张,久而久之,也就容易养成不考虑细节的习惯,觉得CSS无非就是做一些布局性的工作。那么如果从性能优化的

react -爱代码爱编程

难度级别:初级及以上                                 提问概率:55%  高阶组件并不能单纯的说它是一个函数,或是一个组件,在React中,函数也可以做为一种组件。而高阶组件就是将一个组件做为入参,被传入一个函数或者组件中,经过一定的加工处理,最终再返回一个组件的组合过程。 在面试中,除了要回答知识点的定义,

react -爱代码爱编程

难度级别:中级及以上                                 提问概率:65%  很多前端开发人员习惯了Vue或者React的组件式开发,熟知组件的周期过程包含初始化、挂载完成、修改和卸载等阶段。但是当使用Hooks做业务开发的时候,看见一个个useEffect函数,却显得有些迷茫,因为在useEffect中,不需要定义那

react -爱代码爱编程

难度级别:中高级及以上                               提问概率:70%  在React项目中,使用setState可以更新状态数据,而不能直接使用为this.state赋值的方式。而为了避免重复更新state数据,React首先将state添加到状态队列中,此时我们可以通过shouldComponentUpdat

react -爱代码爱编程

难度级别:初级及以上                                 提问概率:60%  如果把React组件看做一个函数的话,props更像是外部传入的参数,而state更像是函数内部定义的变量。那么他们还有哪些更深层次的区别呢,我们来看一下。 首先说props,他是组件外部传入的参数,我们知道React非常核心的一个思想就是

react -爱代码爱编程

难度级别:中级及以上                                 提问概率:65%  如果求职者被问到了这个问题,那么只是单纯的回答在哪个阶段发送Ajax请求恐怕是不够全面的。最好是先详细描述React组件都有哪些生命周期,最后再回过头来点题作答,为什么应该在这个阶段发送Ajax请求。那么我们先来看一下React都有哪些生

javascript -爱代码爱编程

难度级别:中高级及以上                               提问概率:65%  我们日常如果想要获得一个变量的类型,大多会使用typeof的方法,但typeof却不是很准确,遇到null、数组或是对象这种数据类型的时候,他就失灵了,返回值是object,那么都有哪些方式可以区分一个变量的类型是对象还是数组呢?请看以下4种方

vue -爱代码爱编程

难度级别:中级及以上                                 提问概率:85%  这道题还可以理解为Vue组件之间的数据是如何进行共享的,也可以理解为组件之间是如何通信的,很多人叫法不同,但都是说的同一个意思。我们知道,在Vue单页面应用项目中,所有的组件都是被嵌套在App.vue内部的,所以项目中所有的组件都是有“血缘关

css -爱代码爱编程

难度级别:初级及以上                                 提问概率:70%  在前端开发中,隐藏元素并不是一个陌生的话题。根据业务场景不同,实现方案也多种多样,在面试中,应该尽可能多的描述自己遇到过的场景,使用过的方案。而不应该吝啬描述,只是单纯的说出一些解决点子,给面试官一种指导型回复。这一章中,我们将整理总结一些关于隐

html -爱代码爱编程

 难度级别:中级及以上                                 提问概率:65% 面试官当然不会问如何使用img标签或者background来加载一张图片,这些知识点都很基础,相信只要从事前端开发一小段时间以后,就可以轻松搞定加载图片的问题。但很多人习惯用img标签,很多人习惯用background背景,那么在加载图片的时

html -爱代码爱编程

  难度级别:初级及以上                                 提问概率:50% 不单单是初学者,即便是有好几年工作经验的前端开发工作者,也会有一大部分人把这两个标签搞混,甚至在工作中,很大一部人不会使用这两个标签,而是通过CSS样式去控制加粗效果。 首先二者在本质含义上侧重不同,b标签只是单纯的加粗效果,就像使用了CS

html -爱代码爱编程

 难度级别:初级及以上                                 提问概率:55% a标签的默认语义化功能就是超链接,HTML给它的定位就是与外部页面进行交流,不过也可以通过锚点功能,定位到本页面的固定id区域去。但在开发场景中,又避免不了禁用a标签的需求,那么都有哪些方式可以禁用a标签跳转呢? 首先想到的就是通过CSS属

html -爱代码爱编程

 难度级别:初级及以上                                 提问概率:55%   link是我们非常熟悉的一个HTML标签,用于引入CSS文件,而@import则存在于CSS文件内部,用于再次引入其他的CSS文件。所以很显然,执行顺序上,link标签会随着HTML文档加载,开始触发下载CSS文件的操作。而@impor

html -爱代码爱编程

难度级别:初级及以上                                 提问概率:40%  我们知道,这道题其实是在考察meta标签的viewport属性,正常情况下设置viewport的代码为 <head> <meta name="viewport" content="width=device-width,i