还记得当初小程序刚出来爆火的场景，依附于微信确实是给我们带来了极大的便利，有着微信的流量，用完即走，无需下载，随时使用，从17年到23年，小程序已经深入人心，吃喝玩乐你都可以找到小程序的身影，疫情期间各种码的场景也给小程序带来了巨大的流量

对于使用 react 的同学来说，hook 一定不陌生，但是如何封装 hook 以及在业务中怎么使用封装的 hook，很多同学并没有一个很好的实践，这篇文章就通过10个常用的 hook 让大家学会封装 hook，能够在自己的业务中使用，提高复用率，减少开发成本

在 vue3 中的组合式 api 中，针对响应式有了一些改变，其中响应式 api 中，两个比较重要的是 ref 和 reactive，但是对于这两个区别以及使用场景，大多数同学都比较迷惑，这个文章将给你详细讲述这两个区别以及使用场景

程序员的日常，总有一个自己的项目，不管是博客，还是一些日常应用，还是好久都不维护的一些奇怪的想法，总是需要一些前端页面去做一些应用展示，目前前端工程化已经逐渐普遍，需要打包，部署等一系列的操作。

在做移动端适配的时候，很多人第一反应就是使用 rem ，通过动态设置 html 上的 font-size 来进行页面的自适应，基本原理就是 rem 表示的是 root em ，页面中所有的值都是基于html上的 font-size ，相对的进行对应的变化

作为前端来说，工作三年以上，如果你还是不会或者不了解如何手写一些最基础的框架，对于当前的形势来说是不太友好的，了解框架原理，手写框架已经成为前端开发者最基础的知识技能了，学习框架设计思维，结合业务体系，能够更好的做开发和优化

现代的框架教程目前再也不是写个hello world那么简单了，而是需要有一定基础能力能够做到数据绑定、遍历、条件判断等各种逻辑，而能完成这一系列内容的，todolist就是个很好的实现，比如react的教程、solijs教程都是以todolist为例

年底了，换了项目组，新的项目组使用react，从vue到react，我只花了一天的时间，看了官方简单的文章之后，就觉得这玩意很简单啊，比起vue的那么api来说，这根本没有学习成本好吧，十分迅速的就进入了react的项目开发，并且洋洋得意，根据我多年的经验来看，这波肯定会得到领导的赏识

使用可观察对象，在事件发生的时候通知订阅者说明观察者模式，可以将某些对象（观察者）订阅到另一个对象，称为可观察对象每当事件发生时，可观察对象都会通知所有观察者！也就是一旦可观察对象发生变化，所有的观察者都会得到通知观察者：可以类比为很多人在看某一个东西，当这个东西发生变化的时候，观察者都能够感觉...

这几天科技圈最火爆的消息就是ChatGPT，如果你还不知道它，这篇文章将带你详细的了解它，为什么它这么火爆？因为它是目前能让你提升工作效率的工具

这几天领导找我，说我们的H5页面内置了很多链接，这些链接的打开的速度有点慢，你有什么办法可以优化一下么？或者有什么好的方案可以拿出来聊聊，我心想，这提升速度的方案无非就那么几种，我要是优化不好，就目前这就业形势，怕是要把我优化了

作为研发的我们，自然要第一时间跟进，既然各大平台跟进速度都很快，这个对我们来说肯定简单的很领导问我多久能够搞定，我满怀期待地说，5分钟搞定为了实现对应效果，最好的办法就是借鉴

背景为什么要了解浏览器原理？当面试官问你输入url到渲染发生了什么这种问题你不知所措？页面中到底能承载多少个元素，取决于什么条件？如果一个页面在2s内打不开，你应该如何优化？DOM是什么，javascript操作的是DOM还是html？回流和重绘又是什么？浏览器架构是什么样的？当你能够细化的了解整个了浏览器工作原理的时候...

简单工厂模式，又被称为静态工厂方法。通过一个工厂对象来创建某一种产品对象的实例，主要是用来创建同一种类型的对象简单来说就是通过一个方法决定到底要创建那个类的实例我们用水果来举例那代码如何写呢？首先，我们需要创建一系列水果的抽象产品

代理模式在javascript中可以使用Proxy对象，可以更好的去控制一些对象的交互，既然谈到了Proxy，我们先简单了解一下Proxy到底是干什么的

从今天开始，我将连续更新javascript的设计模式，资料来源主要是[链接] 这里涵盖了所有的设计模式，主要内容来自对这个网站的翻译加上自己的理解，也是自我学习的过程

如果body上不生效，我们常用的做法就是再往html上写一份，但是这两个具体的区别有哪些，其实作为我们来说通常是不关心的，毕竟对我们日常开发来说，没有任何的影响，无非就是多加一个

看到这个问题的时候，我冷然一笑，这不是明显着么？肯定是在事件循环中的异步任务队列，任务队列又分为宏任务和微任务，dom更新在微任务队列清空之后，宏任务队列开始之前。

了解javascript的第一步，就是要了解事件循环机制。但是要真正的了解javascript的事件循环机制并不容易，因为它是javascript引擎最基础的部分。它可以让单线程的javascript以非阻塞方式执行

自己是一个一听到webpack就头大，看着一堆不知道那是什么玩意的东西总觉得自己做好前端就行了，但是在使用vue-cli的时候总觉得要改其中的一些东西进行项目初始化的时候能够更好使用！所以想要根据官方文档进行一个webpack的教程，写这些主要还是为了进行一个系统的学习，帮助在webpack的道路上迷茫的同学们。