- 博客(29)
- 收藏
- 关注
RSS订阅原创 前端关于Recat面试题(十)
180.我需要用 hooks 重写所有类组件吗?不需要。但你可以在某些组件（或新组件）中尝试使用 hooks，而无需重写任何已存在的代码。因为在 ReactJS 中目前没有移除 classes 的计划。181.如何使用 React Hooks 获取数据?名为 useEffect 的 effect hook 可用于使用 axios 从 API 中获取数据，并使用 useState 钩子提供的更...
2020-04-14 21:51:07
302
原创 前端关于Recat面试题(九)
161.React 支持所有的 HTML 属性么?从 React 16 开始，完全支持标准或自定义 DOM 属性。由于 React 组件通常同时使用自定义和与 DOM 相关的属性，因此 React 与 DOM API 一样都使用 camelCase 约定。让我们对标准 HTML 属性采取一些措施：<div tabIndex="-1" /> // Just like nod...
2020-04-14 21:50:19
284
原创 前端关于Recat面试题(八)
141.React Native 和 React 有什么区别?React是一个 JavaScript 库，支持前端 Web 和在服务器上运行，用于构建用户界面和 Web 应用程序。React Native是一个移动端框架，可编译为本机应用程序组件，允许您使用 JavaScript 构建本机移动应用程序（iOS，Android和Windows），允许您使用 React 构建组件。142.Rea...
2020-04-14 21:48:57
343
原创 前端关于Recat面试题(七)
121.Flux 和 Redux 之间有什么区别?以下是 Flux 和 Redux 之间的主要区别FluxRedux状态是可变的状态是不可变的Store 包含状态和更改逻辑存储和更改逻辑是分开的存在多个 Store仅存在一个 Store所有的 Store 都是断开连接的带有分层 reducers 的 Store它有一个单独的 dispatch...
2020-04-14 21:47:34
235
原创 前端关于Recat面试题(六)
100.如何每秒更新一个组件?你需要使用 setInterval() 来触发更改，但也需要在组件卸载时清除计时器，以防止错误和内存泄漏。componentDidMount() { this.interval = setInterval(() => this.setState({ time: Date.now() }), 1000)}componentWillUnmount() ...
2020-04-14 21:46:01
201
原创 前端关于Recat面试题(五)
81.如何在 attribute 引号中访问 props 属性?React (或 JSX) 不支持属性值内的变量插值。下面的形式将不起作用：<img className='image' src='images/{this.props.image}' />但你可以将 JS 表达式作为属性值放在大括号内。所以下面的表达式是有效的：<img className...
2020-04-14 21:21:40
343
原创 前端关于Recat面试题(四)
60.如果在构造函数中使用 setState() 会发生什么?当你使用 setState() 时，除了设置状态对象之外，React 还会重新渲染组件及其所有的子组件。你会得到这样的错误：Can only update a mounted or mounting component.。因此我们需要在构造函数中使用 this.state 初始化状态。61.索引作为键的影响是什么?Keys 应该是...
2020-04-14 21:15:13
406
原创 前端关于Recat面试题(三)
41.什么是上下文（Context）?Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递props。比如，需要在应用中许多组件需要访问登录用户信息、地区偏好、UI主题等。// 最外层的父组件import PropTypes from 'prop-types';export default class Com1 extends React.Component...
2020-04-14 21:13:44
283
原创 前端关于Recat面试题(二)
21.什么是 “key” 属性，在元素数组中使用它们有什么好处?key 是一个特殊的字符串属性，你在创建元素数组时需要包含它。Keys 帮助 React 识别哪些项已更改、添加或删除。我们通常使用数据中的 IDs 作为 keys:const todoItems = todos.map((todo) => <li key={todo.id}> {todo.text...
2020-04-14 21:11:17
353
原创 前端关于React面试题(一)
1.什么是 React?React 是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。2.React 的主要特点...
2020-04-14 21:09:25
535
原创 前端关于Vue的面试题（六）
68.vue如何优化首屏加载速度？问题描述：在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首屏的体验。几种常用的优化方法：1. 路由的按需加载2. 将打包生成后 index.html页面 里面的JS文件引入方式放在 body 的最后...
2020-03-18 20:46:01
343
原创 前端关于Vue的面试题（五）
55.vue组件的scoped属性的作用当 <style> 标签有scoped 属性时，它的 CSS 只作用于当前组件中的元素你可以在一个组件中同时使用有 scoped 和 非scoped 样式：<style>/* 全局样式 */</style><style scoped>/* 本地样式 */</style>5...
2020-03-18 20:42:36
354
原创 前端关于Vue的面试题（四）
45.vue-router的动态路由匹配以及使用动态路径匹配：即把某种模式匹配到的所有路由，全都映射到同个组件。使用动态路由参数来实现。const User = { template: '<div>User</div>'}const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { p...
2020-03-18 20:38:56
480
原创 前端关于Vue的面试题（三）
31.vue等单页面应用及其优缺点单页Web应用（single page web application，SPA）：就是只有一个页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化...
2020-03-18 20:33:57
790
原创 前端关于Vue的面试题（二）
17.Vue 组件中 data 为什么必须是函数//为什么data函数里面要return一个对象<script> export default { data() { return { // 返回一个唯一的对象，不要和其他组件共用一个对象进行返回 menu: MENU.data, ...
2020-03-16 22:34:43
685
原创 前端关于Vue的面试题（一）
1.vue组件传值几种方式父组件通过prop向子组件传值子组件通过this.$emit()触发父组组件传递过来的方法向父组件传值兄弟组件之间不能直接传值，需要通过父组件来做间接传值，在这种情况下推荐使用vuex中央事件总线//Bus.$emit 发送消息Bus.$emit('inceptMessage', this.msg)//Bus.$on 接收消息Bus.$...
2020-03-16 22:19:44
556
原创 前端关于JavaScript面试题（十）
122.在jQuery的事件处理中return false会有什么作用？阻止默认行为，取消事件冒泡，以及停止回调执行立即返回。比如，一个`<a>`点击后打开一个链接，如果你给这个`<a>`添加一个`click`事件，在`click`事件中`return false`，那么你点击这个`<a>`后，会处理`click`事件，但是不会打开链接了。123.jQ...
2020-03-14 22:08:09
683
原创 前端关于JavaScript面试题（九）
115.jquery有几种类型的选择器一、基本选择器(5种)基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。1、ID选择器 #id描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复）示例：$("#test") 选取 id 为 test 的元素2、类选择器 .class描述：根据给定的类名匹...
2020-03-14 21:44:34
315
原创 前端关于JavaScript面试题（八）
106.浏览器包括4个进程：1.主进程(Browser进程)，浏览器只有一个主进程，负责资源下载、界面展示等主要基础功能；2.GPU进程，负责3D图示绘制3.第三方插件进程，负责第三方插件处理4.渲染进程(Render进程)，负责js执行，页面渲染等功能请列出渲染进程中的主要包括的线程，并简单描述各个线程的功能1.GUI渲染线程: a.负责渲染浏览器界面，解析HTML,CSS,构...
2020-03-14 20:51:00
256
原创 前端关于JavaScript面试题（七）
90.requireJS 的核心原理是什么？核心是 js 的加载模块，通过正则匹配模块以及模块的依赖关系，保证文件加载的先后顺序，根据文件的路径对加载过的文件做了缓存。是AMD模块化规范的实现。91.AMD（requirejs）、CMD（seajs）区别1.CMD 推崇依赖就近;AMD 推崇依赖前置2.CMD 是延迟执行,懒加载;AMD 是提前执行3.CMD性能好,因为只有用户需要...
2020-03-14 20:44:55
318
原创 前端关于JavaScript面试题（六）
76.JavaScript 数组元素添加、删除、排序等方法有哪些？Array.concat( ) 连接数组Array.join( ) 将数组元素连接起来以构建一个字符串Array.length 数组的大小Array.pop( ) 删除并返回数组的最后一个元素Array.push( ) 给数组添加元素Array.reverse( ) 颠倒数组中元素的顺序Array.shift( ) 将...
2020-03-14 20:16:14
261
原创 前端关于JavaScript面试题（五）
60.jQuery.extend 与 jQuery.fn.extend 的区别？$.fn = $.prototype ，原型中的属性和方法是所有的实例对象共享的jQuery.extend 用来扩展 jQuery 对象本身(所扩展的方法只能被当前的jQuery对象访问)jQuery.fn.extend 是在 jQuery 原型对象上扩展方法，此时该方法可以被所有的jQuery对象共享61.j...
2020-03-14 20:10:48
223
原创 前端关于JavaScript的面试题（四）
46.知道不知道事件冒泡？知不知道阻止浏览器的默认行为？对应的原生兼容性写法该怎么写事件冒泡:父元素和子元素上面的话都添加的有click（不仅仅是click事件，只要保证是同一个事件即可）。子元素的click事件触发的时候，会导致该click事件冒泡到它的父元素上面，为了阻止父元素的事件触发，我们一般需要给子元素的事件里写上阻止事件冒泡的方法兼容性写法：if(event.stopPropa...
2020-03-11 22:05:13
322
原创 前端关于JavaScript的面试题（三）
31.简述下为何通过ajax发送的请求会出现乱码问题，如何解决？乱码的问题就是编码格式冲突，我们需要传输中文数据前面加一个encodeURI()编码，例如：encodeURI($("#fk_info").val())；在接受参数的页面对传过来的编码过后的内容用后端语言进行解码//node后台向其他服务器发送请求var url = "http://www.baidu.com/?name=张三"...
2020-03-11 22:00:16
338
原创 前端关于JavaScript的面试题（二）
16.实现add函数,让add(a)(b)和add(a,b)两种调用结果相同function add(a, b) { if (b === undefined) { return function(x) { return a + x } } return a + b}17.js中万物皆对象你认为对么我认为是对...
2020-03-11 21:37:32
392
原创 前端关于JavaScript的面试题（一）
1.同源策略同源策略可防止 JavaScript 发起跨域请求。源被定义为 URI、主机名和端口号的组合。此策略可防止页面上的恶意脚本通过该页面的文档对象模型，访问另一个网页上的敏感数据。同源策略： 协议、主机、端口必须完全一致2.跨域跨域问题产生的原因 ：浏览器的同源策略导致了跨域。当我们在前端开发中使用ajax/fetch这些技术发送网络请求的时候，当协议、主机、端口有任何一个不一致的...
2020-03-11 21:05:10
238
原创 关于前端HTML的面试题（二）
14.iframe有那些缺点？1.iframe会阻塞主页面的Onload事件；2.搜索引擎的检索程序无法解读这种页面，不利于SEO;3.iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript。动态给iframe添加src属性值，这样可以绕开以上两个问题。15....
2020-03-10 21:31:19
974
原创 前端关于HTML的面试题（一）
1.什么是语义化用正确的标签做正确的事情。语义化标签的好处易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。2.cookie、sessionStorage和localStorage的区别。上面提到的...
2020-03-10 21:20:47
419
原创 前端关于HTTP的面试题
1.RESTfulREST 指的是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是 RESTful。GETget方法在Rest中主要用于获取资源，能够发送参数，不过有限制，且参数都会以?开头的形 式附加在URL尾部。规范的get方法处理器应该是幂等的，也就是说对一个资源不论发送多少次get请求都不会更改数据或造成破坏。POSTpost方法在Rest请求中主要用...
2020-03-09 21:49:52
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人