Day: 2022年7月23日

jQuery判断当前元素显示状态并控制元素的显示与隐藏

1.jQuery判断一个元素当前状态是显示还是隐藏

$("#id").is(':visible');   //true为显示,false为隐藏

$("#id").is(':hidden');   //true为隐藏,false为显示

if($("#id").is(':hidden')){

//逻辑代码

}

2.jQuery控制css的display

$("#id").show();    //表示display:block

$("#id").hide();   //表示display:none

$("#id").toggle();   //切换元素的可见状态

$("#id").css('display','none');

$("#id").css('display','block');

JavaScript 弹出框(警告框、确认框、提示框)

JavaScript 有三种类型弹出框:警告框、确认框、提示框。

一、警告框

如果要确保信息传递给用户,通常会使用警告框。当警告框弹出时,用户将需要单击“确定”来继续

基础语句

		<script>
			//警告框
			window.alert("成功弹出警告框!"); //window.alert()方法可以不带window前缀。
			//alert("成功弹出警告框!")
		</script>

 

显示结果
在这里插入图片描述

二、确认框

如果您希望用户验证或接受某个东西,则通常使用“确认”框。当确认框弹出时,用户将不得不单击“确定”或“取消”来继续进行。

基础语句

		<script>
			//确认框
			//原理:如果用户单击“确定”,该框返回 true。如果用户单击“取消”,该框返回 false。
			
			window.confirm("请选择 确定 

解决Cannot read properties of null (reading ‘pickAlgorithm‘)

问题介绍

在导入Vue项目使用 ' npm i ' 安装node_moduels的时候,终端出现错误如下:

具体是这一句:Cannot read properties of null (reading 'pickAlgorithm')


 解决方法:

在终端输入: npm cache clear --force

npm cache clear --force

重新运行 npm i 命令

可以在左边看到已经成功安装好了node_moduels

运行  npm run serve 可以进行工作了

Bootstrap 5.2.0 发布

Bootstrap v5.2.0 终于稳定了!我们已经解决了更多错误、改进了更多文档、编写了新指南并构建了新的功能环境示例,等等!

继续阅读测试版和稳定版的亮点。

文档重新设计

正如我们在测试版中预览的那样,文档已经过重新设计!它从我们的新主页开始, 在那里我们更完整地展示了 Bootstrap 的功能和更新的设计。

新主页

文档侧边栏导航已经过大修,始终扩展组以便于浏览,全新的 DocSearch 体验与搜索历史,以及移动侧边栏和导航栏的新响应式画布抽屉。

新文档页面

新搜索

我们甚至更新了导航栏中的版本选择器以在次要版本之间进行交叉链接!

文档版本选择器

更新了按钮和输入

通过我们的文档重新设计,我们使用修改后的 和 刷新了按钮和padding输入border-radius下面是我们按钮的前后对比:

更新按钮

大量新的 CSS 变量

现在,几乎我们所有的组件都具有用于实时自定义的 CSS 变量、更轻松的主题化以及(很快)从暗模式开始的颜色模式支持。您可以查看每个文档页面上可用的 CSS 变量,例如我们的按钮

--#{$prefix}btn-padding-x: #{$btn-padding-x