发生条件 页面中嵌入 iframe 标签,当我们给页面添加了事件之后,鼠标点击到 ifarme 上,事件可能会失效 这里以全屏 iframe esc 退出为例 直接上代码 Document fullScreen 当全屏后操作了 iframe 后 按 esc 会无响应,浏览器全局对象已经改变位 iframe 的了,所以需要给 iframe 添加键盘事件监听 let

需求 需要一个下载文件的链接，这里以下载生成文章markdown 文件为例。 代码实现 这里以express 为例 import fs from "fs"; router.get( "/download/article/:id", referrer, cache, async (req: Request, res: Response, ne

sequelize Sequelize 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server. 它具有强大的事务支持, 关联关系, 预读和延迟加载,读取复制等功能。 模型 创建关系 Sequelize 的模型创建关系很强大，如果重新创建数据库架构可以使用模型关联关系 co

浅析 开发博客时，切换文章类型后，列表刷新，正常情况页面可能会因为达不到出现滚动条的情况页面闪动，这个设置overflow: scroll;就可以解决，还有种情况，当我们浏览页面到下面了，滚动条不在顶部，切换文章类型，刷新列表后，新的列表会使页面出现滚动条时，滚动条还是会保持在上次位置，这时候可以让滚动条滚动到顶部，这也是大多数方案（比如掘金等）。 优化原因 因为上面的方案本人感觉有点闪眼睛，下面

element plus 走马灯 添加 鼠标滑动 切换功能 组件并没有提供 相应功能，但是提供了上下切换的api，所以我们只需要开发鼠标滑动事件监听再调用api即可。 下面不废话了，直接贴代码。

styled-jsx是Next.js框架自带的CSS-in-JS解决方案，我们可以在组件中使用style标签进行scoped样式的编写，但是这个插件没有内置Sass，在开发中可能会有些不方便。查询相关issues后认为使用@styled-jsx/plugin-sass相对合理一些。使用包管理工具安装 @styled-jsx/plugin-sass （注意安装为开发依赖）在.babelrc或者bab

在使用使用Next.js做开发时很多开发者会选择styled-jsx作为CSS方案，同时会使用styled-jsx-plugin-sass插件使styled-jsx支持Sass预处理，但是某一次使用时发现出现了如下错误：event - build page: / wait - compiling... info - Using external babel configuration from

在使用Node进行文件处理时我们经常会需要不同类型的文件进行不同的处理，并且对客户端进行对应的请求头返回，这里推荐两个个插件进行文件类型的快速获取文件类型。1.mime可以获取文件的mime-type用于请求头返回 res.writeHead(200, { 'Content-type': mime.getType(public/a.webp)// image/

Web 应用通常在服务端获取数据库中的数据，然后返回到前端渲染，在对时效性要求不高的数据中大量的请求、频繁的数据库读取会导致服务端压力过大。我们使用Express框架时可以对返回信息进行缓存，在指定时间内进行访问自动返回之前的数据。Express最主要的插件基础都是使用中间件来完成，本次缓存插件也开发后使用中间件的形式进行使用。使用memory-cache插件进行缓存保存。中间件代码：import

很多小伙伴在开发时想知道当前项目代码行数是多少，很多人会使用Git来进行查看，但是在开发中如果编辑器使用了VsCode我们可以使用VsCode的插件--VS Code Counter来进行代码行数查询。1.下载插件在VsCode侧边栏搜索插件名进行下载：2.配置插件编写插件配置选择哪些文件统计，哪些文件不统计VsCode插件市场文档 //代码统计 "VSCodeCounter.lan