前端

JavaScript_BOM

一、window对象 (一)常见方法 a. 打印方法 1) log() 以日志形式 window.console.log( ' 日志 ' ) // 以 日志 形式打印 2) error 以 错误 的形式 window.console.error( ' 错误 ' ) // 以 错误 形式打印 3) warn 以 警告 的形式 window.console.warn( ' 警告 ' )

jsPDF的常规使用

引入方式: CND: <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script> Npm: npm install jspdf jspdf-autotable HTML 转 PDF 出发事件: <button onclick="generat

图片懒加载

懒加载,通常是延迟加载初始视口外的图像,直到我们滚动页面,达到图像与底部视口的交汇处才开始加载图像。 我们需要做的是判断图片是否出现在当前视口,然后控制图片的加载。 有几种实现方式: scroll 和位置计算 getBoundingClientRect API IntersectionObserver API loading 属性 第三方库(无非是上述方法的实现) scroll 和位置计算

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas

link和@import 的区别

从从属的关系来说:link是 html 标签,不仅可以加载 css 文件,还可以定义 RSS,rel链接属性,而@import 是 css 的语法,只有导入样式表的作用 2.加载顺序:页面被加载时,link 会和 html 标签同时加载;@import 引入的 css 将在页面加载完毕之后被加载 3 兼容性:@import 是 css2.1的语法,link 是标签不存在兼容性的问题 4 DOM:

前端拖拽排序实现详解:从原理到实践 - 附完整代码

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程&

web前端JS—基本语法

一、引入方式1、内部脚本:将代码定义在HTML页面里面 将JS定义在<script></script>之间 可以在html里面的任意位置放置任意数量的<script></script> 一般放置在<body>元素的底部,改善显示速度 <script> console.log('页面加载时执行'); fun

深入理解 C# Razor Pages:构建现代 Web 应用的利器

在现代 Web 开发中,选择合适的框架至关重要。ASP.NET Core 提供了多种开发模式,其中 Razor Pages 因其简单性、高效性和易用性,成为构建页面导向 Web 应用的首选方案。相比于传统的 MVC(Model-View-Controller)模式,Razor Pages 提供了更直观的开发体验&

Gemini-Web_API 逆向工程实现与架构设计

文章目录 Gemini-Web_API 逆向工程实现与架构设计 摘要 1. 背景与研究意义 1.1 大语言模型 API 生态现状 1.2 Gemini-API 项目定位 2. 系统架构与模块设计 2.1 整体架构 overview 2.2 核心模块详细分析 2.2.1 客户端模块(`client`) 2.2.2 系统提示