大家好，我是HoMeTown，好的工具，可以帮助我们大幅提高编程效率，今天给大家分享一下我平时收集到的一些网页工具，目录已经分好了。

1. 起因 最近在项目中遇到一个问题：需要监听某个dom元素的宽度变化，从而给此dom元素的某个子节点样式赋值。其实起初没有想到这么细，只是想到页面尺寸变化时赋值，即 3. MutationObserver 可是，跑一下上面的代码，发现并没有执行console.log('The…

大家好，我是前端西瓜哥。今天带大家来学习如何做 React 性能优化。 使用 React.memo() 一个组件可以通过 React.memo 方法得到一个添加了缓存功能的新组件。

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

只要你有优化代码的习惯，那么在工作场景中会经常接触倒各种设计模式，只是你当时不知道它是哪种设计模式，当你接触倒设计模式后，才会发现自己的某段代码被称为某种设计模式。一起来复习一下曾经接触到的设计模式吧

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

本文重点讲解前端项目的`package.json`文件中，所涉及到的字段含义和它的使用场景。 避免一些配置性的错误，提高项目的维护性。

之前写过几篇关于如何写出可维护项目的文章，近来看到很多公司裁员，忽然惊醒，之前是站在项目角度考虑问题，却没站在咱们程序员本身看待问题，险些酿成大错！

什么是 TypeScript？ 一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。 TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是