前端开发 Html/Css
刷新
HTML+CSS实现全景轮播的示例代码

创建一个全景轮播效果可以通过HTML和CSS来实现，这里提供一个简单的示例代码。这个示例中，我们将使用HTML来构建基本的轮播结构，CSS来添加样式和实现轮播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...

Symbol 引用 iconfont icon图标库

博主头像 Symbol 引用 iconfont icon图标库 Symbol 引用 这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点： 支持多色图标了，不再受单色限制。 通过一些技巧，支持像字体 ...

XML Schema 字符串数据类型及约束详解

博主头像 XML中的字符串数据类型表示字符序列，包括换行、回车和制表符。处理器不修改值。`normalizedString`去除这些特殊字符，`token`则进一步移除前导和尾随空格及多余空格。字符串类型可使用枚举、长度等限制。`date`和`dateTime`数据类型表示日期和时间，`duration`表示... ...

如何实现上拉加载，下拉刷新？

博主头像 一、前言 下拉刷新和上拉加载这两种交互方式通常出现在移动端中 本质上等同于PC网页中的分页，只是交互形式不同 开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等 这些第三方库使用起来非常便捷 我们通过原生的方式实现一次上拉加载，下拉刷 ...

ECMA 2016(ES7)新特性

博主头像 本章内容： Array.prototype.includes()：判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。 幂运算符**： a ** b 指数运算符，它与 Math.pow(a, b)相同。 Array.prototype.includes() includ ...

什么是单点登录？如何实现？

博主头像 一、是什么 单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一 SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统 SSO 一般都需要一个独立的认证中心（passport），子系统的登录均得通过passport，子系统 ...

XML Schema 复杂元素类型详解：定义及示例解析

博主头像 在XML Schema（XSD）中，复杂元素包含其他元素和/或属性，分为4类：空元素、仅含元素、仅含文本和既含元素也含文本。定义复杂元素可通过直接声明或引用预定义的复杂类型。复杂空元素仅含属性，而仅含元素的类型则只包含其他子元素。XSD提供了`<xs:sequence>`、`<xs:all>`、`<... ...

CSS user-select 属性(是否允许用户选中文本)

本文操作环境：Windows7系统，CSS3版本，Dell G3电脑。 user-select，设置或检索是否允许用户选中文本 user-select 属性规定是否能选取元素的文本。 在 web 浏览器中，如果您在文本上双击，文本会被选取或高亮显示。此属性用于阻止这种行为。 user-select语 ...

2024高频前端面试题合集(一)

博主头像 1、请简述Js Bridge JavaScript Bridge 是一种技术，用于在不同的编程语言或环境中传递数据和调用函数。在 Web 开发中，JavaScript Bridge 通常指在 JavaScript 和其他语言（如 Java、Objective-C、Swift 等）之间建立通信的机制。 ...

【动画进阶】极具创意的鼠标交互动画

博主头像 最近，群里在讨论这么一个有趣的交互效果，来源于：vueflow.dev： 通过审查元素，发现原效果借助了 Canvas 实现。 思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。 于是动手尝试了一番，最终完美的复刻了该效果： 过程中还是有非常多有意思的技巧 ...

thymeleaf

博主头像 1、通过${}来获取model中的变量，注意这不是el表达式，而是ognl表达式，但是语法非常像 <h2 th:object="${user}"> <p>Name: <span th:text="*{name}">Jack</span>.</p> <p>Age: <span th:text="*{a ...

说说你对盒子模型的理解?

博主头像 一、是什么 当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box） 一个盒子由四个部分组成：content、padding、border、margin content，即 ...

【动画进阶】巧用 CSS/SVG 实现复杂线条光效动画

博主头像 最近，群里在讨论一个很有意思的线条动画效果，效果大致如下： 简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。 本文，我们将一起探索，看看在不使用 JavaScript/Canvas 的基础上，使用纯 CSS/SVG 的方式，我们可以如何大致的还原上述的线条动画效果。 ...

HTML页面关于高分屏的设置

博主头像 记录一个HTML页面关于高分屏的踩到的坑。 所谓高分屏，就是在同样大小的屏幕面积上显示更多的像素点，这样可以呈现更好的可视效果的屏幕。例如，我的笔记本是15.6寸，理论上它的屏幕分辨率应该是1920 x 1080像素，但实际上我的笔记本屏幕分辨率确实2560 x 1440像素，也就是俗称的2K屏。这 ...

主题捣鼓日记（周记）

博主头像 主题捣鼓日记 sakura版本（YYDS） 主要框架都没怎么动，功能挺完整的。但是如果要DIY，我建议还是得自己把代码捋一遍，不然从哪改起都不知道，注释有点用但不全。 捣鼓了两天两夜，还是有很多细节没改好，main.js翻了四五遍，看评论区发现诸多细节还要改CSS文件，太难了。。前端都忘得差不多了， ...

厉害了！这个工具帮助你生成朋友圈转发截图

博主头像 大家好，我是 Java陈序员。 在日常的工作生活中，我们经常会遇到应付各类强制要求转发朋友圈的行为，或者是朋友圈集赞的行为。 今天，给大家介绍一个工具，可以帮助你生成朋友圈转发截图。 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 We ...

<1234···12>