1.如何用63行代码写一个NgRx Store
2.@Import({ AutoConfigurationImportSelector.class})
3.为什么 querySelectorAll 返回的轮训轮训不是 Array?
4.Spring源码从入门到精通---@Import（五）

如何用63行代码写一个NgRx Store

       深入解析 NgRx Store 的内部运作机制，通过精简的源码行代码实现一个基础版本的 StoreService，探索 NgRx Store 如何通过 RxJS 进行状态管理。系统本文旨在为开发者提供一个简化版的轮训轮训 NgRx Store 实现，以深入理解其核心原理。源码

       通过一个简单的系统理房帮源码 Angular NgRx-Seed app，我们可以学习 NgRx Store 的轮训轮训基础组件和工作流程。本文章将提供一个超简化的源码 StoreService，包含 dispatching action、系统accumulating state、轮训轮训以及使用 selector 订阅更新状态的源码核心功能。

       构建一个与 NgRx 非常相似但高度简化的系统 StoreService，代码覆盖了基本的轮训轮训 Store 功能，包括创建行为主题、源码调度 action、系统以及实现状态的积累与更新。此 StoreService 实现仅供学习和理解 NgRx Store 的内部构造，不可用于实际项目。

       关注 queueScheduler 的使用，确保 action 以初始化顺序同步接收，避免因重新进入而导致的美国前端源码内存溢出问题。action$ 和 reducer$ 的融合通过 withLatestFrom 操作符完成，确保了状态更新的正确执行。

       reducerFactory 是 NgRx Store 的复杂部分，通过闭包实现状态的融合。简化版本的 StoreService 中，忽略了对 meta reducers 的处理，使用 combineReducers 作为默认工厂函数，用于创建一个可作为 StoreService 的源的 reducer 融合函数。

       在扫描操作符（scan）的作用下，action$ 和 reducer$ 被混合以创建一个具有状态记忆能力的hud菜单源码 stream。实现的累计函数 reduceState 实现了状态的更新与累积，以响应 action 和 reducer 的变化。

       对于 select 和 createSelector 的实现，本文简化了类型安全功能，直接提供基础的实现，以展示如何从 StoreService 中获取状态。通过一个闭包和 map 操作符，select 函数实现了从 StoreService 获取数据并应用到模板中的逻辑。

       StoreService 实现中的 createSelector 提供了一个从所有 selectors 的结果中分离特定 selector 的工具，简化了状态的源码静态收益获取与展示。

       在实际应用中，将 StoreService 注入到 Angular app 的组件中，通过 ngOnInit 生命周期钩子获取状态并将其结果显示在模板中。组件中包含 dispatch 功能，实现与 NgRx Store API 类似的操作。

       本文源代码已提供，欢迎阅读与学习。如有任何问题或建议，欢迎直接联系作者。

@Import({ AutoConfigurationImportSelector.class})

       ï¼ˆ2）@Import({ AutoConfigurationImportSelector.class})：将AutoConfigurationImportSelector这个类导入到spring容器中，AutoConfigurationImportSelector可以帮助springboot应用将所有符合条件的@Configuration配置都加载到当前SpringBoot创建并使用的IoC容器(ApplicationContext)中

       ç»§ç»­ç ”究AutoConfigurationImportSelector这个类，通过源码分析这个类中是通过selectImports这个方法告诉springboot都需要导入那些组件：

       

       æ·±å…¥ç ”究loadMetadata方法

             

       æ·±å…¥getCandidateConfigurations方法

       ä¸ªæ–¹æ³•ä¸­æœ‰ä¸€ä¸ªé‡è¦æ–¹æ³•loadFactoryNames，这个方法是让SpringFactoryLoader去加载一些组件的名字。

       

       ç»§ç»­ç‚¹å¼€loadFactory方法

       ```java

         public static ListloadFactoryNames(Class factoryClass,遍历dpc 源码 @Nullable ClassLoaderclassLoader) {

              //获取出入的键

               String factoryClassName = factoryClass.getName();

               return(List)loadSpringFactories(classLoader).getOrDefault(factoryClassName,Collections.emptyList());

            }

          private static Map>loadSpringFactories(@Nullable ClassLoader classLoader) {

               MultiValueMap result =(MultiValueMap)cache.get(classLoader);

               if (result != null) {

                   return result;

               } else {

                   try {

                       //如果类加载器不为null，则加载类路径下spring.factories文件，将其中设置的配置类的全路径信息封装为Enumeration类对象

                        Enumeration urls =classLoader != null ?classLoader.getResources("META-INF/spring.factories") :ClassLoader.getSystemResources("META-INF/spring.factories");

                        LinkedMultiValueMap result =new LinkedMultiValueMap();

                       //循环Enumeration类对象，根据相应的节点信息生成Properties对象，通过传入的键获取值，在将值切割为一个个小的字符串转化为Array，方法result集合中

                        while(urls.hasMoreElements()) {

                            URL url =(URL)urls.nextElement();

                            UrlResource resource = newUrlResource(url);

                            Properties properties =PropertiesLoaderUtils.loadProperties(resource);

                            Iterator var6 =properties.entrySet().iterator();

                           while(var6.hasNext()) {

                                Entry entry= (Entry)var6.next();

                                String factoryClassName= ((String)entry.getKey()).trim();

                                String[] var9 =StringUtils.commaDelimitedListToStringArray((String)entry.getValue());

                                int var =var9.length;

                               for(int var = 0;var < var; ++var) {

                                    String factoryName= var9[var];

                                   result.add(factoryClassName, factoryName.trim());

                                }

                            }

                        }

                       cache.put(classLoader, result);

                        return result;

        ```

       ä¼šåŽ»è¯»å–一个sprin  g.factories的文件，读取不到会表这个错误，我们继续根据会看到，最终路径的长这样，而这个是spring提供的一个工具类

       ```java

        public final class SpringFactoriesLoader {

           public static final String FACTORIES_RESOURCE_LOCATION ="META-INF/spring.factories";

        }

        ```

       å®ƒå…¶å®žæ˜¯åŽ»åŠ è½½ä¸€ä¸ªå¤–部的文件，而这文件是在

       

       

       @EnableAutoConfiguration就是从classpath中搜寻META-INF/spring.factories配置文件，并将其中org.springframework.boot.autoconfigure.EnableutoConfiguration对应的配置项通过反射（Java Refletion）实例化为对应的标注了@Configuration的JavaConfig形式的配置类，并加载到IOC容器中      

        ä»¥åˆšåˆšçš„项目为例，在项目中加入了Web环境依赖启动器，对应的WebMvcAutoConfiguration自动配置类就会生效，打开该自动配置类会发现，在该配置类中通过全注解配置类的方式对Spring MVC运行所需环境进行了默认配置，包括默认前缀、默认后缀、视图解析器、MVC校验器等。而这些自动配置类的本质是传统Spring MVC框架中对应的XML配置文件，只不过在Spring Boot中以自动配置类的形式进行了预先配置。因此，在Spring Boot项目中加入相关依赖启动器后，基本上不需要任何配置就可以运行程序，当然，我们也可以对这些自动配置类中默认的配置进行更改 

       **总结

          因此springboot底层实现自动配置的步骤是：

       1. springboot应用启动；

       2. @SpringBootApplication起作用；

       3. @EnableAutoConfiguration；

       4. @AutoConfigurationPackage：这个组合注解主要是@Import(AutoConfigurationPackages.Registrar.class)，它通过将Registrar类导入到容器中，而Registrar类作用是扫描主配置类同级目录以及子包，并将相应的组件导入到springboot创建管理的容器中；

       5.

        @Import(AutoConfigurationImportSelector.class)：它通过将AutoConfigurationImportSelector类导入到容器中，AutoConfigurationImportSelector类作用是通过selectImports方法执行的过程中，会使用内部工具类SpringFactoriesLoader，查找classpath上所有jar包中的META-INF/spring.factories进行加载，实现将配置类信息交给SpringFactory加载器进行一系列的容器创建过程

       åˆšå­¦äº†æ‹‰å‹¾æ•™è‚²çš„《Java工程师高薪训练营》，看到刚学到的点就回答了。希望拉勾能给我推到想去的公司，目标：字节！！

为什么 querySelectorAll 返回的不是 Array?

       查询所有元素涉及到的规范与数组规范不同，因此查询所有元素返回的不是数组类型。

       从规范角度看，查询所有元素属于 DOM 规范，而数组属于 ECMAScript 规范。DOM 规范强调平台中立性，但并未在规范中提及与数组相关的概念。

       实际上，查询所有元素返回的是 NodeList 类型，这与数组有本质区别。Array 类型来源于 ECMAScript 规范，而 NodeList 则是 DOM 中用于表示一组节点的类。

       具体到源码层面，Chromium 的实现中，查询所有元素返回的是 StaticElementList 类型。该类封装了选择器字符串并提供了节点集合，但与 JavaScript 数组的实现不同。

       JavaScript 数组由 V8 引擎实现，其长度属性通过特定的偏移量在 JSArray 对象上获取。与此相反，StaticElementList 的长度属性计算逻辑与 JavaScript 数组完全不同。

       综上，查询所有元素返回的 NodeList 不是 Array 类型的原因，主要在于两者所属的规范体系不同，以及在实现细节上的差异。

Spring源码从入门到精通---@Import（五）

       深入解析如何给容器注册bean

       通过ComponentScan+注解如@Controller,@Service,@Compoment,@Repository实现自动扫描bean

       @Bean+@Configuration定义导入第三方bean

       利用@Import快速批量导入组件，优势在于简化配置

       文章重点解析@Import的三种用法：直接导入容器、自定义importSelector实现、自定义ImportBeanDefinitionRegistrar手动注册

       1）@import注解直接导入容器，id默认为全类名

       2) 自定义importSelector类，返回需要注册的全类名数组

       3) 实现ImportBeanDefinitionRegistrar接口，自定义组件注册和id

       通过@Import源码，导入的实质是一个数组，允许批量导入多个类

       演示通过import将组件如color和red导入容器，并展示容器中组件的打印

       提供JUnit测试类，重复利用方法提取getDefinitionNames()，简化测试步骤

       新增1）@Import基础使用部分，删除原有代码，便于理解@Import

       运行示例，展示导入组件后的容器打印结果，突出import的优势

       详细步骤：

       2）自定义myImportSelector类实现ImportSelector，返回新增组件路径，结合扫描自定义类

       结果展示：blue和yellow组件成功注册容器，验证自定义importSelect功能

       3）实现ImportBeanDefinitionRegistrar接口，自定义组件名注册到容器

       junit测试不变，运行结果：验证容器中包含red、yellow组件，满足自定义id需求