前端

link和@import 的区别

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

小程序页面之间(传值)传递数据的方法

1、给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取(data- 名称不能有大写字母,不可以存放对象) 2、设置id 的方法标识来传值,通过e.currentTarget.id获取设置的id值,然后通过设置全局对象的方式来传递数据 3、在navigator中添加参数数值 4、使用全局遍历实现数据传递 5、页面跳转或

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

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

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

React-CSS

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

Python webbrowser 模块:轻松操控浏览器

Python webbrowser 模块:轻松操控浏览器在 Python 开发中,有时需要在程序里直接打开网页,webbrowser 模块就能帮我们实现这一需求。它为 Python 程序提供了一个高级接口,允许开发者方便地在用户默认浏览器或指定浏览器中打开网页。本文将结合 Python 官方文档,详细介绍 webbrowser

图片懒加载

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

JavaScript_BOM

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

名词解释:前端服务器

前端服务器通常指在前端开发或部署中起关键作用的服务端组件,而非运行前端代码的服务器。 主要包含三类: 1)静态资源服务器(如Nginx、CDN),负责托管分发前端构建文件; 2)开发工具链中的本地服务(如Vite、Webpack DevServer)