这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画，下面具体讲一下3种动画的实现方式。 tran ...

React Hook是React函数式组件，它不仅仅有函数组件的特性，还带有React框架的特性。所以，官网文档多次强调： 只在 React 函数中调用 Hook 不要在普通的 JavaScript 函数中调用 Hook。你可以： ✅ 在 ...

redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...

首先无论你要学习任何技能，必须有一个清晰的版图，什么是清晰的版图呢？首先了解你学的技术将来要从事什么工作，这个工作的条件是哪些？然后你要有一个非常清晰的学习大纲，切记学习任何东西都要系统，不可胡乱的瞎学浪费时间。web前端学习路线下面是给大 ...

call、apply、bind的区别 1.定义： call apply看作是对象的方法，通过调用方法的形式间接调用函数。都是为了改变某个函数运行时的上下文（context）(函数体内部 this 的指向)而存在的。 bind方法主要的作用是 ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。 Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！如何学习前端知识？我们生活在一个充满规则的宇宙里面。社会秩序按照规则运行，计算机语言几乎 ...

距离 第一次听到 节流与防抖 已经过去两年的时间，最近也是新看到一道题重新复习下老的知识点，并且提出新的解决方案。 # 先温习一下之前已经知道的经典方法： // 节流 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 ex ...

编程语言通常暗藏着各种技巧，熟练使用这些技巧可以提高开发效率。JavaScript 就是一门技巧性很强的语言，掌握常见的语法技巧不但可以加深对语言特性的理解，还可以简化代码，提高编码效率。本文分享 10 个常用的技巧，希望能成为你的开发工具 ...