- 博客(32)
- 收藏
- 关注
RSS订阅
1转载 常见继承方法
一、原型链继承function Animal(name) { //属性 this.name = name; //方法 this.sleep = function () { console.log(this.name + '正在睡觉！'); }}Animal.prototype.eat = function (food) { console.log(this.name + '正在吃' + food);}// 原型链继承--将父类的实例作
2021-11-19 15:28:43
246
原创 创建对象的方法
一、工厂模式 function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name); };
2021-11-18 13:05:52
55
转载 for in和for of区别
一、for in遍历数组的问题1、index索引为字符串类型，不能直接进行几何运算2、遍历顺序可能不是按照实际数组的顺序3、会遍历数组所有的可枚举属性，包括原型Array.prototype.method = function () { console.log(this.length); } var myArray = [1, 2, 4, 5, 6, 7] myArray.name = "数组"; for (va
2021-10-22 22:17:51
184
转载 JS闭包经典面试题
function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,?var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?var c = fun(0).fun(1); c.fun(.
2021-10-20 15:42:10
208
转载 [‘1‘,‘2‘,‘3‘].map(parseInt)结果
结果：[1,NaN,NaN]map()将数组的每个元素传递给指定的函数处理，并返回处理后的数组。所以[‘1‘,‘2‘,‘3‘].map(parseInt)就是把1，2，3作为元素，0,1,2作为索引传给parseInt函数。即分别求出parseInt(‘1’,0),parseInt(‘2’,1),parseInt(‘3’,2),的结果parseInt()parseInt()函数接收两个参数，分别为string和radixstring:字母、数字、特殊字符等radix:解析字符串的基数，基数规则如
2021-10-20 13:29:03
113
转载 数组有哪些操作？
1、shift() 删除数组中的第一个元素，返回被删除的元素，会改变原数组。arr.shift()2、unshift() 向数组开头追加元素，可以追加一个或多个元素，返回新数组长度，会改变原数组。3、pop() 删除数组中最后一个元素，返回被删除的元素，会改变原数组。4、push() 向数组末尾追加元素，可以追加一个或多个元素，返回新数组长度，会改变原数组。5、concat() 连接两个或多个数组，返回新数组，不会改变原数组。var hege = ["Cecilie", "Lone"];va
2021-10-20 10:58:19
1194
原创 精灵图（雪碧图）
精灵图主要针对小的背景图片使用主要借助于背景位置来实现一般情况下精灵图都是负值使用方法：在ps中利用切片工具确定图片位置和大小，设置一个和需要的小背景图片大小相同的图片，然后设置背景图片，背景位置信息。这里需要注意图片位置通常为负值。.box{ width:60px; height:60px; background:url(images/img.png); background-position:-18px 0; //这里-18px的意思是图片向左移动18px}...
2021-10-14 10:09:58
67
转载 leetcode647回文子串
这还是我认识的动态规划吗？动态规划方法：动态规划五部曲：1、确定dp数组下标及其含义2、确定递推公式3、dp数组初始化4、确定遍历顺序5 、写状态转移方程第一步：dp[i][j]表示区间范围[i,j]之间的字串是否是回文字符串，是的话为true，否则为false第二步：当str[i]!=str[j]时，肯定不是回文串当str[i]=str[j]时，分为以下情况：i=j，这种情况肯定是回文字符串i!=j,但是i和j之间仅相差1，也是回文字符串i!=j,i和j之间相差大于1，需要.
2021-10-13 12:54:46
31
原创 v-if与v-show
两者不同点：1、手段不同v-if是通过控制dom节点的存在与否来控制元素的显示与隐藏v-show是通过设置dom元素的display样式来控制元素的显示与隐藏2、编译过程不同v-if铁环只有一个局部编译/卸载的过程，切换过程中合适的销毁和重建内部的事件监听和子组件；v-show只是简单的css切换3、编译条件不同v-if是惰性的，假设初始条件为假，则什么也不做；只有在条件第一次为真时才开始局部编译；v-show是在任何条件下都被编译，然后被缓存，而且dom元素保留4、性能消耗v-if有更高
2021-10-11 15:16:24
35
转载 对象的新增方法
1、Object.is()Object.is()用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致不同之处只有两个：+0不等于-0，NaN等于自身。ES5可以通过以下代码部署Object.is()2、Object.assign()Object.assign()方法用于对象的合并，将源对象的所有可枚举属性，复制到目标对象const target = {a:1};const source1 = {b:2};const source2 = {c:3};Object.assig
2021-10-11 12:01:08
113
转载 Vue双向绑定原理
Vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式实现的。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); }});可以看到属性a有两个相对应的get和set方法。vue通过Object.defineProperty（）来实现数据劫持。通过Object
2021-10-11 11:00:38
44
转载 Vue中的data为什么是函数
为了保证组件的独立性和可复用性。data是一个函数，组件实例化的时候这个函数被调用，返回一个对象，这样计算机会为对象分配一个内存地址，实例化几次就分配几个内存地址，这样每个组件中的数据不会相互干扰，改变其中一个组件的状态，其他组件不变。若data是一个对象，里边存放着很多数据，都指向一个地址。如果重复的使用相同的当前组件，每个组件的值都从data:{}对象中获得（相同地址），组件之间就会相互干扰。参考：https://www.cnblogs.com/jinfeixiang/p/12176156.html
2021-10-11 10:33:36
132
转载 Vue生命周期
Vue实例有一个完整的生命周期，每个Vue实例在被创建时都需要经过一系列的初始化过程，例如设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。共4对（8个）声明周期钩子（创建、挂载、更新、销毁）整体流程1、new Vue实例化一个vue实例，然后初始化event和lifecycle。这个过程调用了三个初始化函数，分别初始化了生命周期、事件以及定义creatElement函数。初始化声明
2021-10-10 22:47:12
54
原创 某公司前端笔试简答题记录
什么是同源策略，为什么要设计同源策略html5常用标签es6常用特性js数据类型什么是盒子模型display属性http是什么，http和https区别css中无继承性的属性部分答案：1、同源策略：两个页面拥有相同的协议、域名和端口号为了安全和资源的有效管理，防止用户信息泄露，防止身份伪造。如果没有同源策略，不同源的数据和资源就能随意访问，没有隐私和安全可言。（这个知识点需要深挖一下，另外可能会涉及到跨域的相关知识）2、html5常用标签html5新增了一些含有语义的标签，如hea.
2021-10-10 21:27:28
46
转载 Promise
1、Promise的含义Promise简单来说就是一个容器，里边保存着某个未来才会结束的事件的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。它提供统一的API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。一旦状态改变
2021-10-10 12:58:36
32
原创 赛码平台JS笔试
第一次在赛码平台上做笔试，一脸懵，根本不知道输入输出该怎么弄。readInt() 实现对单个变量的获取read_line() 获取一行的值取到的值为字符串形式，需要用split(’ ')将其转换为数组赛码平台输入为多行的数据，例如以下形式2 31 2 3 4人都傻了，不知道是干什么，怪自己没有提前准备。描述：给予两个整数A和B，计算它们的和输入：多组测试数据，每一行包括两个整数A和B输出：在一行内输出A+B的值var line;while(line=readline){ li
2021-10-10 12:55:52
1251
转载 Http请求头和响应头（Get和Post）
HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从万维网服务器传输超文本到本地浏览器的传送协议。HTTP工作原理HTTP是无连接：限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。（节省传输时间）HTTP是媒体独立的：只要客户端和服务器知道如何处理的数据内容，任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。HTTP是无状态：HTTP协议是无状态协议。是
2021-09-02 21:54:47
547
转载 Set数据结构
1、Set基本用法ES6提供了新的数据结构Set。类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。const s = new Set();[2,3,5,4,5,2,2].forEach(x=> s.add(x));for (let i of s){ console.log(i);}// 2 3 5 4上边代码通过add（）方法向Set结构加入成员，结果表明Set结构不会添加重复的值。Set函数可以接受一个数组作为参数，用来初始化
2021-08-13 00:51:25
232
原创 三、模板字符串
ES6引入新的生命字符串的方式[``] ’ ’ " "1、声明let str = `我也是一个字符串`;console.log(str,typeof str);//我也是一个字符串 string2、内容中可以直接出现换行符let str = `<ul><li>沈腾</li> <li>玛丽</li> </ul>`如果使用’'换行的话需要用+连接3、变量拼接let lovest = '沈腾'；l
2021-07-18 17:54:01
40
原创 变量的解构赋值
ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，也才被称为解构赋值1、数组的解构const F4 = ['小沈阳','刘能','赵四','宋小宝'];let [xiao,liu,zhao,song] = F4;console.log(xiao);//小沈阳console.log(xiao);//刘能console.log(xiao);//赵四console.log(xiao);//宋小宝2、对象的解构const Zhao = { name:'赵本山', age:'不详',
2021-07-18 17:28:45
32
原创 一、let变量声明及声明及声明特性
let1、变量不能重复声明let name = '小花花';let name = '大花花';2、块级作用域 全局，函数，evalif else while for{ let name = '小花花';}console.log(name);3、不存在变量提升console.log(name);let name = '小花花';//结果出错，这里如果是var就不会报错，undefined4、不影响作用域链{let name = ‘小花花’;function fn(){c
2021-07-18 17:13:12
132
原创 JS预编译
JS中有变量提升的过程，例如//常规做法var num = 123;console.log(num);//结果为123//非常规做法console.log(num);//结果为undefined,其实会默认在这一行上边添加一行var num = undefined;只是我们看不见var num = 123;///////函数/////function fn() { console.log("你好！")}fn();//调用这个函数，会打印出：你好！//如果我们将fn()放在定义函数之前
2021-07-03 19:43:10
37
转载 数组扁平化
概念：将一个多维数组变成一维数组实现方法1、reduce遍历数组一遍，若值为数组则递归遍历，否则concatfunction flatten(arr){ return arr.reduce((result,item)=>{ return result.concat(Array.isArray(item)? flatten(item):item); },[]);}reduce 是数组的一种方法，它接受一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。red
2021-07-03 16:25:50
32
转载 JS中双等号隐性转换机制
JS中的简单类型：undefined,null,boolean,number,stringJS中判断相等关系有双等号和三等号两种。双等号是值相等，三等号是严格相等（值和类型都相等）双等号在运算时会进行类型转换，三等号不会。如：alert(‘12’==12);//truealert(‘12’===12);//false如果两边都是简单类型，且类型相同，直接进行比较。如果两边都是简单类型，但类型不同，先转换为数字比较（true1,false0;null与undefined相等；字符串数字等于数字
2021-07-02 17:05:10
257
转载 ES6函数新特性
1、带参数默认值的函数js的函数声明过后，在调用这个函数的时候可以忽略这个函数所带的参数。即声明的函数原本带有参数，但是在调用时不传参也不会报错，那些参数会有一个默认的值function test(arg1,arg2){ console.log(arg1);//undefined console.log(arg2);//undefined}test();若是在java中，会强制要求输入参数，JS的结果为undefined在ES6中，可以直接给函数的参数设置一个默认值function te
2021-07-02 15:49:20
53
转载 箭头函数和普通函数
箭头函数和普通函数的区别1、定义方式// 箭头函数function func=()=>{ // code}//普通函数function func() { // code}2、是否匿名箭头函数都是匿名函数，而普通函数可以有匿名函数也可以有具体名// 箭头函数let func=()=>{ // code}//具名函数function func() { // code}//匿名函数let func = function(){ // code}3、箭头
2021-07-02 11:56:20
62
转载 call()、apply()、bind()方法
call()、apply()、bind()方法1、call()方法：调用函数，改变this指向//call()方法主要用于继承function Father(unanme,age,sex){ this.name = name; this.age = age; this.sex = sex;}function Son(){ Father.call(this,uname,age,sex);//调用Father，改变this指向}var son = new Son("张三"，18，"男")；
2021-07-02 11:32:24
152
原创 单行溢出怎么显示省略号
单行文本溢出显示省略号–必须满足三个条件//1、先强制一行内显示文本white-space:nowrap;(默认normal自动换行）//2、超出的部分隐藏overflow:hidden;//3、文字超出部分用省略号显示text-overflow:ellipsis;多行文本溢出显示省略号多行文本溢出显示省略号，有较大的兼容性问题，适合于webKit浏览器或者移动端。overflow:hidden;text-overflow:ellipsis;//弹性伸缩盒子模型显示display:
2021-07-01 16:06:19
253
转载 CSS中position属性介绍
CSS中position属性介绍（新增sticky）1、position:static2、position:relative3、position:absolute4、position:fixed5、position:inherit6、position:sticky1、position:staticstatic(没有定位）是position的默认值，元素处于正常的文档流中。会忽略left、top、right、bottem和z-index属性2、position:relative给元素设置相对于原来文本
2021-07-01 15:39:00
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人