- 博客(23)
- 收藏
- 关注
RSS订阅原创 Git的简单使用(8.24)
Git的简单使用8.24git是什么git安装git使用前的配置git提交步骤git步骤撤销git分支git分支命令git暂时保存更改git是什么git是多分支语言 ,主要用于协同开发 ,和远程仓库管理,git的可操作性很高,用熟悉以后是很友好的远程仓库git安装git安装网址 下载好文件一直点next直到成功 git使用前的配置在使用 git 前，需要告诉 git 你是谁，在向 git 仓库中提交时需要用到。配置提交人姓名：git config --global user.name 提
2020-12-20 22:38:59
194
原创 es6和es5的数组方法(9.9)
es6和es5的数组方法数组方法Array1.unshift （）在数组头部增加一项2.shift（）在数组头部删除一项3.push（）在数组尾部增加一项4.pop（）在数组尾部删除一项5.reverse（）将数组倒叙6.sort（）将数组排序7.splice（item，1）向数组删除或者替换数组元素8.concat（）先创建一个当前数组的副本，然后将接收到的参数添加到这个副本数组的末尾9.join（）方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。10.t
2020-12-20 22:38:33
280
原创 js数组去重方法(9.9)
// 第一种 newSet去重var arr = [1, 2, 3, 2, 1, 23, 1, 3, 12, 3]var lsy = new Set(arr)console.log(lsy)//第二种sort排序去重// 这种方法的思路是：先用sort()方法把arr排序，那么排完序后，// 相同的一定是挨在一起的，把它去掉就好了，因为数组重新排序了，重复的都挨在一起，// 那么这就保证了重复的这几个值只有第一个会被push进来，// 其余的都和新数组的被push进来的这个元素相等，会被
2020-12-20 22:37:57
221
原创 js数组排序(9.10)
原理：循环遍历数组 对相邻的两个元素进行比较 将数值大的数向后排序理解过程中 可以通过打断点的方式来帮助理解 var arr = [72, 85, 94, 89, 45, 13, 54]; console.log("原数组", arr); for (var j = 0; j < arr.length - 1; j++) { for (var i = 0; i < arr.length - 1 - j; i++) { //arr.length -
2020-12-20 22:37:46
154
原创 es6，es5数组方法
https://blog.youkuaiyun.com/dan_0526/article/details/102753431
2020-09-08 23:04:34
132
原创 generator(9.6)
generator主要分为三大点1.generator的缺点和优点2.generator是什么3.generator的应用场景generator的缺点和优点优点：1.利用循环，每调用一次，就使用一次，不占内存空间 2.打破了普通函数执行的完整性缺点: 需要用next()方法手动调用,直接调用返回无效iterator 2.generator是什么调用 Generator 函数，返回一个遍历器对象，代表 Generator 函数的内部指针。以后，每次调用遍历器对象的next方法，就会返回一个有着
2020-09-06 20:59:24
157
原创 async和await(9.6)
async和await主要分为三大点1.什么是async和await2.async和await的特点3.async和await在项目中的应用场景什么是async和awaitAsync 和 await 是同步的写法，也是异步的操作，内容要同时去写才会生效，await可以等数据加载过来后再运行js内容 并且他的接收对象必须是Promise(普肉马斯) 对象，所以async await 主要用在数据的接收和不同执行时机下的异步问题！async和await的特点1.自动将常规函数转换成Promise
2020-09-06 20:26:15
161
原创 Promise(9.6)
promise主要四个方面1.为什么要使用Promise,2.Promise是什么？3.promise的特点4.promise业务中的使用一.为什么要使用Promise1.因为promise可以用同步的写法异步的操作来解决的回调地狱2.promise对象统一提供接口,方便异步操作二、Promise是什么？1.Promise是一个构造函数,自己身上有all、reject、resolve这几个方法，原型上有then、catch2.是一个盒子里面保存未来才会结束的事件(通常是一个异步操作)3
2020-09-06 20:11:05
148
原创 js中let,const,var的区别(9.6)
前言==在ES6出现之前,js中的声明变量只有var,然而在ES6后新增了let和constvar1.如果用var声明一个变量在函数内就只在函数内生效,如果在函数外就变成了全局生效var a = 1; //此处声明的变量a为全局变量function foo(){ var a = 2;//此处声明的变量a为函数foo的局部变量 console.log(a);//2}foo();console.log(a);//12.如果在声明变量时省略var 的话就会变成全局变量,如果全局
2020-09-06 19:36:18
256
原创 vuex(9.3)
什么是vuex：提示：vuex是vue项目开发中必备的状态管理模式当项目达到一定的体积了就需要vuex来管理状态,从而使页面更加简洁vuex需要知道的点：1、 vuex是单项数据流2、 vuex是响应式模式,一个状态的改变 其他都会跟着一起改变从而更新对应的数据,这样使我们的开发更加方便实用,3、 在vuex中不能直接修改状态,如果是vue的话可以随便更改 但是vuex只有一个修改途径mutations(修改状态),这样方便我们跟踪每一个状态的变化 从而提高开发实用性state：用来管理状
2020-09-03 21:00:10
139
原创 js之继承(9.3)
前言继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方式都有优缺点。下面就列举几种继承的方式。实现继承首先需要一个父类，在js中实际上是没有类的概念，在es6中class虽然很像类，但实际上只是es5上语法糖而已function People(name){ //属性 this.name = name || 'Annie' //实例方法 this.sleep=function(){ console.log(this.name + '正在睡觉')
2020-09-03 08:00:45
99
原创 javascript原型与原型链（9.3）
1.prototype每个函数都有一个prototype属性，这个属性指向函数的原型对象。2.proto每个对象(除null外)都会有的属性，叫做__proto__，这个属性会指向该对象的原型。3.constructor每个原型都有一个constructor属性，指向该关联的构造函数。4.原型链当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止。Object.prototype对象也有__pr
2020-09-03 07:44:58
103
原创 javascript中的this与call/apply/bind的6中关系(9.2)
this在不同场景下的指向：面试必背1.在浏览器里，在全局范围内this 指向window对象；2.在函数中，this永远指向最后调用他的那个对象；3.构造函数中，this指向new出来的那个新对象；4.箭头函数中this为父作用域的this，不是调用时的this.前四种方式,都是调用时确定,都是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来；5.call、apply、bind中的this被强行绑定在指定的那个对象上；6.call、apply、bind都是js给函数内置的一些
2020-09-02 00:30:08
143
原创 数据类型的判断(8.31)
四种类型typeof、instanceof、constructor、Object.prototype.toString.call()、jquery.type()typeof：console.log( typeof 100, //"number" typeof 'abc', //"string" typeof false, //"boolean" typeof undefined, //"undefined" typeof null, //"object"
2020-08-31 20:59:33
135
转载 js数据类型(8.31)
js数据类型有哪些JavaScript一共有8种数据类型：7种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值）和 BigInt（es10新增）；== 1种引用数据类型 Object（Object本质上是由一组无序的名值对组成的）。里面包含 function、Array、Date等。JavaScript不支持任何创建自定义类型的机制，而所有值最终都将是上述 8 种数据类型之一。==如何存储基本数据类型：
2020-08-31 20:20:10
190
原创 h5新特性(8.30)
语义化标签：header、footer、section、nav增强型表单：input的多个type(date,time,number,color ,search)新增表单属性：placehoder、min和max音频视频：audio、videoCanvas本地存储：localStorage - 没有时间限制的数据存储;sessionStorage - 针对一个session的数据存储,当用户关闭浏览器窗口后,数据会被删除css3的新特性：背景(background-image,backgro.
2020-08-31 00:21:54
179
原创 css动画(8.30)
属性：** 1. animation 所有动画属性的简写属性，除了 animation-play-state 属性。 2. animation-name 规定@keyframes 动画的名称。 3. animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 4. animation-timing-function 规定动画的速度曲线。默认是 “ease”。 5. animation-delay 规定动画何时开始。默认是 0。 6. animation-it
2020-08-31 00:17:51
111
原创 清除浮动(8.30)
clerar属性是css专门提供用来清除浮动的.这个属性主要有三个值:left 清除前面的左浮动元素带给我的影响right清除前面的右浮动元素带给我的影响both 同时清除前面的左右浮动元素带给我的影响. 一般情况下选择这个值比较方便.
2020-08-30 23:48:04
170
原创 水平垂直居中(8.27)
水平垂直居中：前端常用的盒子布局 需要了解方法太多随便列举两：第一种margin和定位 <div class="box"> <div class="content"></div> </div>.box{ width: 200px; height: 200px; background-color: red; position: relative;}.content{ width: 50px; heig
2020-08-27 23:34:15
124
原创 两,三栏布局(8.27)
两栏布局–左边定宽，右边自适应：主要用于 我放一张图你们就明白了主要的代码实现很简单,方法也很多,我就列一种我认为最好的,和平时用的最多的1.第一种使用overflow:hidden 和浮动实现 代码如下>>html:部分 <div> <h3>宋希</h3> <div class="box"> <div class="left"> <img src="../../asset
2020-08-27 23:11:04
175
原创 Flex 布局教程(8.26)
Flex 布局教程：flex可以实现垂直和主轴的一些操作简单方便,主要通过一些属性来实现有以下六个属性：flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性：属性决定主轴的方向（即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-rev
2020-08-26 20:22:45
215
原创 标准盒模型和怪异盒模型(8.26)
标准盒模型和怪异盒模型的区别：无非就是一些很小的差距,光看别人的文章难理解,自己动手一写就会1.标准盒模型(box-sizing:content-box//默认属性 ):标准盒模型的高度和宽度是和padding和border分开算的,说简单点:比如width设置的100,那他就是100里面什么也不会包含,最好的值就是 width+padding+border=最终宽度(高度)2.怪异盒模型(box-sizing:border-box):怪异盒模型,直击重点 比如width设置的100,那他就是10
2020-08-26 19:16:38
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人