醒途

在现代 Web 开发中，我们经常需要在同一台服务器上部署多个前端项目。这不仅可以节省资源，还可以简化管理。本文将指导你如何使用Nginx在同一端口上部署两个前端项目，并通过配置子路径来区分它们。

失效，查看下面代码参考。

背景：给一个巨石单体项目进行标准化模块拆分，封装出来的模块代码用vite进行构建，但模块启动后页面上的表现一直和webpack那版不一致一步步debug后，发现问题出在下面这个判断条件问：当func是生成器函数时，判断条件输出true还是false。

【代码】获取 table 所有单元格的行列号，含合并单元格，行列号纠正。

主要参数都是从后端获取的，非常考验后端的签名，签名不对就要调试很久，切记官方的。可能是有问题的总是签名失败，当然也许是我们的后端使用方式不对。

【代码】Taro 路由拦截 身份认证 授权登录。

团队内部会用工具定时检查包的最新版本并通知，以便我们及时跟进社区进展，避免和技术栈出现版本脱节导致无法使用最新特性和优化内容。这里只说明手动查看和更新包的主要几个命令。：检查项目中过时的依赖包及其最新版本。中所有依赖至最新版本（不执行安装）依赖至最新版本（不执行安装）工具，用于管理依赖更新。：执行依赖更新，安装。中指定的最新版本依赖。

建议大图可以根据需要添加缩放算法，并且所有图用二倍图这样清晰度上会有所改善。添加图像缩放算法，但要注意图片尺寸很小时候会出现“毛边”，还不如不加。

提供良好的路由管理机制，支持页面导航、嵌套路由和路由守卫等功能，以实现灵活的页面跳转和权限控制。：支持持续集成和持续部署的流程，自动化构建、测试和部署的环节，提高开发团队的效率和应用的交付速度。：提供性能优化的建议和工具，包括代码分割、懒加载、缓存策略等，以提升应用的加载速度和响应性能。：支持多语言和多地区的应用展示，提供国际化和本地化的解决方案，以满足全球化的需求。：集成单元测试、集成测试和端到端测试的工具和框架，以确保应用的稳定性和质量。

点击“关于 Microsoft Edge”，进入后会自动更新到在策略输入的版本号，更新完毕后重启 Edge 即可。配置策略 “目标版本覆盖” 为已启动，并且手动输入版本号，如 110.0.1587.41。配置策略 “回退到目标版本”为已启用。配置策略 “更新策略替代” 为已禁用。配置策略 “允许安装” 为已启用。

即使使用了 preset，仍可以在个别项目中进行自定义配置。具体来说，Jest 会先加载预设值，然后用用户提供的配置覆盖这些预设值。Jest preset 参数的作用是提供一个预先定义好的配置集合，以便于快速开始使用 Jest 单元测试框架。通过使用预设值和覆盖其默认配置，Jest 使得开发者可以方便快速地开始使用 Jest 单元测试，同时还可以随着项目的需求进行灵活配置。这样，用户就可以根据需要自定义配置，并仍然保持 preset 所带来的便利。合并过程中，数组和对象类型的属性会使用更复杂的合并策略。

这是由于我使用的 taro 3.0 ，但是 taro-ui 还是 2.3.4升级 taro-ui 到 3.0 版本就好了npm install taro-ui@3yarn add taro-ui@3

以为要 modal + image 自己做，发现不行又以为要用别的插件，发现 Taro 自带了Taro.previewImage({ current: 'https://jdc.jd.com/img/400x400', // 当前显示图片的http链接 urls: ['https://jdc.jd.com/img/400x400'] // 需要预览的图片http链接列表 })...

Element 的 scrollIntoView() 方法会滚动元素的父容器，使被调用 scrollIntoView() 的元素对用户可见widgetItem.scrollIntoView({ block: 'center', // Y 轴中间位置 behavior: 'smooth', // inline: 'center' })

exports 字段 (https://webpack.js.org/guides/package-exports/)exports 字段声明了一个对应关系，用 import "package" 和 import "package/sub/path" 会返回不同的模块。这替换了默认返回 main 字段文件的行为。当指定了 exports 字段时，只有声明了那些模块是可用的，其他的模块会抛出 ModuleNotFound Error。{ "exports": { ".": "./main.

上篇 我们唠了唠 Nextjs 怎么接入自定义 Koa，也唠了下自定义的 Koa Server 都做了什么​今天就顺势补个上篇提到的坑：Nextjs Config 配置初始化​以下正文​Config 配置的介绍和必要性通常我会简单叙述下为什么要做这件事情​起码让之前没做过这件事情的伙伴了解和理解这样做的原由​也会从实际场景出发多叨叨几句，诸君见谅​配置文件配置文件在实际工程项目里一般存在两种：不会暴露的隐藏配置文件，记录如数据库账号密码、JWT密钥、非对称加密私钥等敏感类配置

上篇 我们唠了唠 Nextjs 项目的目录结构，谈了谈我经历的几次目录结构调整​今天再填个坑：Nextjs 自定义服务端框架的法子​​使用了 Nextjs 为什么还需要自定义服务端框架​Nextjs 作为客户/服务双端通吃的框架，为什么还需要自定义服务端框架呢?​一方面是 Nextjs 大包大揽，包掉了许多功能，导致丧失了一定的灵活性​另一方面则是由于一些项目是从原有的 “React + 模板引擎 + 某服务端框架” 集合而成的自研架构​但又想要无缝迁移使用 Nextjs，这个时候

上篇 我们唠了唠 Nextjs 项目如何使用 TypeScript、如何引入 Antd​还做了些预告，虽然咳咳…直接断更了 12 天​不过中间是去 la 了个双眼皮儿，休养带恢复了好些天，今儿就麻溜儿回来了​誓不烂尾​嗯~ o(￣▽￣)o–今儿也不多更，保持每篇能聚焦一两个点就可​今天讲述下我从零到现在搭起来的 Nextjs 个人项目调整了三次的项目目录结构嗯，以下正文项目目录结构初始目录​我在刚刚创建项目时，使用的是默认目录结构​手动罗列一下，大致如下：调整一​

上篇 我们唠了半天，只是创建了个项目出来今天我们把 TypeScript、Antd 一气儿接到我们项目里来TypeScript我在使用 create-next-app project-name创建项目后，使用了一些配置引入了 TypeScript但，复盘后发现 Nextjs 提供了 TypeScript 的项目创建模板我们只需要使用下面命令，即可创建自带 TypeScript 能力的 Nextjs 项目：create-next-app project-name --typescriptAn

第一种方式（推荐）nodemon 指定版本 2.0.7npm un nodemon && npm i nodemon@2.0.7第二种方式结合 babel-nodenpm i @babel/core @babel/cli @babel/preset-env @babel/node -Dpackage.json"script": { "serve": "nodemon --exec babel-node server.js"}...

诸君，好久不见。入职了新的公司，虽然找回了轻松愉快的生活状态（1075），但也逃不过头秃的窘境。由于在新环境里的技术栈：Koa + React SSR，所以最近也在思考该输出个什么系列比较贴合个人发展。家里老婆有建议我：既然工作上使用了 React，那个人用 Vue3 也不错。毕竟老婆单位用的 Vue3 …（以为我不知道让我用 Vue3 我就可以更方便解决她遇到的问题吗 ε=ε=ε=┏(゜ロ゜;)┛）终究还是要考虑各方面因素：前几年一直使用的 Vue2，后面一定是 Vue3 的天下当前工作

【HTTP】强缓存和协商缓存解题要点：强缓存和协商缓存的概念、状态码关键词：200、304、from disk cache / from memory cache强缓存相关的浏览器 Header 属性及其每个属性的介绍关键词：Expires、Cache-Control、Pragma协商缓存相关的浏览器 Header 属性及其每个属性的介绍关键词：ETag — If-None-Match、Last-Modified — If-Modified-Since牵扯的优先级（加分）a. 强缓存和

谈谈对语义化的理解语义化标签header、nav、main、article、section、aside、footermark、details、summarytime、figure、figcaptionform、table、img语义化优点：易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。主体结构标签

说下事件模型1. 什么是事件和事件流javascript 是事件驱动型语言。当用户在网页中进行某种操作时，就产生了一个“事件”(Event)。当事件发生时，JavaScript 可以对之做出响应，具体如何响应某个事件由编写的事件处理函数完成。事件流描述的就是从页面中接收事件的顺序，早期 IE 和 Netscape 提出了完全相反的事件流概念，IE 事件流是事件冒泡，而Netscape的事件流就是事件捕获。2. 冒泡和捕获的区别，触发顺序IE 提出的事件流是事件冒泡，即从下至上，从目标触发的元素逐级

前两天进行项目总结时候，发现 Less 引入全局变量居然没生效，再一验证，发现原来的配置本来就一直没生效，只是在做主题色变化功能时候引入的样式文件里面刚好有 CSS 全局变量那个文件，而主题色里加载的样式会通过 globalVars 加载到全局，从而让我误以为自己的全局变量配置生效了…所以再归纳一下如何配置 CSS 全局变量，具体如下：注：Sass 和 Less 配置方法不一样，这里放的是 Less 的，可能 Sass 的只需要修改下配置即可，暂不表述1. 依赖npm i style-resou

我们都知道 Vue 和 React 内部都使用了虚拟 DOM，我最近刚刚开始梳理虚拟 DOM 的相关知识，下面是我梳理的笔记，简单明了、清晰易懂，建议收藏。大纲虚拟 DOM 的前情提要为什么使用虚拟 DOM什么是虚拟 DOM（Virtual DOM）虚拟 DOM 的作用一、虚拟 DOM 的前情提要当浏览器获取了一个 HTML 文档后，浏览器内核 webkit 的 WebCore 层中的 HTML 引擎会将该文档解析为 DOM 树，解析出的 DOM 树会交给同处在 WebCore 层的 D