自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 ES2020新特性

1.通过 #给 class 添加私有变量 class Counter { #number = 10 increment() { this.#number++ } getNum() { return this.#number } } const counter...

2020-01-17 10:23:47

阅读数 1200

评论数 0

原创 Javascript如何判断一个值是不是NaN

问题由来:如何判断一个函数的返回值是不是NaN? NaN==NaN; //false Number.isNaN(NaN); //treu Object.is(NaN,NaN); //true Object.is()方法用来判断两...

2020-01-10 16:12:45

阅读数 224

评论数 0

原创 stackblitz复现工具的使用

stackblitz是一个可以在线编辑并查看angular项目的工具。目前只支持angular-cli脚手架项目 使用: 1.在github上打开你的项目: 2.将github.com改为stackblitz.com/github 改为 使用非常方便,遗憾的是目前只支持angul...

2019-12-20 15:02:14

阅读数 258

评论数 0

原创 Angular 8.x使用ViewChild报错

错误: error TS2554: Expected 2 arguments, but got 1. 应有 2 个参数,但获得 1 个。ts(2554) core.d.ts(7888, 47):An argument for 'opts' was not provided...

2019-12-19 11:20:39

阅读数 320

评论数 0

原创 Angular中锚点的写法

普通页面中的写法 <a href="#id">跳转</a> <div id="id">指定位置</div> 此方法在angular中是失效的,因为此写法跟路由冲突 解决方案一:(不推荐) //htm...

2019-12-13 15:49:28

阅读数 462

评论数 0

原创 数组去重后长度大于10,求出现频率最高的10个元素

js解决方法如下: function findTopTen(arr1) { let obj = {}, len1 = arr1.length; for (let i = 0; i < len1; i++) { ...

2019-12-12 14:55:59

阅读数 317

评论数 0

原创 Number([])与Number({})

Number()函数转换规则如下: 转换规则: 1)如果是Boolean值,true和false将分别转换为1和0。 2)如果是数字值,只是简单的传入和返回。 3)如果是null值,返回0。 4)如果是undefined,返回NaN。 5)如果是字符串,遵循下列规则: 如果是字符串中只...

2019-12-03 17:11:36

阅读数 436

评论数 0

原创 angular组件通信,数据请求,路由

一.父子组件及组件之间的通信 父组件给子组件传值 -@input(可以传递数据,方法以及整个父组件(传递this [home]=’this’)) 父组件调用子组件的时候传入数据 <app-xx [msg] = ‘msg’></app-xx> 子组件引入Input模块...

2019-12-02 18:06:43

阅读数 275

评论数 0

转载 Git使用详解

一、Git工作流程 以上包括一些简单而常用的命令,但是先不关心这些,先来了解下面这4个专有名词。 Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 工作区 程序员进行开发改动的地方,是你当...

2019-09-18 17:14:43

阅读数 277

评论数 0

原创 循环中使用闭包解决 var 定义函数的问题

//本文首发于掘金社区,链接:https://juejin.im/post/5d7461c6e51d453bc470df4f 经典面试题,循环中使用闭包解决 var 定义函数的问题 for ( var i=1; i<=5; i++) { setTimeout( function t...

2019-09-08 10:11:12

阅读数 332

评论数 0

原创 [] == ![]

== 操作符 toPrimitive 是对象转基本类型。 [] == ![] // -> true ,下面是这个表达式为何为 true 的步骤: // [] 转成 true,然后取反变成 false [] == false // 根据第 8 条得出 [] == To...

2019-09-05 22:23:02

阅读数 38

评论数 0

原创 HTTP状态码

//本文首发于掘金社区:https://juejin.im/post/5d70f594e51d4561b072dd74 状态码的职责是当客户端向服务端发送请求时,描述返回的请求的结果,借助状态码,用户可以知道服务端是正常处理了请求,还是出现了错误. 状态码类别: 2xx成功 2xx的响...

2019-09-05 20:34:31

阅读数 41

评论数 0

原创 前端面试总结(面向校招)

一.Vue相关 1.vue中的MVVM模式(优点?)即Model-View-ViewModel Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 View代表UI组件,它负责将数据模型转化成UI展现出来。 ViewModel监听模型数据的改变和控制视图行为、处理用...

2019-08-25 16:51:20

阅读数 44

评论数 0

原创 JSt数组详解

静态成员 from:将伪数组转换为真数组 let args = Array.from(arguments); isArray 判断给定的数据是不是真数组(真数组:通过Array构造器构造的数组) of Array.of()与new Array()的区别,如果只有一个参数n,前者表示数组...

2019-08-04 16:20:36

阅读数 37

评论数 0

原创 javascript运算符和表达式

运算符 表达式 表达式 = 操作符 + 操作数 每个表达式都有一个运算结果,该结果叫做返回值,返回值的类型叫做返回类型所有的表达式可以当作数据使用 =:该表达式返回赋值的结果 .:返回属性的值(同()) console.log函数调用返回的结果为undefined chrome浏览器控制...

2019-08-02 11:08:17

阅读数 38

评论数 0

原创 window.name属性

题目: var name; console.log(name); console.log(typeof name); 按照正常思路来说,只是声明了name变量并未赋值,所以按常理来说应该输出: undefined "undefined" 但是运行结果为 ...

2019-08-01 20:34:17

阅读数 540

评论数 0

原创 深入css权重计算

- 1.千位:如果是内联样式,记为1,否则为0 - 2.百位:等于选择器中所有id选择器的数量 - 3.十位:等于选择器中所有类选择器,属性选择器,伪类选择器的数量 - 4.个位:等于选择器中所有元素(标签)选择器,伪元素选择器的数量 - 5.通配符选择器为0 也就是说权重计算可以初始为00...

2019-07-31 11:22:34

阅读数 49

评论数 0

原创 剑指offer(js版)

1. 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。 function Find(target, array) { // write co...

2019-07-26 09:46:45

阅读数 255

评论数 0

转载 webpack的面试题总结

本文转自于前端面试总结@知乎专栏:https://zhuanlan.zhihu.com/p/44438844 随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,如react的jsx代码必须编译后才能在浏览器中使用;又如sass和less的代码浏览器也是不支持的。 而如果摒...

2019-07-25 20:53:51

阅读数 1980

评论数 0

原创 前端面试问题(持续整理中。。。)

百度校招一面 ajax流程讲一下 了解promise吗,简单说一下 手写一个箭头函数如何使用 实现一个链式调用 写个简单的观察者模式 数组去重 let和const有什么区别 如何判断数据类型,如果遇到null呢 写一个正则,要求匹配电话号区号+座机号,并且给区号添加上括号 mv...

2019-07-25 11:41:23

阅读数 42

评论数 0

原创 var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x) console.log(b.x)

var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x) //undefined console.log(b.x) //{n == 2} 解释: var b = a; 对象存贮在堆内存,a和b同时引用 {n:2} 赋值操作...

2019-07-23 14:43:16

阅读数 43

评论数 0

转载 Set、Map、WeakSet 和 WeakMap 的区别

Set 和 Map 主要的应用场景在于数据重组和数据储存 Set 是一种叫做集合的数据结构,Map 是一种叫做字典的数据结构 1. 集合(Set) ES6 新增的一种新的数据结构,类似于数组,但成员是唯一且无序的,没有重复的值。 Set 本身是一种构造函数,用来生成 Set 数据结构。 ...

2019-07-17 15:06:25

阅读数 114

评论数 0

原创 什么是防抖和节流?有什么区别?如何实现?

一部分的用户行为会频繁的触发事件执行,而对于DOM操作,资源加载等耗费性能的处理,很有可能导致界面卡顿,甚至浏览器的崩溃,防抖和节流就是解决这种问题的 防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 防抖就是在函数需要频繁触发情况时,只有足够空闲的时...

2019-07-17 11:00:18

阅读数 389

评论数 0

转载 每日一题(web前端)

第 1 题:写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么? key是给每一个vnode的唯一id,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。 1. 更准确 因为带key就不是就地复用了(不带有key,并且使用简单的模板,基于...

2019-07-17 09:08:26

阅读数 206

评论数 0

转载 Js中的Map对象

map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for ne...

2019-07-17 09:07:45

阅读数 180

评论数 0

原创 css属性值的计算过程

##属性值的计算过程 一个一个元素依次渲染,顺序按照页面文档的树形目录结构进行(深度优先渲染) 渲染每个元素的前提条件:该元素的所有css属性必须有值 一个元素从所有属性都没有值,到所有属性都有值,这个过程叫做属性的计算过程 1.确定声明值(参考样式表中没有冲突的声明,作为css属...

2019-07-10 20:04:43

阅读数 177

评论数 0

转载 JavaScript正则表达式详解

第一章 正则表达式字符匹配攻略 第二章正则表达式位置匹配攻略 第三章 正则表达式括号的作用 第四章 正则表达式回溯法原理 第五章 正则表达式的拆分 第六章 正则表达式的构建 第七章 正则表达式编程 后记 下面简单地说说每一章都讨论了什么? 正则是匹配模式,要么匹配字符,要么匹配位置...

2019-06-13 18:49:46

阅读数 1837

评论数 4

转载 Javascript异步编程的4种方法

作者:阮一峰 你可能知道,Javascript语言的执行环境是"单线程"(single thread)。 所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现...

2019-06-02 16:21:27

阅读数 58

评论数 0

原创 javascript经典面试题整理

一.类型转换 var a = false + 1; console.log(a); //1 var b = false == 1; console.log(b);//false if(typeof(a) && (-true) + (+undefined) + &#...

2019-06-02 11:17:46

阅读数 721

评论数 0

原创 web前端企业JavaScript常见面试题

1.函数声明和函数表达式的区别 show1();//show1 function show1(){ //函数声明 console.log("show1"); } show1();//show1 console.log(show2);//undefined var...

2019-05-18 11:35:55

阅读数 825

评论数 0

原创 什么是跨域,如何解决跨域问题?

跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 同源:域名,协议,端口均相同 不同源:协议不同(http/https),域名不同,域名的前缀不同,端口不同,域名和域名对应ip也属于跨域,请注意:localhost和127....

2019-05-18 10:15:31

阅读数 67

评论数 0

转载 js中区分slice,splice和split方法

1.slice(数组) 用法:array.slice(start,end) 解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选) //如果不传入参数二,那么将从参数一的索引位置开始截取,一直到...

2019-05-10 19:26:21

阅读数 42

评论数 0

原创 css3兼容各版本浏览器前缀

前缀         浏览器 -webkit-       chrome、safari -moz-        firefox -ms- IE -o- opera ...

2019-04-16 20:38:39

阅读数 349

评论数 0

转载 JavaScript数组方法大全(包含ES6)

JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("li...

2019-04-13 15:44:29

阅读数 213

评论数 0

原创 javascript交换两个数

(1) 临时变量 let a = 12,b = 5; let temp = a; a = b; b = temp; (2)数值相加减交换 let a = 12,b = 5; a = a + b; //a = 17,b = 5 b = a - b; /...

2019-04-12 15:46:16

阅读数 60

评论数 0

转载 Web前端经典面试试题及答案

javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现 typeof(obj) === "string" typeof obj === "string" obj.constructor === String 请用...

2019-04-10 21:39:31

阅读数 72

评论数 0

转载 web前端面试题-开发及性能优化

1、规避javascript多人开发函数重名问题 命名空间封闭空间js模块化mvc(数据层、表现层、控制层)seajs变量转换成对象的属性对象化 2、请说出三种减低页面加载时间的方法 压缩css、js文件合并js、css文件,减少http请求外部js、css文件放在最底下减少dom操作,尽可...

2019-04-10 21:22:32

阅读数 135

评论数 0

转载 深入理解B/S与C/S架构

阅读目录 C/S架构简要介绍 什么是B/S架构 B/S架构的几种形式 发展前景 一、C/S架构简要介绍 在了解什么是B/S架构之前,我们有必要了解一下什么是C/S架构: C/S架构是第一种比较早的软件架构,主要用于局域网内。也叫客户机/服务器模式。 ...

2019-04-10 21:19:43

阅读数 145

评论数 0

转载 js中几种实用的跨域方法原理详解

转自:https://www.cnblogs.com/2050/p/3191744.html 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当...

2019-04-01 20:02:38

阅读数 48

评论数 0

转载 javascript异步编程

学习web前端 一般知道,js脚步语言的执行环境是单线程的,就是它会等一个任务完成,才会进行第二个任务,然后一直向下进行,这样的执行环境简单,但是处理不了复杂的运用,当一个请求需要非常旧的时间的时候,下一个流程就会被搁浅,如果长时间得不到反馈,进程就这样的奔溃了。 为了解决这个硬性需求,Jav...

2019-04-01 19:56:46

阅读数 46

评论数 0

提示
确定要删除当前文章?
取消 删除