前端开发小哥Lucas

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计和实现原理。

webpack，启动后，会从入口文件出发，找出所有依赖的模块。 而resolve配置就是webpack寻找模块的规则 resolve可配置项： alias resolve.alias配置项通过别名把原

path.join():方法使用平台特定的分隔符[Unix系统是/，Windows系统是\ ]把全部给定的 path 片段连接到一起，并规范化生成的路径。若任意一个路径片段类型错误，会报错。 如果连接后的路径字符串是一个长度为零的字符串，则返回 '.'，表示当前工作目录。 pa…

2020年前端圈带来具有突破意义的内容或框架不多，也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Weex、Flutter这类跨端而欣喜若狂。 我能看到的是今天前端已趋于稳定，在深水区探索，比如蚂蚁金服的x6，…

在某个后台活动中，用户数据表多达几千万，大数据这边，并未针对业务场景建立有效覆盖索引，导致后台SQL慢查询告警上千次，针对业务场景，提出以下优化，新增key1，key2索引覆盖，后台where

MySQL 提供了一个 EXPLAIN 命令, 它可以对 SELECT 语句进行分析, 并输出 SELECT 执行的详细信息, 以供开发人员针对性优化. id: SELECT 查询的标识符. 每个 SELECT 都会自动分配一个唯一的标识符. select_type: SELE…

负载均衡作用：主要解决网络拥塞问题，提高服务器响应速度，服务就近提供，达到更好的访问质量，减少后台服务器并发压力。 1. 轮询（默认） 每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。主要用于大量请求场景中环节服务端的压力。 2. weigh…

= 前缀的指令严格匹配这个查询。如果找到，停止搜索； 所有剩下的常规字符串，最长的匹配。如果这个匹配使用 ^~ 前缀，搜索停止； 如果第 3 条规则产生匹配的话，结果被使用。否则，使用第 2 条规则的结果。 匹配到uri后，接下来要代理到目标服务地址。 上述配置，默认访问 / …

PRPL 是一种用于结构化和交付 Web 应用程序和渐进式 Web 应用（PWA）的模式，重点在于改进应用的交付和启动性能。这个模式包含一组步骤，以实现快速、可靠、高效的加载： Push, 推送初始路由所需的所有资源，并且只推送这些资源，以确保它们尽早可用。 Render, 在…