- 博客(18)
- 收藏
- 关注
RSS订阅原创 数组的sort()方法原理
数组中有两种可以排序的方法，reverse()和sort()，reverse()方法会反转数组项的顺序,如下：let arr1 = [1,2,3,4,5]arr1.reverse()console.log(arr1) //[ 5, 4, 3, 2, 1 ]let arr2 = [1,2,6,4,5]arr2.reverse()console.log(arr2) //[ 5, 4, 6, 2, 1 ]可以看到reverse()方法只会对数组进行反转，并没有真正的排序，因此有了 sort()
2021-01-29 16:20:43
579
原创 从零开始搭建脚手架
1.md创建一个文件夹，npm init -y2.创建一个src文件夹，在里面创建一个index.js , index.js是一个主入口3.创建一个public文件夹，在里面创建一个index.html4.安装 npm install --save-dev webpacknpm install --save-dev webpack-cli5.在项目的根目录加一个配置文件webpack.config.jsmodule.exports = {entry: “./src/index.js”,
2020-07-15 16:25:15
450
1
原创 ES6构造函数class和ES5构造函数语法
ES6构造函数class是一种新的定义构造函数的语法， 作用和原理与ES5语法完全相同，只是语法格式和书写方式不同ES6构造函数class 和 ES5构造函数语法，代码如下： // 1,ES5语法 function Fun1(name,age){ this.name = name; this.age = age; ...
2020-04-19 15:30:29
259
原创 ES6新增语法
一、 ES6语法新增的变量的定义（let const 关键词定义变量）let 定义变量1、 let 定义的变量,不会进行预解析2、let 定义的变量,与 forEach() 中的变量类似每次执行都会定义出一个新的,相互之间不影响的变量尤其是在循环中,for,forEach,for…in,都最好使用let定义变量3、 let 不能重复定义变量名称,一个变量名称只能定义一次4、let...
2020-04-19 15:28:11
158
原创 js面向对象编程思想
一、编程思想面向过程：所有事情都是亲力亲为，注重的是过程面向对象：提出需求，找对象，对象解决，注重的是结果创建一个对象,给这个对象,添加上属性和属性值,还有函数等方法，之后通过操作这个对象,来完成需要的效果简单理解:之前是将程序,封装在函数内,设定参数和返回值现在是将程序,封装在对象内,设定对象的属性和方法面向对象的特征：封装，继承，多态二、创建对象的方式：1，调用系统Obeje...
2020-04-19 15:05:33
1769
原创 js实现轮播图
html代码如下：js代码单独放在js文件夹中js代码如下：move函数1,根据原始的轮播图的图片数量,动态生成焦点按钮原理:根据ul中li的数量,动态生成ol中li标签,并且写入到ol中循环 ul,li 的伪数组,根据数组的单元个数,生成ol中的li，for循环 for…in forEach,都可以forEach中,item是ul,li标签,key是标签对应的索引2,...
2020-04-06 21:23:36
332
原创 js实现滑动门
滑动门选项卡、标签页（tab）特殊元素要添加 唯一的class标识。<style> *{ margin:0; padding:0;} ul{ list-style: none;} img{ display: block;} a{ text-decoration: none;} .clear:after{ content:""; displ...
2020-04-06 21:01:45
330
原创 CSS实现导航菜单
导航菜单<style> *{ margin:0; padding:0;} ul{ list-style: none;} img{ display: block;} a{ text-decoration: none;} .clear:after{ content:""; display: block; clear:both;} #mai...
2020-04-06 20:59:10
530
原创 CSS超大图居中
超大图居中用背景 : background : center 0;用图片 : position:relative; left:50%; margin-left:-容器的一半。 <style> *{margin:0;padding:0;} #box{ width:100%; height:600px; margin:0 auto; overf...
2020-04-06 20:56:38
268
原创 float浮动和清除浮动
float浮动文档流是文档中可显示对象在排列时所占用的位置。float特性：加浮动的元素，会脱离文档流，会沿着父容器靠左或靠右排列，如果之前已经有浮动的元素，会挨着浮动的元素进行排列。取值：left 沿着父容器靠左排列。right 沿着父容器靠右排列。none 没有浮动float注意点 只会影响后面的元素。内容默认提升半层。默认宽根据内容决定。换行排列，当容器放不下这些浮动元...
2020-04-06 20:52:04
194
原创 transition过渡、变形
1、 transition过渡transition-property : 规定设置过渡效果的CSS属性的名称。all ( 默认值 ) , 指定 width , height;transition-duration : 规定完成过渡效果需要多少秒或毫秒。需要添加单位：s (秒) ms (毫秒) 1s == 1000mstransition-delay : 定义过渡效果...
2020-04-06 20:44:54
939
原创 for循环，for...in循环，forEach循环的区别
for循环是应用最广泛的循环形式，适用于已知循环次数,循环嵌套情况for循环的执行顺序：先定义循环变量的初始值,在判断是否满足进入条件,如果满足条件就执行循环体,执行步长；如果不满足条件就退出循环for( 定义循环变量的初始值 ; 判断进入条件 ; 步长 ){ 循环体 }for循环的优点之一是将与循环变量和循环次数相关的设定都定义在()中设定内容更加集中,不容易造成语法形式混乱forE...
2020-04-05 18:53:59
1753
原创 异步执行的原理和执行说明
计算机程序执行分为同步执行和异步执行同步执行：就是正常的计算机程序执行的3大顺序流程顺序控制语句 ：从上至下,从左至右分支控制语句： if,switch循环控制语句： for,while,do…while,for…in,forEach()异步执行：是一种特殊的程序的执行方式setInterval setTimeout事件的绑定 onclick…ajax请求异步程序的执行：...
2020-04-05 18:22:18
428
原创 Javascript—table表格的设定,删除和新增功能
table表格，html代码如下：实现效果，如图：一、建立数组对象，初始化数组信息二、定义生成页面函数 — setTab1）定义变量,赋值空字符串,作用是存储拼接生成的表格内容标签2）循环遍历arr数组,根据数组内容,生成table表格内容 参数1,参数2参数1:存储数值的数据,也就是对象参数2,存储数据的索引,也就是对象对应的索引①拼接tr起始标签②拼接 序号单元格 , ...
2020-03-29 18:06:34
593
原创 js利用indexof方法实现数组去重
indexof方法实现数组去重：先建立一个新的数组,将原始数值中的数值,向新的数组中写入，如果这个数值不存在于新的数组中,就执行写入,如果已经存在,就不写入再建立一个空数组来存储原始数组中的不重复数据var newArr = [];循环遍历,获取原始数组arr中的所有数值，在新数组中,查找当前获取的原始数组的数值newArr.indexOf() 执行结果如果是 -1，证明在新数组中,没有这...
2020-03-21 17:07:33
469
原创 排序算法：冒泡排序和选择排序
排序算法作用和原理： 将数组中的数值,按照执行的顺序,从小到大进行排序。一、冒泡排序原理: 相邻的两个单位,比较存储的数据，如果第一个单元的数据较大,就将两个相邻单元,交换存储数据。过程: 从起始单元开始比较,第一次循环会选择出一个最大值,放在数组所有单元的最后，之后每次循环都会比较出一个本次循环的最大值,放在当前参与比较单元的最后，之前已经比较选出的单元,不会参与下一次比较。优化:1,...
2020-03-21 15:49:37
1015
原创 数据类型的自动转化和强制转化
在 JavaScript 程序中 , 变量中存储的数据类型没有限制也就是在变量中可以存储任何符合JavaScript语法规范的数据类型，但是 在 JavaScript 程序的执行过程中,往往需要变量中存储的数值是某种特定的数据类型,别的数据类型不行，此时就需要进行数据类型的转化。所谓的数据类型转化,就是将当前数据类型转化为其他数据类型JavaScript中数据类型的转化,分为自动转化和强制转化，...
2020-03-15 12:26:17
1430
原创 css3定位的区别
1.css3定位的区别（1）相对定位（position:relative）①如果没有定位偏移量，对元素本身是没有任何影响的②不使元素脱离文档流③不影响其他元素布局注：left、top、right、bottom是相对于当前元素自身进行偏移(2)绝对定位（position：absolute）①使元素完全脱离文档流②使内联元素支持宽高（让内联具备块特性）③使块元素默认的宽根据内容决定（...
2020-02-23 11:28:23
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人