代码调试，是我们前端日常工作中不可或缺的能力了吧！在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。但是，当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码，还想在浏览器里打断点几乎是不可能的了。

如果pc端的两列布局、表格布局、圣杯布局等已经让你心力交瘁！那么移动端更加五花八门的布局肯定也是让你吃尽苦头！table不知道你用过没？bootstrap用过没？antd用过没？

紫棋的一句想要我帮你唱hook吗？让hook红了一把！做为一个开发，尤其是前端开发，在电视上听到这个词还是有点小兴奋的（虽然彼hook非此hook）。玩够这个梗，是不是也要了解一下自己的react hook？

都知道html正常的文档流是自上而下排列的，块级元素会像下左图一样排列。但是项目中尤其是移动端项目会有很多需求的排版方式是要求由左到右排列。虽然可以通过dispaly：inline-block、float、position完成排版，但是需要对距离进行计算，计算起来十分麻烦。

React是什么？React的官网是这样介绍的：React-用于构建用户界面的 JavaScript 库。看起来十分简洁，React仅仅是想提供一个构建用户界面的工具，也就是只关心UI层面，不关心数据层面，数据层面的东西交给专门的人(react-redux)来做。所以有些人会说React就是一个ui框架。React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合...

http请求做为影响前端性能极为重要的一环，因为请求受网络影响很大，如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性能和接口数量来解决。但是，对于重复进入页面的用户，除了浏览器缓存，http缓存可以很大程度对已经加载过的页面进行优化。

一、this是什么？ 函数的内部属性，this引用的是函数据以执行的环境对象。也就是说函数的this会指向调用函数的执行环境。 {代码...} 函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。 {代码...} 二、this指向哪里 this做为函数的关键字，指向函数的调用对象。 大致...

js中转数字的方法有哪些？我经常会用字符串*1，但是如果碰到一些特殊的情况，使用这种方式会带来不必要的麻烦。下面看一下js提供的3种常见的转数字的方法。

介绍你下你理解的闭包？不管怎样！我最近听到很多次！感觉是不好好总结一下没法面对那些犀利的追问！如果觉得闭包理解的很透彻，就直接跳到最后看题目！

可以看出来，b复制了a的值后，对a再进行修改，b是完全不知道的！而修改对象obj后，obj的复制值obj1竟然也改变了，始终===。这是为什么？原因是基本类型值指的是简单的数据段，基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。引用类型的值是保存在内存中的对象，通过引用地址来访问，对象添加a:1后，引...

做为非科班出身的前端er，每次听到设计模式都感觉很高大上，总感觉这些东西是造火箭原子弹用的，距离我们这些造螺丝钉很遥远。但是最近在做一个聊天消息的业务时，发现貌似用上发布订阅模式业务就很清晰了。创建一个消息类当作发布者，展示消息的函数是订阅者，发布者提供了注册、发布方法，订阅者注册后，每次调用发布...

为什么输入URL就可以显示想要的页面？浏览器偷偷做了些什么？前端可以针对这些做哪些优化? 最近，在准备面试，这个问题我是被面试官问怕了，浏览器到底做了什么？你去问浏览器呗(尴尬）。想一下还是系统学习总结一下吧，话不多说看张图！ 可以看出来，从输入URL到浏览器显示完成可以大概分为5个阶段： DNS解析 TCP阶段 H...