MConnie-CSDN博客

原创 CSS，实现div内元素强制在同一行

如下：实现div内元素强制在同一行 div{ white-space: nowrap; }

2022-05-20 20:03:02 3851

原创 CSS滚动条样式调整

使用伪类如下：将滚动条的高度设为0，可使x轴滚动条隐藏，同时不影响滚动效果.selector::-webkit-scrollbar { height: 0;}

2022-05-20 20:01:29 338

排序Arrays.sort()Arrays类的静态方法，用于对数组进行排序。该方法要求数据的元素实现Comparable接口。如果排序的数组是基本数据类型（byte、char、short、int、long、float、double、boolean）或String，则不需要手动实现接口，默认按照从小到大排序。Arrays.sort(T[] a)基本数据类型对基本数据类型进行排序，默认从小到大排序。int[] intArray = new int[]{1,34,5,-9};Arrays.sort(

2022-04-08 19:46:49 627

原创 span标签之间的空隙如何解决

问题在html页面中，两个相邻的span元素之间经常会出现一个间隙原因这个空隙就是空格，原因是我们两个span元素书写时换行了，比如<span>aaa</span><span>bbb</span>解决1.将两个span标签写在同一行<span>aaa</span><span>bbb</span>2.给span标签添加float<span style="float:right" &gt

2022-04-06 20:23:11 2183 1

原创 swiper组件的onSlideChangeStart失效

原因版本改版，onSlideChangeStart方法不能用，支持3.0版本参考https://3.swiper.com.cn/api/callbacks/2014/1217/92.html修改改用on{slideChange}

2022-03-17 16:17:36 1353

原创 js 异步转同步

原因JS很多函数都是异步执行，而有些时候需要等到函数结束后拿到相应的结果进行处理，因此会涉及到确定异步是否结束，异步转同步的问题。方法一：PromisePromise方法，等待回调函数结束后进行，使用方法参考：https://www.jianshu.com/p/270fec5b33ce其中，多个Promise，需要用到Promise.all方法，使用数据进行判断，而不是把所有的Promise包到一个Promise中，参考：https://www.jianshu.com/p/9abb75e2f0a5

2022-03-13 22:30:18 5992

原创 js报错- cannot set property xxx of undefined

报错代码quizList[index] = currentQuiz[n];quizList[index].learningItem = item;quizList[index].text = [];报错原因currentQuiz[n]对象有可能是undefined，如果再给undefined对象quizList[index]动态添加属性learningItem，会导致出现cannot set property xxx of undefined报错更改quizList[index] = cur

2022-03-10 11:46:15 4772

原创 Swiper 轮播图分页器 swiper-pagination无法显示&轮播失效问题

背景项目是用的是Knockout框架，引用了swiper轮播器，结果出现了swiper-pagination无法显示&轮播失效问题，在网上搜索出的答案基本都是基于Vue框架出现的同种问题，不过万变不离其宗，还是很有参考价值的。一个总结很全面的博文，终于在最后找到了问题所在！原因项目中获取数据采用了异步方式，先请求数据，后异步对数据进行处理，再将处理后的数据渲染在页面。但是生成swiper时机放在了主流程下，未放在异步处理流程中，发生在数据更新之前，导致分页器下子节点元素没有生成渲染，轮播效

2022-03-07 23:38:02 3089

原创 CSS选择器之间的关系

父子选择器父子选择器，定义时，子选择器可以直接位于父选择器内，如方式1；子选择器也可以用 > 方式进行定义，如方式2。// 方式1：.parent { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding-bottom: 0.6em; .child { height: 1.8em; width: 2.8em; margin: 0.1em; }}// 方式2

2022-03-05 22:43:12 319

原创 CSS设置div内多个inline-block元素不自动换行

父div内设置，white-space: nowrap.parent{ white-space: nowrap;}.child{ display: inline-block;}

2022-03-05 14:25:50 3077

原创 Knockout data-bind=“”绑定问题

text绑定显示换行符：white-space: pre-line，显示\n为换行<p style=“white-space: pre-line” data-bind=text: info”></p><!—-info = ‘这个\n是换行’—->Html绑定直接显示html元素，如如，上述text中的换行显示，可以写成：<p data-bind=“text: info”></p><!—-info = “这个<

2022-02-26 09:06:57 313

原创 KO data-bind=“click: func“函数自动执行问题

skipQuiz函数需传入参数，直接在后面加(true)会导致函数自动执行，相当于 data-bind="click: func()"的形式<div class="selector selector-left" data-bind="click: $parent.skipQuiz(true)">为传入参数而不执行，采用bind绑定的形式，自动执行bind函数，如下<div class="selector selector-left" data-bind="click: $paren

2022-02-24 09:55:55 707

原创获取JQ对象

$()形式注：首先注意JS获取对象和JQ获取对象不同，$()获得的是JQ对象，JS获得是HTML DOM对象。JQ对象转换为JS的DOM对象: $("#id").get(index)，其中index是集合元素下标JS对象转JQ对象: $(document.getElementById(“id”))$()使用方法参考：https://www.cnblogs.com/jokerjason/p/7404649.html$(‘类名’)（1）$(’.class1 .class2’)，表示找到class

2022-02-22 11:33:25 493

原创 Bootstrap-collapse

使用方法参考：https://www.cnblogs.com/zhangbao/p/6566084.html注意：collapse的执行对象插件标识：data-toggle="collapse"表示该元素是collapse插件目标标识：herf（非button checkbox等需要click事件的元素）data-target（需要click事件反应的元素）如：<input class="checkbox-square" type="checkbox" id="module-c

2022-02-17 18:42:28 381

原创 CSS设置checkbox/radio样式

CSS设置checkbox/radio样式使用背景图修改样式注意：借用label来实现input功能及样式Html：<input class="checkbox-square" type="checkbox" id="word" /><label for="word"> </label>//label中需要注明for属性CSS：.checkbox-square { // 使input自身样式隐藏 display: none;}.check

2022-02-13 21:51:52 500

原创 Jquery跳转页面的方式

Jquery跳转页面的方式1、利用http的重定向来跳转window.location.replace("http://www.php.cn");注意该方式是直接替换当前页面url为后者，如果后页面中有history.back()，则无法成功返回2、使用href来跳转window.location.href = "http://www.php.cn";3、使用jQuery的属性替换方法来实现跳转$(location).attr('href', 'http://www.php.cn');

2022-02-13 16:48:25 29676

转载 Format函数的用法

Format函数的用法转载格式指令具有以下的形式： “%” [index “:”] ["-"] [width] ["." prec] type它是以"%“开始,而以type结束，type表示一个具体的类型。中间是用来格式化type类型的指令字符，是可选的。各个参数的含义与用途如下：[type]type参数可选的类型有d，u，f，e，g，n，m，p，s，x.1)d十进制数，表示一个整型值...

2020-03-24 15:02:28 2204

转载如何更改VS中exe图标

转载ttps://blog.csdn.net/qq_41092262/article/details/78776873

2019-03-02 16:12:51 1696

qq_43008667的博客