文章 2022-05-30 来自:开发者社区

【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React 下

解决setTimeout中的this指向问题在setInterval和setTimeout中传入函数时,函数中的this会指向window对象。解决办法:推荐用下面两种写法:将bind换成call,apply也会导致立即执行,延迟效果会失效window.setTimeout(this.declare.bind(this), 2000);使用es6中的箭头函数,因为在箭头函数中this是固定的.箭....

【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React 下
文章 2022-05-30 来自:开发者社区

【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React 上

盒模型https://www.cnblogs.com/chengzp/p/cssbox.html盒模型的组成大家肯定都懂,由里向外content,padding,border,margin.盒模型是有两种标准的,一个是标准模型,一个是IE模型。在标准模型中,盒模型的宽高 = 内容(content)的宽高,IE模型中盒模型的宽高 = 内容(content)+填充(padding)+边框(borde....

【前端面试题】前端基础 | 八股文 | HTTP网络 | Vue | React 上
文章 2022-05-19 来自:开发者社区

从脚手架开始学前端 【第6期】React脚手架搭建

前言React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。单单脚手架就有传统创建单页面程序的create-....

文章 2022-05-17 来自:开发者社区

「2021」高频前端面试题汇总之React篇(4)

9. React的状态提升是什么?使用场景有哪些?React的状态提升就是用户对子组件操作,子组件不改变自己的状态,通过自己的props把这个操作改变的数据传递给父组件,改变父组件的状态,从而改变受父组件控制的所有子组件的状态,这也是React单项数据流的特性决定的。官方的原话是:共享 state(状态) 是通过将其移动到需要它的组件的最接近的共同祖先组件来实现的。 这被称为“状态提升(Lift....

「2021」高频前端面试题汇总之React篇(4)
文章 2022-05-17 来自:开发者社区

「2021」高频前端面试题汇总之React篇(3)

4. 虚拟 DOM 的引入与直接操作原生 DOM 相比,哪一个效率更高,为什么虚拟DOM相对原生的DOM不一定是效率更高,如果只修改一个按钮的文案,那么虚拟 DOM 的操作无论如何都不可能比真实的 DOM 操作更快。在首次渲染大量DOM时,由于多了一层虚拟DOM的计算,虚拟DOM也会比innerHTML插入慢。它能保证性能下限,在真实DOM操作的时候进行针对性的优化时,还是更快的。所以要根据具体....

文章 2022-05-17 来自:开发者社区

「2021」高频前端面试题汇总之React篇(2)

七、Hooks1. 对 React Hook 的理解,它的实现原理是什么React-Hooks 是 React 团队在 React 组件开发实践中,逐渐认知到的一个改进点,这背后其实涉及对类组件和函数组件两种组件形式的思考和侧重。(1)类组件: 所谓类组件,就是基于 ES6 Class 这种写法,通过继承 React.Component 得来的 React 组件。以下是一个类组件:class D....

「2021」高频前端面试题汇总之React篇(2)
文章 2022-05-17 来自:开发者社区

「2021」高频前端面试题汇总之React篇(1)

六、Redux1. 对 Redux 的理解,主要解决什么问题React是视图层框架。Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂, JavaScript需要管理比任何时候都要多的state(状态), Redux就是降低管理难度的。(Redux支持React、Angular、jQuery甚至纯JavaScript)....

文章 2022-05-14 来自:开发者社区

js 前端密码强度检测zxcvbn的使用(含react示例)

目录下载包在页面引入并使用结合h5的meter标签下载包yarn add zxcvbn 或npm i zxcvbn -S 在页面引入并使用import zxcvbn from 'zxcvbn'; zxcvbn是个函数,入参是字符串也就是用于检测的密码。zxcvbn('123456abc!!!') 函数返回一个对象:其中与密码强度相关的有guesses、guesses_log10、score。gu....

js 前端密码强度检测zxcvbn的使用(含react示例)
文章 2022-05-07 来自:开发者社区

React 与前端开发的那些年

最近原创文章:《1.2w字 | 初中级前端 JavaScript 自测清单 - 1》《了不起的 Webpack HMR 学习指南(含源码分析)》《了不起的 Webpack 构建流程学习指南》《你不知道的 WeakMap》番外篇《你不知道的 Blob》番外篇《了不起的 tsconfig.json 指南》《200行JS代码,带你实现代码编译器》这几天在通过各种资料,了解了 React 出现的背景,还....

React 与前端开发的那些年
文章 2022-05-06 来自:开发者社区

前端推荐!从零开发一套基于React的加载动画库

网络异常,图片无法展示|之前在项目开发中经常会遇到需要开发各种各样加载动画的需求, 我们可以使用已有的动画库手动改造实现(比如说基于 loaders.css 手动改造), 也可以自己独立设计, 但是这意味着需要花一定的时间调研和开发.为了减少这部分的时间, 并让加载动画的设计更加简化和易用, 我开发了一款开箱即用的加载动画库 react-loading, 内置了多种风格的加载动画, 开发者可以轻....

前端推荐!从零开发一套基于React的加载动画库

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。