qiqi_meng-优快云博客

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

方法一：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 989

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

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

2020-08-06 21:32:05 1654

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

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

2020-07-17 22:56:52 211

原创 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 191

原创 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 239

原创 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 825

原创 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 443

原创 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 154

原创 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 1880

原创复习HTML知识（一）

HTML常见元素 head meat title style link script base body div section article aside header footer p span em strong table thead tbody tr td ul ol li dl dt dd a form input select textarea button doctype的意义是什么？让浏览器以标准模式渲染让浏览器知道元素的合法性 HTML、XHTML、HTML5的关系 HTML属于S

2020-07-04 15:10:21 127