7 坤小

尚未进行身份认证

我要认证

黑马程序员讲师一枚,近20个项目经验,10个以上上线项目,独立开发过五个以上的上线项目。当过项目经理,负责过多款软件的架构…… 目前主要致力于教育行业,旨在让一个愿意学习的人能够更加亲切的学习软件开发技术以及面向对象的编程思想

等级
TA的排名 6k+

var与let区别-详解块级作用域与局部作用域

1.1-js三种作用域介绍1.作用域概念(Scope) : 变量可以起作用的范围区域1.1 ES5 有两种作用域a.全局作用域(Global Scope) : 函数外面声明的变量,称之为全局变量。 可以在页面任何地方被访问全局变量生命周期 : 从页面加载 -> 到页面关闭b.局部作用域(Local Scope) : 函数里面声明的变量,称之为局部变量。 只能在函数里面被访问局部变量生命周期 : 从函数开始执行 -> 到函数执行结束1.2 ES6 在ES

2020-06-10 19:27:49

JS经典面试题05-变量连续声明var a = b = 1

函数里面声明的变量是局部变量,在函数外无法被访问。 怎么会有人出这么简单的面试题呢?1.1-答案揭晓1.2-原理解析 /*本题考点 a. 变量作用域 : 函数里面声明的变量是局部变量,无法在全局访问 b. 冷门知识点 : 变量如果没有使用var关键字声明,则没有作用域限制。 一定是全部变量(不标准语法) */ //声明函数 function fn() { /*变量连续赋值执行原理 ..

2020-06-10 12:03:06

JS经典面试题04-原型链Foo.getName

1.1-答案揭晓1.2-原理解析<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">.

2020-06-08 10:21:46

JS经典面试题03-引用类型连续赋值a.x = a = { n: 2 }

1.1-答案揭晓<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t.

2020-06-08 10:18:39

JS经典面试题02-只执行一次函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.

2020-06-08 10:13:46

JS经典面试题01-隐式类型转换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2020-06-08 10:10:50

ARSessionConfiguration报错问题

报错原因 : 在IOS11之后,ARSessionConfiguration被废弃了,需要使用ARConfiguration代替

2020-06-06 12:31:26

网页性能优化04-函数节流

函数节流(throttle)1-函数节流介绍1.先理解什么是js中的高频事件高频事件 : 触发频率极高的事件。例如 滚动条事件onscroll 鼠标移动onmousemove 网页大小变化onresize等高频触发:事件本身不是高频的,但是用户可以通过很快的手速来触发。例如用户疯狂快速点击 抢购按钮(onclick,onmousedown)2.高频事件的危害a.浪费资源,降低网页速度,甚至导致浏览器卡死:由于高频事件触发非常频繁,可能1秒钟会执行几十次甚至上百次,如

2020-05-23 23:36:53

网页性能优化03-函数防抖

1.1-函数防抖1.函数防抖介绍1.什么是函数防抖? (debounce)网上主流解释:函数防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。参考博客:https://www.jianshu.com/p/f9f6b637fd6c参考博客:https://segmentfault.com/a/1190000018445196笔者解释:先理解什么是抖动?:例如用户鼠标轻微晃动,快速划过某一个元素(用户本身不想触发,只是鼠标误触

2020-05-23 23:30:59

网页性能优化02-懒加载工作原理

懒加载工作原理1.1-懒加载介绍(以图片懒加载为例)1.为什么要有懒加载技术(1)img标签特点:不管图片隐藏还是显示 有src属性都会去加载例如电商类网站,一个页面有几百张图片。有时候假设用户不滚动,也会加载图片资源,此时非常损耗网页性能(2)那么如果页面上有太多的图片 而且有些图片不在可视窗口内 如果加载了会影响页面的渲染页面时间。判断网页是否使用图片懒加载技术:滚动网页的时候,图片会动态加载(一般会有一个渐变动画,例如京东)2.如何实现懒加载技术核心原理:延迟

2020-05-23 22:33:37

网页性能优化01-精灵图利弊与应用场景

网页性能优化01-精灵图精灵图:通过减少页面网络请求的数量,来提高网页加载速度1.1-精灵图介绍1.什么是精灵图精灵图就是就是将几张较小的图片放在一张大图上,这张大图称之为精灵图,又叫雪碧图(CSS Sprites)2.为什么要有精灵图?因为浏览器在渲染DOM树的时候,会把所有的外部资源路径(例如img标签的src属性作为网络请求,向服务器发送资源)例如淘宝网页,一个首页会有300多以上的请求,每一个请求都需要占用网络资源,无形中会降低网页加载速度3.精灵图的作用将

2020-05-23 21:55:13

JS基础语法(07)-比较运算符隐式类型转换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:52:20

JS基础语法(06)-delete关键字两个作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:51:05

JS基础语法(05)-in关键字三个作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:50:11

axios04-文件上传

axios上传文件没有兼容性问题,还是使用以前的FormData原因: FormData会自动帮你设置请求头为:multipart/form-data;<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <meta http-equiv=...

2020-04-08 23:43:03

axios03-解决请求头兼容导致跨域报错问题

1.老版本的后台接口post请求头是:application/x-www-form-urlencodedaxios不支持解决方案1.设置axios请求头为application/x-www-form-urlencodedheaders: {'Content-type': 'application/x-www-form-urlencoded'}2.将参数拼接为...

2020-04-08 23:41:06

axios02-其他使用方式(推荐)

推荐这种方式原因: 和以前的$.ajax()非常类似不同点: 使用promise技术处理异步操作结果axios({ url:'请求路径', method:'请求方式', data:{ post请求参数 }, params:{ get请求参数 }}).then(res=>{ //成功回调 //console.log(res)}...

2020-04-08 23:39:50

axios教程01-基本使用流程

axios官网文档:http://www.axios-js.com/jQuery与axios对比jQueryaxios1.ajax技术底层原理XMLHTTPRequestXMLHTTPRequest2.体积大小大(包含大量dom操作与ajax)小(只有ajax请求)3.是否支持ES6的Promise不支持(底层使用其他方案模拟实现)支持基于原生P...

2020-04-08 23:37:09

ES6箭头函数中的this指向

1箭头函数中的this(1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this(2)箭头函数中的this指向 :访问上一个作用域的this说人话:函数在哪个作用域声明,this就是谁 (本质是通过作用域链访问上一个作用域中的this)(3)箭头函数与function函数this区别function函数 : 谁调用我,我...

2019-11-08 17:49:10

JS双向数据绑定的原理介绍

Document 您输入的文本是:{{ msg }} 点我修改文本 <script> function hmVue(obj) { //querySelector默认只会获取满足选择器条件的第一个元素 // vue的挂载点el...

2019-11-08 11:01:30

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。