前端开发 Html/Css
刷新
资源描述框架的用途及实际应用解析

博主头像 **RDF（资源描述框架）**是一种用于机器理解网络资源的框架，使用XML编写。它通过URI标识资源，用属性描述资源，便于计算机应用程序处理信息。RDF在语义网上促进信息的确切含义和自动处理，使得网络信息可被整合。RDF语句由资源、属性和属性值组成。RDF文档包括`<rdf:RDF>`根元素和`<r... ...

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？

博主头像 一、背景 在日常布局中，无论是两栏布局还是三栏布局，使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满， 比如 Ant Design 文档，蓝色区域为主要内容布局容器，侧边栏为次要内容布局容器 这里称宽度较小的列父元素为 ...

React 的 KeepAlive 探索

博主头像 什么是 KeepAlive? 用过 Vue 的童鞋都知道 Vue 官方自带了 Keep-Alive 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用，比如： tabs 缓存页面 分步表单 路由缓存 我们先看看 Vue 中是如何使用的, ...

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 ...

<1···345···9>