前端

懒加载的实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

css渐变效果

css渐变效果 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果。 用它代替图片,可以加快页面的载入时间、减小带宽占用。同时,因为渐变是由浏览器直接生成的,它在页面缩放时的效果比图片更好,因此你可以更加灵活、便捷的调整页面布型 类型 含义 线性渐变 linear-gradient 指在一条直线上进行渐变 径向渐变 radial-gradient 是一种从起点到终点颜色

Vue 2.7 + Vite项目搭建

Vue 2.7 + Vite vue2.7 + vue-router3 + pinia 示例代码: 示例页面: 用到的vite插件 @vitejs/plugin-vue2 vite的vue2.7插件 @vitejs/plugin-

OpenSeadragon:Web上高质量图像查看解决方案

本文还有配套的精品资源,点击获取 简介:OpenSeadragon是一个基于Deep Zoom的开源JavaScript库,用于在Web上提供流畅、可缩放的图像浏览体验。它通过图像块分割、硬件加速渲染和优化的资源管理,实现了快速、平滑的图像浏览,即使是低性能设备也能提供良好的性能。该库支持自定义界面、丰富的API交互&#

Flutter 之 BottomSheet (五十八)

1. BottomSheet BottomSheet 作为组件直接使用的时候比较少,比如配合 Scaffold 的子属性使用,可以理解为展示在屏幕下方的一个组件。 BottomSheet 定义 const BottomSheet({ Key? key, this.animationController, this.enableDrag = true, this.

Swift数组处理全解(一篇全部搞定)

定义数组:使用语法 [元素类型] 来定义数组,例如: var arr1 = [1, 2, 3] var arr2: [String] = ["apple", "banana", "pear"] 访问数组元素:可以使用下标(从 0 开始)或者循环遍历数组来访问其中的元素。 let arr = ["apple", "banana", "pear"] let first = arr[0]

【前端】Vue3+elementui+ts,给标签设置样式属性style时,提示type check failed for prop,再次请出DeepSeek来解答

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章,每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示:博主能力有限,理解水平有限,若有不对之处望指正!🌹 目录 前言 警告信息 DeepSeek解答 问题原因 解

Gitee配置SSH公钥

采用SSH协议同步Git仓库代码的好处就是高效。在配置好SSH公钥后,不需要每次操作都要输入用户名和密码(主要针对命令行来说)。以我个人项目为例。生成 SSH 公钥1. 通过命令 ssh-keygen 生成 SSH Key:ssh-keygen -t ed25519 -C "zhangjc" -t key 类型 -C 注

uni-app 根据用户不同身份显示不同的tabBar

最近在一个uni-app项目中遇到一个需求,在登录页面成功登录以后需要判断身份,不同的身份的进入不同的tabBar页面,但是在uni-app项目中pages.json中的tabBar的list数组只有一个,且不能写成动态的,那如何实现这个需求呢?答案是需要我们自定义tabBar。 1、我们确定在 pages.json文件中的pages数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面

再战CSS样式

前言 最近面试,发现CSS层叠样式表很多细节已经忘得差不多了。 写样式,画界面是一个前端工程师最基础的素养。 一、基础选择器 标签: 标签名 { css属性名:属性值; } 类: .类名 { css属性名:属性值; } id: #id属性值 { css属性名:属性值; } 通配符: *{ css属性名:属性值; } 二、选择器进阶 复合选择器(后代、子代)、并集选择器、交