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

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

image 同构，就是一套React代码在服务器上运行一遍，到达浏览器又运行一遍。服务端渲染完成页面结构，浏览器端渲染完成事件绑定。 那如何进行浏览器端的事件绑定呢？ 唯一的方式就是让浏览器去拉取JS文件执行，让JS代码来控制。 imag ...

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程 ...

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

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

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

1.创建10个a标签，点击时弹对应的序号 常见错误做法 ❌ var a for (var i = 0; i < 10; i++) { a=document.createElement('a') a.innerHTML=i ...

一、空格规则HTML 代码的空格通常会被浏览器忽略。 上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。为了便于识别，这里使用半圆形符号◡表示空格。浏览器的输出结果如下。hello world可以看到，文字的前部和后部的空格都 ...

出于整个团队代码可读性、可维护性考量，有必要约定一套基本规范（包括代码命名、基础设施、提交日志、对外文档、测试等方面），供各团队都能参考，从而提升项目可持续性发展，也便于成员之间，能很好提升代码 CoverReview 效率等。鉴于此，有将 ...