qiqi_meng-CSDN博客

原创将多维数组转换为一维数组

方法一：join() / split() 方法 // 方法一：join() split() let arr = [1, 2, 3, 4, 5, [6, 7, 8, [9, 10, 11, 12, [13, 14, 15, 16], 17]], 18]; //数组转字符串 let newArr = arr.join(); console.log(newArr); // 1,2,3,4,5,6,7,8,9,10,11,12,1

2020-08-19 10:27:01 907

原创 JS案例之选择内容左右移动

JS之选择内容左右移动描述：点击左右移动按钮，将内容在左右两个盒子之间来回移动，可以全部选中移动，也可以只移动选中项效果：HTML结构<body> <div class="box"> <div class="left"> <button class="left_all">全选</button> <ul class="leftlist">

2020-08-06 21:32:05 1558

原创 JS基础面试案例（一）

一、数组去重**实现效果：**把旧数组中不重复的元素选取出来放到新数组中，重复的元素只保留一个。**分析：**首先遍历旧数组，然后拿着旧数组元素去查询新数组，如果新数组中不存在该元素，就添加进去，否则不添加。**判断：**如何判断新数组中是否存在旧数组元素，利用新数组.indexOf筛选，如果返回值是-1，说明该元素不存在。代码实现： <script> function unique(arr) { var newArr = []; // 创

2020-07-17 22:56:52 148

原创 JS创建对象的常见方式

1、function creatPerson(name, age) {var obj = new Object();obj.name = name;obj.age = age;obj.sayName = function() { window.alert(this.name);}; return obj;}2、function Person(name, age) {this.name = name;this.age = age;this.sayNam

2020-07-14 22:58:47 135

原创 js基础之冒泡排序

冒泡排序：把一系列的数据经过比较交换后按照一定的顺序进行排列显示(从小到大或从大到小）。例：假如存在一个数组 var arr = [2, 5, 6, 8, 7, 9, 3, 4, 1]，要求按照从小到大进行排序分析：从数组中第一个元素开始，arr[j] 和 arr[j+1] 两个进行比较，[2, 5, 6, 7, 8, 3, 4, 1, 9][2, 5, 6, 7, 3, 4, 1, 8, 9]...

2020-07-12 18:27:56 178

原创 if语句使用常见问题

1、两个数值比较大小 <script> var a = parseInt(prompt('请输入第一个值')); var b = prompt('请输入第二个值'); var result = a > b ? 'a是较大值':'b是较大值'; // console.log(result); alert(result); </script>注意：如果a、b两个值都没有

2020-07-09 23:06:29 749

原创 for循环图形小案例

一、打印5行5列星星<script> var str = ''; for (var i = 1; i <= 5; i++) { for(var j = 1; j <= 5;j++) { str = str + '★' } str =str + '\n' } console.log(str);</script

2020-07-08 22:58:43 390

原创 CSS水平、垂直居中方式

1、水平居中1.1、行内元素/行内块元素给块级父元素设置 text-align: center;1.2、块级元素实现块级元素水平居中有多种方式1.2.1、块级元素有无固定宽度宽度固定，则直接给该块级元素添加 margin: 0 auto;宽度不固定，默认该块级元素宽度和父元素一样宽，需要把此元素转换为行内或行内块元素，通过给块级父元素设置 **text-align: center;**实现水平居中1.2.2、定位属性设置父元素为相对定位，子元素为绝对定位，判断子元素有无固定宽度：

2020-07-07 18:21:23 112

原创 CSS三角做法

两种常见三角形做法一、等腰直角1、新建一个div<div class=jiao1></div>2、为盒子添加样式。.jiao1{ width:0; height:0; border:50px solid transparent; border-bottom-color: red;}二、非等腰直角1、新建一个div<div class=jiao2></div>2、给div相关样式 .jiao2 {

2020-07-05 18:03:01 1809

原创复习HTML知识（一）

HTML常见元素headmeattitlestylelinkscriptbasebodydiv section article aside header footerpspan em strongtable thead tbody tr tdul ol li dl dt ddaform input select textarea buttondoctype的意义是什么？让浏览器以标准模式渲染让浏览器知道元素的合法性HTML、XHTML、HTML5的关系HTML属于S

2020-07-04 15:10:21 87

qiqi_meng的博客