- 博客(25)
- 收藏
- 关注
RSS订阅原创 canvas的简单使用
canvas常用API1.获取上下文：getContext(“2d”)2.设置画布内物体的颜色：context.fillStyle = “red”3.设置画布内物体的大小：context.fillRect(距离x轴的距离：100, 距离y轴的距离：100, 物体的宽：100, 物体的高：100)4.设置物体的边框：context.strokeStyle = “yellow”5.设置物体的边框颜色：context.strokeRect(100, 100, 200, 200)事例1:面向对象<
2021-03-19 16:56:41
248
原创 Es6新增数组的方法汇总
1.forEach()方法forEach()方法是循环遍历数组中的每一项，把符合条件的筛选出来成为一个新的数组。let arr = [1,33,44,22,6,9]let ary = []arr.forEach(function(v, i){ if (v > 10) { ary.push(arr[i]) } })console.log(ary)2.some()方法some()方法找到符合条件的就返回true,如果没有找到符合条件的就返回false。let arr
2020-08-11 10:05:12
2512
原创 深拷贝与浅拷贝,如何进行浅拷贝和？
1.浅拷贝：浅拷贝是只拷贝这个对象的指针，而不是对象本身，新旧对象共用同一个内存地址，修改新对象会影响旧对象。let obj = { id: 1, name: 'Andy', msg: { age: 20 }}let o = {}for (let k in obj) { o[k] = obj[k]}console.log(o)//语法糖浅拷贝：Object.assign(o, obj)2.深拷贝：深拷贝就是新建一个一模一样的对象
2020-08-11 09:43:54
255
原创 如何使用闭包？闭包的主要作用是什么？
1.闭包是什么？闭包就是一个作用域访问了另外一个函数内部的作用域变量//fun函数可以访问fn函数内部的num变量function fn () { let num = 10 function fun () { console.log(num) } fun() }fn()2.闭包的主要作用是什么？第一种写法：function fn1() { let n = 1 function fn2() { console.log(n) } // 直接将fn2函
2020-08-02 20:41:02
318
原创 严格模式有哪些变化？
1.严格模式变量的变化：（1）变量没有申明就赋值，在严格模式下会报错num = 10console.log(num)(2)严格模式下已经申明的变量不能删除，如果执行删除操作会报错var num = 10delete num2.严格模式下,this的指向问题发生了变化（1）严格模式下，全局作用域的this指向undefinedfunction fn() { console.log(this)}fn()(2) 严格模式下，构造函数必须new才能调用，否则会报错function
2020-08-02 18:59:52
201
原创 apply和call方法的区别？各自有什么特点？
1.apply方法的使用//改变this的指向let o = {name: 'Andy'}function fn(a,b) { console.log('你好呀') console.log( a + b)}fn.call(o, 2,7)//用call实现继承Fucntion Father(name,age) { this.name = name; this.age = age } Father.prototype.sing = function() { conso
2020-07-25 14:41:52
180
1
原创 原型对象的使用，原型链是如何进行查找的？
万物皆对象，每个对象都有一个原型__proto__构造函数有原型对象prototype创建一个构造函数function Star(name, age) {this.name = namethis.age = age}用new关键字创建一个构造函数的实例let ww = new Star('李四', 29)构造函数上有原型对象prototype,构造函数实例上有原型__proto__console.log(Star.prototype === ww.__proto__) //trueco
2020-07-19 19:13:39
517
原创 call方法的用法，如何改变用call方法改变this指向？
1.call的使用（1）可以调用函数//创建一个构造函数function Star(name, age) {this.name = namethis.age = age}//用call方法调用构造函数Star.call('李四', 18)(2）改变this指向//创建一个父构造函数function Father(name, age) {this.name = namethis.age = age}//给父构造函数原型对象prototype添加方法Father.prototy
2020-07-18 21:19:22
933
原创 forEach,filter,some方法
1.forEach()方法(1) 用forEach()方法求和let arr = [1,2,3]，let sum = 0forEach()方法接受一个回调函数//第一个参数是当前数组的每一项//第二个参数是当前项的索引//第三个参数是当前数组//用不到的参数可以不写使用return无法跳出forEach循环arr.forEach(function(value, index, arr){ sum += value})console.log(sum)(2) 用filter()方法
2020-07-18 21:00:25
266
原创 怎么定义vue-router中的动态数据？怎么获取传递过来的动态参数？
vue-router中的动态数据：在router目录下的index.js文件中，对path属性加上/:id。获取传递过来的动态参数：通过router对象下的params.id获取动态参数
2020-07-15 09:13:55
707
原创 Vue生命周期有哪几个？Vue生命周期每个阶段有什么区别？
Vue生命周期总共分为8个阶段：创建前后、挂载前后、更新前后、销毁前后Vue生命周期第一个阶段：创建前：获取不到数据，也拿不到DOM元素；创建后：可以获取数据，但拿不到DOM元素。Vue生命周期第二个阶段：加载前：可以拿到DOM元素，但是DOM元素没有被解析；加载后：可以拿到DOM元素，DOM元素被解析了。Vue生命周期第三个阶段：更新前：数据改变了，DOM没有发生变化；更新后：数据改变了，DOM也发生了变化。Vue生命周期第四个阶段：销毁前：所有的事件监听和实例都可以用；销毁后：
2020-07-11 22:32:20
2813
原创 第三方图片403问题
如果页面图片加载不出来，并且报错，这就是第三方图片403问题。出现第三方图片403问题是因为项目的接口数据是后端通过爬虫抓取的第三方平台内容，而第三方平台对图片做了防盗链保护效果。如何解决第三方图片403问题呢？用<a>,<area>,<img>,<iframe>,<script>或者<link>元素上的referrerpolicy属性为其设置独立的请求策略，如：<img src="http://......" refe
2020-07-02 19:03:22
639
1
原创 Vuex有什么作用？如何使用Vuex
1.Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。2.Vuex中的核心特性(1)State: 提供唯一的公共数据源，所有共享的数据都要统一放到Store中的State中存储在组件中访问State的方式：A.this.$store.state.全局数据名称 如：this.$store.state.countB.先按需导入mapState函数： import { mapState } from ‘vuex’然后数据映射为计算属性： comput
2020-06-30 14:29:29
5262
原创 CSS的reset的作用有哪些？
CSS的reset的作用CSS的reset是重置浏览器的css默认属性，因为浏览器品种不同，样式不同，需要重置，让他们统一
2020-06-26 15:36:35
1545
原创 CSS导入的方式有哪几种？Link和@Import有什么区别？
CSS导入的方式CSS导入的方式有:1.内联；2.内嵌；3.外链；4.导入Link和@Import的区别Link和@Import的区别有：1.不同时加载。Link是css样式和页面同时加载，@import是页面加载完成后再加载css样式2.link无兼容问题，@import不支持css2.1以下的版本3.link支持javascript改变样式，@import不支持...
2020-06-26 15:28:29
196
原创 BFC是什么含义？BFC如何布局？哪些元素可以生成BFC？
BFC(block formatting context),块级格式化上下文，他是一个独立渲染的区域，只有block lever box参与，它规定了内部的block lever box如何布局，与外部区域的元素毫不相干。BFC的布局规则：1.box在垂直方向，一个接一个的摆放；2.box内部垂直方面的距离由margin决定，属于同一个BFC的两个相邻的box的margin会发生重叠；3.每个元素的box margin的左边，会与包含块的border box的左边相接触，即使浮动也是如此4.BFC
2020-06-24 14:50:34
1524
原创 px,em,rem的区别？如何理解rem,px,em?
px像素，绝对单位。相对于屏幕分辨率而言的，他是一个虚拟长度单位。一旦设置不会因为页面大小而改变。如果把px换算成物理单位，需要设置精度DPI。em,相对长度单位，他是相对于当前对象内的文本字体的大小尺寸。如果当前文本内的字体尺寸未设置，则相对于浏览器的默认字体。他可以继承父元素的字体大小，因此不是一个固定的值。rem,是C3新增的一个属性，相对的是html根元素。px,em,rem的区别：IE无法识别那些以px为单位的字体大小，em和rem是可以缩放的。rem可以做到只修改根元素而成比例的调整所有
2020-06-24 14:29:02
141
原创 html标签有哪些？html标签的用法？
HTML标签1.htm标题l标签：作为标题使用，并且依据重要性递减 2.htm段落标签：可以把 HTML 文档分割为若干段落 3.htm水平线标签：在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。4.htm换行标签：希望某段文本强制换行显示，就需要使用换行标签5.htm中div和span标签 div标签 用来布局的，但是现在一行只能放一个div，div是块级元素，独占一行span标签 用来布局的，span是行内元
2020-06-23 21:06:07
189
原创 什么是闭包？闭包如何使用？
闭包的使用闭包的含义：封闭的包裹，函数就是一个封闭的作用域，函数外部无法访问函数内部的内容，我们就可以认为函数就是一个闭包。闭包访问(Closure)：从一个封闭的函数去访问另外一个封闭的函数中的内容，这个时候就发生了闭包访问。闭包的作用：闭包可以延伸变量的作用范围，保存数据例：//var money = 100;//闭包访问function bank(){var money = 998;//console.log(money);function query(){console.log
2020-06-23 14:58:26
341
原创 positio有哪些属性？position的属性如何使用
position的属性position的属性有：static(默认位置),relative(相对定位),absolute(绝对定位),fixed(固定定位)1.position的第一个属性——static：默认位置，始终处于页面流给予的位置，会忽略top，right，bottom，left的申明，一般不常用；在媒体申明中，正常的页面要设置position属性，但是响应式不用，这时就需要用到position：static。2.position的第二个属性——relative：设置了相对定位的元素，他偏移
2020-06-23 14:56:25
485
原创 怎么让不定宽高的div垂直水平垂直居中？
怎么让不定宽高的div垂直水平垂直居中？方法1：父盒子 display：table-cell(让盒子以表格的形式呈现)；text-align:center；vertitcal-align:middle；子盒子 display: inline-block；vertitcal-align:middle；方法2：子绝父相父盒子：display：relative；子盒子：position：absolute；top：50%；left：50%；transform：translate：（-50%，-50
2020-06-23 14:36:02
118
原创 ES6新增语法——箭头函数
ES6新增语法——箭头函数() =>{}const fn = ()=> {} //左边是函数的参数//右边是函数的函数体//如果函数只有一句代码,并且代码的执行结果就是函数的返回值 函数体大括号可以省略cosnt sum = (n1,n2)=> n1+n2;const result= sum(10,20);.log(result)function sum(num1, num2) {return num1 + num2;}//es6写法const sum = (num
2020-06-16 19:59:39
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人