const rl = require("readline").createInterface({ input: process.stdin }); var iter = rl[Symbol.asyncIterator](); const readline = async () => (await iter.next()).value; // 方法一：不使用大小写转换方法 void (async function () { const str = await readline(); const char = await readline(); let cnt = 0; ...

const rl = require("readline").createInterface({ input: process.stdin }); var iter = rl[Symbol.asyncIterator](); const readline = async () => (await iter.next()).value; //方法一:借助split方法 void async function () { const line = await readline(); const list = line.split(" ").join()....

PropTypes React自带了一个名为PropTypes的库，可以用于定义组件的属性类型。通过在组件中定义PropTypes，可以对传入组件的属性进行类型检查。PropTypes提供了一些内置的类型检查器，如string、number、bool、array、object等，还可以自定义类型检查器。使用PropTypes可以在运行时检查组件的属性类型，并在控制台输出警告信息。 import React from 'react'; import PropTypes from 'prop-types'; // 定义组件的PropTypes MyComponent.propTypes = { n...

直接传递 JSX 创建好的元素 把要传递的组件作为 JSX 元素写在属性值里，然后在接收的组件里用 {this.props.xxx} 来渲染。这种方法的优点是直观和灵活，缺点是可能造成不必要的重复渲染。 // 父组件 function Profile() { return ( <div> <Avatar size={100} person={{ name: 'Katsuko Saruhashi', imageId: 'YfeOqp2' }} /> <Avatar size={80} person={{ name: 'Aklilu Lemma', imageId: ...

劫持props 假设我们有一个原组件，它接收一个 name prop，并显示一个问候语： // 原组件 function Greeting(props) { return <h1> Hello, {props.name}! </h1>; }  我们可以定义一个高阶组件，它可以通过 props 传递一个 color prop 给原组件，让原组件的文字颜色变化。同时，它也可以修改原组件的 name prop，让它变成大写。这样，我们就劫持了原组件的 props。 // 高阶组件 function withColor(WrappedComponent) { return fu...

双指针:错的人一定会错过,对的人终究会重逢。可现实已经相忘于江湖！

HTML的a标签可以创建一个下载链接，有以下几种方法：  在a标签中添加 download 属性，这样点击链接时就会下载超链接目标，而不是打开它¹。例如：  <a href="/images/myw3schoolimage.jpg" download="w3logo">点击下载图片</a>   在a标签中添加 download 属性，并设置一个值来指定下载文件的名称¹。例如：  <a href="/images/myw3schoolimage.jpg" download="mylogo.jpg">点击下载图片</a>   在后端设置 Conten...

function LastRemaining_Solution(n, m) { // write code here let nums = new Array(n).fill(0).map((_,index)=>index); console.log(nums) while(nums.length > 1){ let index = m % nums.length? (m % nums.length)-1 :nums.length-1; nums = [...nums.slice(index+1),...nums.slice(0,index)]; console.log(index...

CSS3 多列布局 CSS3 多列布局是一种实现网页内容分为多个列的技术，类似于报纸或杂志的排版。它可以让网页的文本更加紧凑和易读，而不需要使用浮动或定位等复杂的布局方法。在本文中，我们将介绍CSS3多列布局的基本概念和用法。 多列布局的原理 要创建CSS3多列布局，我们需要指定两个要素：  要添加多列效果的容器元素 容器元素的多列属性  例如，我们可以为一个带有container类的<div>元素添加多列效果，让它的内容分为三列： <div class="container"> <p>Lorem ipsum dolor sit amet, consecte...

JS里如何引入CSS文件 CSS文件是用来定义网页样式的文件，它可以让网页的布局、颜色、字体、动画等更加美观和一致。通常，我们会在HTML文件中使用<link>标签或者<style>标签来引入CSS文件，但是有时候我们也需要在JS文件中动态地引入CSS文件，比如根据用户的选择或者浏览器的类型来加载不同的CSS文件。那么，JS里如何引入CSS文件呢？在本文中，我们将介绍几种常用的方法。 方法一：使用document.write方法 这种方法是最简单的一种，就是在JS文件中使用document.write方法来输出一个<link>标签，指定CSS文件的路径。例如...

CSS3动画 CSS3动画是一种实现元素在网页中逐渐变化样式的技术。它可以让网页的动画效果更加丰富和灵活，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3动画的基本概念和用法。 动画的原理 要创建CSS3动画，我们需要指定两个要素：  要添加动画效果的CSS属性 动画函数  例如，我们可以为一个div元素的animation属性添加一个动画函数mymove，让它在5秒内从左上角移动到右下角： div { animation: mymove 5s; /* 动画属性和函数 */ }  这就是CSS3动画的基本效果。我们可以使用不同的动画函数来实现不同的动画效果，也可以使用...

CSS3转换 CSS3转换是一种实现元素在二维或三维空间中变换形状、位置、大小和角度的技术。它可以让网页的动画效果更加丰富和灵活，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3转换的基本概念和用法。 转换的原理 要使用CSS3转换，我们需要指定两个要素：  要添加转换效果的CSS属性 转换函数  例如，我们可以为一个div元素的transform属性添加一个转换函数rotate(30deg)，让它顺时针旋转30度： div { transform: rotate(30deg); /* 转换属性和函数 */ }  这就是CSS3转换的基本效果。我们可以使用不同的转换函...

CSS3过渡 CSS3过渡是一种实现元素从一种样式逐渐变化为另一种样式的效果的技术。它可以让网页的动画效果更加流畅和自然，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3过渡的基本概念和用法。 过渡的原理 要使用CSS3过渡，我们需要指定两个要素：  要添加过渡效果的CSS属性 过渡效果的持续时间  例如，我们可以为一个div元素的width属性添加过渡效果，让它在2秒内从100px变为300px： div { width: 100px; height: 100px; background: red; transition: width 2s; /* 过渡属性和持续时...