工作及阅读心得

事件监听：通过 addEventListener 监听页面所有点击事件，识别点击目标是否为 <a> 链接元素。 URL 解析：使用 URL 对象解析链接的目标地址（targetUrl），获取其域名

在工作中，我们经常会遇到需要写一个表单用来查询的情况，尤其是toB的项目，常常遇到一个表格页面，上方是面包屑，然后搜索栏，表格，分页；以antd 3.x版本为例，分享一个最简单的表单案例

有一个经典的前端面试题，几乎每次前端面试的求职者都会被问到，那就是：在浏览器从输入URL到页面展示出来，经过了什么？今天我们就把这个问题拿出来详细聊聊。

JavaScript 中 bind、call、apply 的区别与实现 核心区别 方法 执行时机 参数形式 返回值 典型场景 bind 延迟执行 逐个参数 新绑定函数 回调函数绑定上下文

1. 模块联邦（Module Federation）：微前端的终极方案 1.1 跨应用共享模块 想象公司有三个React应用都需要用户中心组件，传统方案需要： 发布到npm 每个应用单独安装更新 版本

React 18 新特性详解：让开发更高效的新武器 并发渲染：想象你在餐厅点单：传统模式像必须等前一道菜吃完才做下一道，而并发模式就像后厨可以同时准备多道菜，但按合理顺序上菜。

Next.js 是一个功能强大且灵活的 React 框架，无论是静态网站、动态应用还是全栈项目，Next.js 都能提供高效的解决方案。其开箱即用的特性和优秀的性能表现，使其成为现代 Web 开发首选

前端架构是确保项目成功和可持续发展的基础。一个良好的前端架构不仅能够提高开发效率和代码质量，还能够提升用户体验和项目的整体稳定性。因此，在前端开发中，投入时间和精力进行架构设计是非常值得的。

定义了一些常见的正则表达式进行验证，包括邮箱、手机号码、身份证号码、密码和URL等校验。可以用于表单输入的合法性检查，提高用户输入的准确性和系统的稳定性。

find-up：Find a file or directory by walking up parent directories.

pkg-dir用于查找指定工作目录（cwd）中最近的 package.json 文件并返回其目录路径。

React umi项目 sentry本地接入尝试，umi版本为3+，webpack是umi集成的，版本5+。

阅读本文可以解决的问题： 通过RangePicker的API，实现动态控制RangePicker的可选范围。当前文章以antd3.26.x版本为例。