前端

前端界面生成PDF并导出下载

最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np

WebGIS视角:体感温度实证,哪座“火炉”火力全开?

目录前言一、火炉城市空间分布及特点1、空间分布2、气候特点二、数据来源及技术实现1、数据来源介绍2、技术路线简介三、WebGIS系统实现1、后端设计与实现2、前端程序实现四、成果展示1、整体展示2、蒸烤模式城市3、舒适城市五、总结前言        “火炉城市”是中国对夏季天气酷热的城市的夸张称呼。这一说法最早出现在民国时期,当时媒体有“三大火炉”之说,即重庆、武汉和南

使用 Trae IDE 一键将 Figma 转为前端代码

在现代前端开发中,从设计稿到可用页面的交付往往需要大量重复劳动:切图、手写样式、布局调整……而借助 MCP Server - Figma AI Bridge,我们可以将 Figma 设计稿自动转换成整洁的 HTML/CSS/JS 代码,并立即生成可预览的网页。一键化、傻瓜式操作,让设计交付效率跃升。本文测试使用的系统环境如下&#

简述a标签超链接target属性的取值和作用

a标签的target属性一共有4个值: _self :默认属性。在当前窗口或者框架中加载目标文档。 _blank :打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel=“noopener norefferrer” 属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。 _parent :在 frame 或者 iframe 中使用较多。在父级框架中

小程序支持Scss

第一步:从 VSCode 中下载插件 Live Sass Compiler 第二步:打开 小程序的 扩展,然后导入 VSCode 打开扩展 选择导入 vscode扩展 第三步:新建 .vscode 文件夹,其中创建 settings.json 文件 新建文件并写代码 { "liveSassCompile.settings.formats": [

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:nakama 开源协议:Apache-2.0 License 内容 本节继续分享游戏相关的开发组件nakama,它是

565. 【自动化测试】基于python的前后端分离的模拟实现

前端只处理前端本身的逻辑,比如图形展示、文字的格式化等,后端也只处理后端自己的业务代码,前端和后盾通过某种机制来耦合。 我们通过 M-V-C 的概念来说明前后端分离的概念。M 指的是 Model-数据模型,V 指的是 View-视图,C 指的是 Controller-控制器。视图可以理解为前端,主要用于对数据的呈现,模型可以理解为后端,主要负责对业务的处理,而控制器主要负责接收用户的输入并协调视图

mangosteen day 4 swr原理

当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库 意为当用户数据过期将重新发起请求获得最新数据 步骤:首先从缓存中返回显示的是过期的数据,同时会发起fetch请求(重新认证),最后获得最新数据 与zustand进行类比 所有远程的数据(http请求的数据)都缓存到swr中,其余的数据存储到zustand即可 当我们在使用swr发送

前端本地存储进阶:IndexedDB 封装与离线应用开发

前端本地存储进阶:IndexedDB 封装与离线应用开发 文章目录 前端本地存储进阶:IndexedDB 封装与离线应用开发 前言 1. IndexedDB 基础概念 1.1 什么是 IndexedDB 1.2 基础 API 使用 2. 实战案例:智能 IndexedDB 封装库 2.1 高级封装库设计 2.2 实际应用示例