全部前端后端资讯Node讲解填坑ReactVue
最新置顶
node.js 下载文件
需求 需要一个下载文件的链接,这里以下载生成文章markdown 文件为例。 代码实现 这里以express 为例 import fs from "fs"; router.get( "/download/article/:id", referrer, cache, async (req: Request, res: Response, ne
node sequelize 数据库 连表查询
sequelize Sequelize 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server. 它具有强大的事务支持, 关联关系, 预读和延迟加载,读取复制等功能。 模型 创建关系 Sequelize 的模型创建关系很强大,如果重新创建数据库架构可以使用模型关联关系 co
优化 网站滚动 体验
浅析 开发博客时,切换文章类型后,列表刷新,正常情况页面可能会因为达不到出现滚动条的情况页面闪动,这个设置overflow: scroll;就可以解决,还有种情况,当我们浏览页面到下面了,滚动条不在顶部,切换文章类型,刷新列表后,新的列表会使页面出现滚动条时,滚动条还是会保持在上次位置,这时候可以让滚动条滚动到顶部,这也是大多数方案(比如掘金等)。 优化原因 因为上面的方案本人感觉有点闪眼睛,下面
element plus 走马灯 添加 鼠标滑动 切换功能
element plus 走马灯 添加 鼠标滑动 切换功能 组件并没有提供 相应功能,但是提供了上下切换的api,所以我们只需要开发鼠标滑动事件监听再调用api即可。 下面不废话了,直接贴代码。
关于鼠标点击iframe后事件无响应
发生条件 页面中嵌入 iframe 标签,当我们给页面添加了事件之后,鼠标点击到 ifarme 上,事件可能会失效 这里以全屏 iframe esc 退出为例 直接上代码 Document fullScreen 当全屏后操作了 iframe 后 按 esc 会无响应,浏览器
styled-jsx中使用sass
styled-jsx是Next.js框架自带的CSS-in-JS解决方案,我们可以在组件中使用style标签进行scoped样式的编写,但是这个插件没有内置Sass,在开发中可能会有些不方便。查询相关issues后认为使用@styled-jsx/plugin-sass相对合理一些。使用包管理工具安装 @styled-jsx/plugin-sass (注意安装为开发依赖)在.babelrc或者bab
styled-jsx: plugins is not a function
在使用使用Next.js做开发时很多开发者会选择styled-jsx作为CSS方案,同时会使用styled-jsx-plugin-sass插件使styled-jsx支持Sass预处理,但是某一次使用时发现出现了如下错误:event - build page: / wait - compiling... info - Using external babel configuration from
Node.js获取文件的文件类型
在使用Node进行文件处理时我们经常会需要不同类型的文件进行不同的处理,并且对客户端进行对应的请求头返回,这里推荐两个个插件进行文件类型的快速获取文件类型。1.mime可以获取文件的mime-type用于请求头返回 res.writeHead(200, { 'Content-type': mime.getType(public/a.webp)// image/
Express使用服务端缓存
Web 应用通常在服务端获取数据库中的数据,然后返回到前端渲染,在对时效性要求不高的数据中大量的请求、频繁的数据库读取会导致服务端压力过大。我们使用Express框架时可以对返回信息进行缓存,在指定时间内进行访问自动返回之前的数据。Express最主要的插件基础都是使用中间件来完成,本次缓存插件也开发后使用中间件的形式进行使用。使用memory-cache插件进行缓存保存。中间件代码:import
VSCode统计代码行数
很多小伙伴在开发时想知道当前项目代码行数是多少,很多人会使用Git来进行查看,但是在开发中如果编辑器使用了VsCode我们可以使用VsCode的插件--VS Code Counter来进行代码行数查询。1.下载插件在VsCode侧边栏搜索插件名进行下载:2.配置插件编写插件配置选择哪些文件统计,哪些文件不统计VsCode插件市场文档 //代码统计 "VSCodeCounter.lan
友情链接 交换友情链接请在【随聊】模块中留言
Copyright © 2025 - yulinZ blogyl.top