Hello World

Starlet 5月前默认分类

CSS 选择器详解：~、>、+、[]、: 和::

在 CSS 中，选择器是用来指定要应用样式的 HTML 元素的工具。不同的选择器有着不同的作用和用法，下面就来详细介绍一下~、>、+、[]、:和::这些选择器。一、>选择器（子选择器）>选择器用于选择指定元素的直接子元素。div > p { color: blue; }在这个例子中，只有作为<div>直接子元素的<p>元素的文本颜色会被设置为蓝色。这意味着如果<p>元素被嵌套在其他元素中，而不是直接在<div>元素下，那么这个样式将不会被应用。二、+选择器（相邻兄弟选择器）+选择器用于选择紧接在指定元素后的第一个...

52 0 0

关于原生JS选择元素

Starlet 6月前默认分类

关于原生JS选择元素

关于原生JS选择元素this.domArray = []; this.addDom(); addDom(){ const menuNum = $(".menu-item>a").length; for(let i = 0; i < menuNum; i++) { this.domArray.push($(".menu-item>a").eq(i)); } }jQuery 语法jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).a...

33 0 0

Typecho 主题修改：实现内容摘要与截断

Starlet 6月前默认分类

Typecho 主题修改：实现内容摘要与截断

一、初始状态默认主题中的代码如下：<?php $this->content('- 阅读剩余部分 -');?>这段代码只是简单地输出文章内容，并在末尾添加了一个固定的文本 “- 阅读剩余部分 -”，但没有实现根据内容长度进行截断以及动态显示剩余字数的功能。二、第一次修改为了实现能够兼容多种内容的截断，我们先尝试添加一些内容和编码的判断，来确定是否需要截断内容。修改后的代码如下：<?php $content = $this->content; $utf8ContentLength = mb_strlen($content, 'utf-8'); if ($utf8...

30 0 0

JavaScript 中“...” 的多种用途

Starlet 6月前默认分类

JavaScript 中“...” 的多种用途

一、扩展运算符（Spread Operator）用于数组：可以将一个数组展开为另一个数组的元素。例如： const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const combinedArray = [...arr1,...arr2]; console.log(combinedArray); // [1, 2, 3, 4, 5, 6]可以在函数调用中展开数组参数，使得函数可以接受任意数量的参数。例如： function sum(a, b, c) { return a + b + c; ...

29 0 0

window.location处理URL中的Hash部分

Starlet 6月前默认分类

window.location处理URL中的Hash部分

背景有一个网页URL，其中包含Hash部分（例如：https://example.com/page#section1）。需要根据URL中的Hash部分来设置页面上的不同内容或标题。问题原始的JavaScript代码尝试通过window.location.href来检查URL，但这不包括Hash部分。需要一种方法来检查Hash部分并据此设置页面的相应内容。解决方案使用window.location.hashwindow.location.hash返回URL中的Hash部分（包括#）。可以使用startsWith()、includes()或其他字符串方法来检查Hash部分是否符合预期。设置页...

57 0 0

Hello World

CSS 选择器详解：~、>、+、[]、: 和::

关于原生JS选择元素

Typecho 主题修改：实现内容摘要与截断

JavaScript 中“...” 的多种用途

window.location处理URL中的Hash部分

最近评论

博客文章RSS订阅

博客评论RSS订阅

Hello World

登录

CSS 选择器详解：~、>、+、[]、: 和::

关于原生JS选择元素

Typecho 主题修改：实现内容摘要与截断

JavaScript 中“...” 的多种用途

window.location处理URL中的Hash部分

最近评论

博客文章RSS订阅

博客评论RSS订阅